commit 9d906d8e655cb2ef146d9417e4ec4a8d21ce048b
Author: Adrian Rauth <crono@planetgenerally.de>
Date:   Thu Dec 3 00:07:54 2020 +0100

    Initial Commit

diff --git a/readme.md b/readme.md
new file mode 100644
index 0000000..ebcd1a6
--- /dev/null
+++ b/readme.md
@@ -0,0 +1,3 @@
+# Simplicity theme
+
+For GeneRally International Forum. [Original by Arty](https://www.phpbb.com/customise/db/style/artodia_simplicity/) distributed under BSD License.
\ No newline at end of file
diff --git a/simplicity/license.txt b/simplicity/license.txt
new file mode 100644
index 0000000..a5319f7
--- /dev/null
+++ b/simplicity/license.txt
@@ -0,0 +1,33 @@
+IMPORTANT: This license does not apply to files in directory theme/fonts/
+
+Files in those directories have their own licenses, see license.txt in respective
+directories for details.
+
+-----------------------------------------------------------------------------
+
+Copyright (c) 2015, Vjacheslav Trushkin
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer. 
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+The views and conclusions contained in the software and documentation are those
+of the authors and should not be interpreted as representing official policies, 
+either expressed or implied, of the FreeBSD Project.
\ No newline at end of file
diff --git a/simplicity/style.cfg b/simplicity/style.cfg
new file mode 100644
index 0000000..d814d65
--- /dev/null
+++ b/simplicity/style.cfg
@@ -0,0 +1,32 @@
+#
+# phpBB Style Configuration File
+#
+# This file is part of the phpBB Forum Software package.
+#
+# @copyright (c) phpBB Limited <https://www.phpbb.com>
+# @license GNU General Public License, version 2 (GPL-2.0)
+#
+# For full copyright and license information, please see
+# the docs/CREDITS.txt file.
+#
+# At the left is the name, please do not change this
+# At the right the value is entered
+#
+# Values get trimmed, if you want to add a space in front or at the end of
+# the value, then enclose the value with single or double quotes.
+# Single and double quotes do not need to be escaped.
+#
+#
+
+# General Information about this style
+name = Simplicity
+copyright = Created by Arty (Vjacheslav Trushkin), http://www.artodia.com/, Modified by Gabriel Fischer
+style_version = 3.3.0
+phpbb_version = 3.3.0
+
+# Defining a different template bitfield
+# template_bitfield = lNg=
+
+# Parent style
+# Set value to empty or to this style's name if this style does not have a parent style
+parent = prosilver
diff --git a/simplicity/template/_style_config.html b/simplicity/template/_style_config.html
new file mode 100644
index 0000000..9beba3f
--- /dev/null
+++ b/simplicity/template/_style_config.html
@@ -0,0 +1,37 @@
+<!-- IF $FALSE -->
+	Variables below change style behavior.
+
+	List of variables and values (do not edit!):
+		Forums list layout:
+			$STANDARD_FORUMS_LAYOUT = 0	-> Layout with topics and posts below forum title
+			$STANDARD_FORUMS_LAYOUT = 1	-> Default layout with separate columns for topics and posts
+
+		Hide forum description:
+			$HIDE_FORUM_DESCRIPTION = 0 -> Always show it
+			$HIDE_FORUM_DESCRIPTION = 1 -> Show it only when hovering forum title
+
+		Wrap header / navigation:
+			$WRAP_HEADER = 0 -> Header and navigation will not be included in global wrapper
+			$WRAP_HEADER = 1 -> Both header and navigation will be included in global wrapper
+			$WRAP_HEADER = 2 -> Header will not be included in global wrapper, navigation will be included
+
+		Wrap footer:
+			$WRAP_FOOTER = 0 -> Footer will be outside of content wrapper
+			$WRAP_FOOTER = 1 -> Footer will be inside content wrapper
+
+		Quick search position:
+			$SEARCH_IN_NAVBAR = 0 -> Search bar will be displayed in header
+			$SEARCH_IN_NAVBAR = 1 -> Search bar will be displayed in secondary navigation
+
+	Edit variables below:
+<!-- ENDIF -->
+
+<!-- DEFINE $STANDARD_FORUMS_LAYOUT = 0 -->
+<!-- DEFINE $HIDE_FORUM_DESCRIPTION = 1 -->
+<!-- DEFINE $WRAP_HEADER = 0 -->
+<!-- DEFINE $WRAP_FOOTER = 0 -->
+<!-- DEFINE $SEARCH_IN_NAVBAR = 1 -->
+
+<!-- IF $FALSE -->
+	Do not edit code below!
+<!-- ENDIF -->
diff --git a/simplicity/template/ajax.js b/simplicity/template/ajax.js
new file mode 100644
index 0000000..18275a8
--- /dev/null
+++ b/simplicity/template/ajax.js
@@ -0,0 +1,394 @@
+/* global phpbb */
+
+(function($) {  // Avoid conflicts with other libraries
+
+'use strict';
+
+// This callback will mark all forum icons read
+phpbb.addAjaxCallback('mark_forums_read', function(res) {
+	var readTitle = res.NO_UNREAD_POSTS;
+	var unreadTitle = res.UNREAD_POSTS;
+	var iconsArray = {
+		forum_unread: 'forum_read',
+		forum_unread_subforum: 'forum_read_subforum',
+		forum_unread_locked: 'forum_read_locked'
+	};
+
+	$('li.row').find('dl[class*="forum_unread"]').each(function() {
+		var $this = $(this);
+
+		$.each(iconsArray, function(unreadClass, readClass) {
+			if ($this.hasClass(unreadClass)) {
+				$this.removeClass(unreadClass).addClass(readClass);
+			}
+		});
+		$this.children('dt[title="' + unreadTitle + '"]').attr('title', readTitle);
+	});
+
+	// Mark subforums read
+	$('a.subforum[class*="unread"]').removeClass('unread').addClass('read').children('.icon.icon-red').removeClass('icon-red').addClass('icon-blue');
+	
+	// Mark topics read if we are watching a category and showing active topics
+	if ($('#active_topics').length) {
+		phpbb.ajaxCallbacks.mark_topics_read.call(this, res, false);
+	}
+
+	// Update mark forums read links
+	$('[data-ajax="mark_forums_read"]').attr('href', res.U_MARK_FORUMS);
+
+	phpbb.closeDarkenWrapper(3000);
+});
+
+/**
+* This callback will mark all topic icons read
+*
+* @param {bool} [update_topic_links=true] Whether "Mark topics read" links
+* 	should be updated. Defaults to true.
+*/
+phpbb.addAjaxCallback('mark_topics_read', function(res, updateTopicLinks) {
+	var readTitle = res.NO_UNREAD_POSTS;
+	var unreadTitle = res.UNREAD_POSTS;
+	var iconsArray = {
+		global_unread: 'global_read',
+		announce_unread: 'announce_read',
+		sticky_unread: 'sticky_read',
+		topic_unread: 'topic_read'
+	};
+	var iconsState = ['', '_hot', '_hot_mine', '_locked', '_locked_mine', '_mine'];
+	var unreadClassSelectors;
+	var classMap = {};
+	var classNames = [];
+
+	if (typeof updateTopicLinks === 'undefined') {
+		updateTopicLinks = true;
+	}
+
+	$.each(iconsArray, function(unreadClass, readClass) {
+		$.each(iconsState, function(key, value) {
+			// Only topics can be hot
+			if ((value === '_hot' || value === '_hot_mine') && unreadClass !== 'topic_unread') {
+				return true;
+			}
+			classMap[unreadClass + value] = readClass + value;
+			classNames.push(unreadClass + value);
+		});
+	});
+
+	unreadClassSelectors = '.' + classNames.join(',.');
+
+	$('li.row').find(unreadClassSelectors).each(function() {
+		var $this = $(this);
+		$.each(classMap, function(unreadClass, readClass) {
+			if ($this.hasClass(unreadClass)) {
+				$this.removeClass(unreadClass).addClass(readClass);
+			}
+		});
+		$this.children('dt[title="' + unreadTitle + '"]').attr('title', readTitle);
+	});
+
+	// Remove link to first unread post
+	$('a.unread').has('.icon-red').remove();
+
+	// Update mark topics read links
+	if (updateTopicLinks) {
+		$('[data-ajax="mark_topics_read"]').attr('href', res.U_MARK_TOPICS);
+	}
+
+	phpbb.closeDarkenWrapper(3000);
+});
+
+// This callback will mark all notifications read
+phpbb.addAjaxCallback('notification.mark_all_read', function(res) {
+	if (typeof res.success !== 'undefined') {
+		phpbb.markNotifications($('#notification_list li.bg3'), 0);
+		phpbb.closeDarkenWrapper(3000);
+	}
+});
+
+// This callback will mark a notification read
+phpbb.addAjaxCallback('notification.mark_read', function(res) {
+	if (typeof res.success !== 'undefined') {
+		var unreadCount = Number($('#notification_list_button + strong .counter').html()) - 1;
+		phpbb.markNotifications($(this).parent('li.bg3'), unreadCount);
+	}
+});
+
+/**
+ * Mark notification popup rows as read.
+ *
+ * @param {jQuery} $popup jQuery object(s) to mark read.
+ * @param {int} unreadCount The new unread notifications count.
+ */
+phpbb.markNotifications = function($popup, unreadCount) {
+	// Remove the unread status.
+	$popup.removeClass('bg3');
+	$popup.find('a.mark_read').remove();
+
+	// Update the notification link to the real URL.
+	$popup.each(function() {
+		var link = $(this).find('a');
+		link.attr('href', link.attr('data-real-url'));
+	});
+
+	// Update the unread count.
+	$('#notification_list_button + strong .counter').html(unreadCount).parents('.notifications.tab').toggleClass('non-zero', unreadCount > 0);
+	// Remove the Mark all read link and hide notification count if there are no unread notifications.
+	if (!unreadCount) {
+		$('#mark_all_notifications').remove();
+		$('#notification_list_button > strong').addClass('hidden');
+	}
+
+	// Update page title
+	var $title = $('title');
+	var originalTitle = $title.text().replace(/(\((\d+)\))/, '');
+	$title.text((unreadCount ? '(' + unreadCount + ')' : '') + originalTitle);
+};
+
+// This callback finds the post from the delete link, and removes it.
+phpbb.addAjaxCallback('post_delete', function() {
+	var $this = $(this),
+		postId;
+
+	if ($this.attr('data-refresh') === undefined) {
+		postId = $this[0].href.split('&p=')[1];
+		var post = $this.parents('#p' + postId).css('pointer-events', 'none');
+		if (post.hasClass('bg1') || post.hasClass('bg2')) {
+			var posts1 = post.nextAll('.bg1');
+			post.nextAll('.bg2').removeClass('bg2').addClass('bg1');
+			posts1.removeClass('bg1').addClass('bg2');
+		}
+		post.fadeOut(function() {
+			$(this).remove();
+		});
+	}
+});
+
+// This callback removes the approve / disapprove div or link.
+phpbb.addAjaxCallback('post_visibility', function(res) {
+	var remove = (res.visible) ? $(this) : $(this).parents('.post');
+	$(remove).css('pointer-events', 'none').fadeOut(function() {
+		$(this).remove();
+	});
+
+	if (res.visible) {
+		// Remove the "Deleted by" message from the post on restoring.
+		remove.parents('.post').find('.post_deleted_msg').css('pointer-events', 'none').fadeOut(function() {
+			$(this).remove();
+		});
+	}
+});
+
+// This removes the parent row of the link or form that fired the callback.
+phpbb.addAjaxCallback('row_delete', function() {
+	$(this).parents('tr').remove();
+});
+
+// This handles friend / foe additions removals.
+phpbb.addAjaxCallback('zebra', function(res) {
+	var zebra;
+
+	if (res.success) {
+		zebra = $('.zebra');
+		zebra.first().html(res.MESSAGE_TEXT);
+		zebra.not(':first').html('&nbsp;').prev().html('&nbsp;');
+	}
+});
+
+/**
+ * This callback updates the poll results after voting.
+ */
+phpbb.addAjaxCallback('vote_poll', function(res) {
+	if (typeof res.success !== 'undefined') {
+        var poll = $(this).closest('.topic_poll');
+		var panel = poll.find('.panel');
+		var resultsVisible = poll.find('dl:first-child .resultbar').is(':visible');
+		var mostVotes = 0;
+
+		// Set min-height to prevent the page from jumping when the content changes
+		var updatePanelHeight = function (height) {
+			height = (typeof height === 'undefined') ? panel.find('.inner').outerHeight() : height;
+			panel.css('min-height', height);
+		};
+		updatePanelHeight();
+
+		// Remove the View results link
+		if (!resultsVisible) {
+			poll.find('.poll_view_results').hide(500);
+		}
+
+		if (!res.can_vote) {
+			poll.find('.polls, .poll_max_votes, .poll_vote, .poll_option_select').fadeOut(500, function () {
+				poll.find('.resultbar, .poll_option_percent, .poll_total_votes').show();
+			});
+		} else {
+			// If the user can still vote, simply slide down the results
+			poll.find('.resultbar, .poll_option_percent, .poll_total_votes').show(500);
+		}
+
+		// Get the votes count of the highest poll option
+		poll.find('[data-poll-option-id]').each(function() {
+			var option = $(this);
+			var optionId = option.attr('data-poll-option-id');
+			mostVotes = (res.vote_counts[optionId] >= mostVotes) ? res.vote_counts[optionId] : mostVotes;
+		});
+
+		// Update the total votes count
+		poll.find('.poll_total_vote_cnt').html(res.total_votes);
+
+		// Update each option
+		poll.find('[data-poll-option-id]').each(function() {
+			var $this = $(this);
+			var optionId = $this.attr('data-poll-option-id');
+			var voted = (typeof res.user_votes[optionId] !== 'undefined');
+			var mostVoted = (res.vote_counts[optionId] === mostVotes);
+			var percent = (!res.total_votes) ? 0 : Math.round((res.vote_counts[optionId] / res.total_votes) * 100);
+			var percentRel = (mostVotes === 0) ? 0 : Math.round((res.vote_counts[optionId] / mostVotes) * 100);
+			var altText;
+
+			altText = $this.attr('data-alt-text');
+			if (voted) {
+				$this.attr('title', $.trim(altText));
+			} else {
+				$this.attr('title', '');
+			};
+			$this.toggleClass('voted', voted);
+			$this.toggleClass('most-votes', mostVoted);
+
+			// Update the bars
+			var bar = $this.find('.resultbar div');
+			var barTimeLapse = (res.can_vote) ? 500 : 1500;
+			var newBarClass = (percent === 100) ? 'pollbar5' : 'pollbar' + (Math.floor(percent / 20) + 1);
+
+			setTimeout(function () {
+				bar.animate({ width: percentRel + '%' }, 500)
+					.removeClass('pollbar1 pollbar2 pollbar3 pollbar4 pollbar5')
+					.addClass(newBarClass)
+					.html(res.vote_counts[optionId]);
+
+				var percentText = percent ? percent + '%' : res.NO_VOTES;
+				$this.find('.poll_option_percent').html(percentText);
+			}, barTimeLapse);
+		});
+
+		if (!res.can_vote) {
+			poll.find('.polls').delay(400).fadeIn(500);
+		}
+
+		// Display "Your vote has been cast." message. Disappears after 5 seconds.
+		var confirmationDelay = (res.can_vote) ? 300 : 900;
+		poll.find('.vote-submitted').delay(confirmationDelay).slideDown(200, function() {
+			if (resultsVisible) {
+				updatePanelHeight();
+			}
+
+			$(this).delay(5000).fadeOut(500, function() {
+				resizePanel(300);
+			});
+		});
+
+		// Remove the gap resulting from removing options
+		setTimeout(function() {
+			resizePanel(500);
+		}, 1500);
+
+		var resizePanel = function (time) {
+			var panelHeight = panel.height();
+			var innerHeight = panel.find('.inner').outerHeight();
+
+			if (panelHeight !== innerHeight) {
+				panel.css({ minHeight: '', height: panelHeight })
+					.animate({ height: innerHeight }, time, function () {
+						panel.css({ minHeight: innerHeight, height: '' });
+					});
+			}
+		};
+	}
+});
+
+/**
+ * Show poll results when clicking View results link.
+ */
+$('.poll_view_results a').click(function(e) {
+	// Do not follow the link
+	e.preventDefault();
+
+	var $poll = $(this).parents('.topic_poll');
+
+	$poll.find('.resultbar, .poll_option_percent, .poll_total_votes').show(500);
+	$poll.find('.poll_view_results').hide(500);
+});
+
+$('[data-ajax]').each(function() {
+	var $this = $(this);
+	var ajax = $this.attr('data-ajax');
+	var filter = $this.attr('data-filter');
+
+	if (ajax !== 'false') {
+		var fn = (ajax !== 'true') ? ajax : null;
+		filter = (filter !== undefined) ? phpbb.getFunctionByName(filter) : null;
+
+		phpbb.ajaxify({
+			selector: this,
+			refresh: $this.attr('data-refresh') !== undefined,
+			filter: filter,
+			callback: fn
+		});
+	}
+});
+
+
+/**
+ * This simply appends #preview to the action of the
+ * QR action when you click the Full Editor & Preview button
+ */
+$('#qr_full_editor').click(function() {
+	$('#qr_postform').attr('action', function(i, val) {
+		return val + '#preview';
+	});
+});
+
+
+/**
+ * Make the display post links to use JS
+ */
+$('.display_post').click(function(e) {
+	// Do not follow the link
+	e.preventDefault();
+
+	var postId = $(this).attr('data-post-id');
+	$('#post_content' + postId).show();
+	$('#profile' + postId).show();
+	$('#post_hidden' + postId).hide();
+});
+
+/**
+* Toggle the member search panel in memberlist.php.
+*
+* If user returns to search page after viewing results the search panel is automatically displayed.
+* In any case the link will toggle the display status of the search panel and link text will be
+* appropriately changed based on the status of the search panel.
+*/
+$('#member_search').click(function () {
+	var $memberlistSearch = $('#memberlist_search');
+
+	$memberlistSearch.slideToggle('fast');
+	phpbb.ajaxCallbacks.alt_text.call(this);
+
+	// Focus on the username textbox if it's available and displayed
+	if ($memberlistSearch.is(':visible')) {
+		$('#username').focus();
+	}
+	return false;
+});
+
+/**
+* Automatically resize textarea
+*/
+$(function() {
+	var $textarea = $('textarea:not(#message-box textarea, .no-auto-resize)');
+	phpbb.resizeTextArea($textarea, { minHeight: 75, maxHeight: 250 });
+	phpbb.resizeTextArea($('textarea', '#message-box'));
+});
+
+
+})(jQuery); // Avoid conflicts with other libraries
diff --git a/simplicity/template/feed.xml.twig b/simplicity/template/feed.xml.twig
new file mode 100644
index 0000000..91467c6
--- /dev/null
+++ b/simplicity/template/feed.xml.twig
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="{{ FEED_LANG }}">
+	<link rel="self" type="application/atom+xml" href="{{ SELF_LINK }}" />
+
+	{% if not FEED_TITLE is empty %}<title>{{ FEED_TITLE }}</title>{% endif %}
+
+	{% if not FEED_SUBTITLE is empty %}<subtitle>{{ FEED_SUBTITLE }}</subtitle>{% endif %}
+
+	{% if not FEED_LINK is empty %}<link href="{{ FEED_LINK }}" />{% endif %}
+
+	<updated>{{ FEED_UPDATED }}</updated>
+
+	<author><name><![CDATA[{{ FEED_AUTHOR }}]]></name></author>
+	<id>{{ SELF_LINK }}</id>
+
+	{% for row in FEED_ROWS %}
+	<entry>
+		{% if not row.author is empty %}<author><name><![CDATA[{{ row.author }}]]></name></author>{% endif %}
+
+		<updated>{% if not row.updated is empty %}{{ row.updated }} {% else %}{{ row.published }}{% endif %}</updated>
+
+		{% if not row.published is empty %}<published>{{ row.published }}</published>{% endif %}
+
+		<id>{{ row.link }}</id>
+		<link href="{{ row.link }}"/>
+		<title type="html"><![CDATA[{{ row.title }}]]></title>
+
+		{% if not row.category is empty and row.category_name is defined and row.category_name != '' %}
+			<category term="{{ row.category_name }}" scheme="{{ row.category }}" label="{{ row.category_name }}"/>
+		{% endif %}
+
+		<content type="html" xml:base="{{ row.link }}"><![CDATA[
+{{ row.description }}{% if not row.statistics is empty %}<p>{{ lang('STATISTICS') }}: {{ row.statistics }}</p>{% endif %}<hr />
+]]></content>
+	</entry>
+	{% endfor %}
+</feed>
diff --git a/simplicity/template/forum_fn.js b/simplicity/template/forum_fn.js
new file mode 100644
index 0000000..74bf2a7
--- /dev/null
+++ b/simplicity/template/forum_fn.js
@@ -0,0 +1,1778 @@
+/* global phpbb */
+
+/**
+* phpBB3 forum functions
+*/
+var styleConfig = {
+	staticNavigation: true,
+	staticNavigationMinWidth: 500,
+	staticNavigationMinHeight: 400,
+	extendPosterProfile: true,
+	collapseForums: true
+};
+
+/**
+* Find a member
+*/
+function find_username(url) {
+	'use strict';
+
+	popup(url, 760, 570, '_usersearch');
+	return false;
+}
+
+/**
+* Window popup
+*/
+function popup(url, width, height, name) {
+	'use strict';
+
+	if (!name) {
+		name = '_popup';
+	}
+
+	window.open(url.replace(/&amp;/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes, width=' + width);
+	return false;
+}
+
+/**
+* Jump to page
+*/
+function pageJump(item) {
+	'use strict';
+
+	var page = parseInt(item.val(), 10),
+		perPage = item.attr('data-per-page'),
+		baseUrl = item.attr('data-base-url'),
+		startName = item.attr('data-start-name');
+
+	if (page !== null && !isNaN(page) && page === Math.floor(page) && page > 0) {
+		if (baseUrl.indexOf('?') === -1) {
+			document.location.href = baseUrl + '?' + startName + '=' + ((page - 1) * perPage);
+		} else {
+			document.location.href = baseUrl.replace(/&amp;/g, '&') + '&' + startName + '=' + ((page - 1) * perPage);
+		}
+	}
+}
+
+/**
+* Mark/unmark checklist
+* id = ID of parent container, name = name prefix, state = state [true/false]
+*/
+function marklist(id, name, state) {
+	'use strict';
+
+	jQuery('#' + id + ' input[type=checkbox][name]').each(function() {
+		var $this = jQuery(this);
+		if ($this.attr('name').substr(0, name.length) === name && !$this.prop('disabled')) {
+			$this.prop('checked', state);
+		}
+	});
+}
+
+/**
+* Resize viewable area for attached image or topic review panel (possibly others to come)
+* e = element
+*/
+function viewableArea(e, itself) {
+	'use strict';
+
+	if (!e) {
+		return;
+	}
+
+	if (!itself) {
+		e = e.parentNode;
+	}
+
+	if (!e.vaHeight) {
+		// Store viewable area height before changing style to auto
+		e.vaHeight = e.offsetHeight;
+		e.vaMaxHeight = e.style.maxHeight;
+		e.style.height = 'auto';
+		e.style.maxHeight = 'none';
+		e.style.overflow = 'visible';
+	} else {
+		// Restore viewable area height to the default
+		e.style.height = e.vaHeight + 'px';
+		e.style.overflow = 'auto';
+		e.style.maxHeight = e.vaMaxHeight;
+		e.vaHeight = false;
+	}
+}
+
+/**
+* Alternate display of subPanels
+*/
+jQuery(function($) {
+	'use strict';
+
+	$('.sub-panels').each(function() {
+
+		var $childNodes = $('a[data-subpanel]', this),
+			panels = $childNodes.map(function () {
+				return this.getAttribute('data-subpanel');
+			}),
+			showPanel = this.getAttribute('data-show-panel');
+
+		if (panels.length) {
+			activateSubPanel(showPanel, panels);
+			$childNodes.click(function () {
+				activateSubPanel(this.getAttribute('data-subpanel'), panels);
+				return false;
+			});
+		}
+	});
+});
+
+/**
+* Activate specific subPanel
+*/
+function activateSubPanel(p, panels) {
+	'use strict';
+
+	var i, showPanel;
+
+	if (typeof p === 'string') {
+		showPanel = p;
+	}
+	$('input[name="show_panel"]').val(showPanel);
+
+	if (typeof panels === 'undefined') {
+		panels = jQuery('.sub-panels a[data-subpanel]').map(function() {
+			return this.getAttribute('data-subpanel');
+		});
+	}
+
+	for (i = 0; i < panels.length; i++) {
+		jQuery('#' + panels[i]).css('display', panels[i] === showPanel ? 'block' : 'none');
+		jQuery('#' + panels[i] + '-tab').toggleClass('activetab', panels[i] === showPanel);
+	}
+}
+
+function selectCode(a) {
+	'use strict';
+
+	// Get ID of code block
+	var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];
+	var s, r;
+
+	// Not IE and IE9+
+	if (window.getSelection) {
+		s = window.getSelection();
+		// Safari and Chrome
+		if (s.setBaseAndExtent) {
+			var l = (e.innerText.length > 1) ? e.innerText.length - 1 : 1;
+			try {
+				s.setBaseAndExtent(e, 0, e, l);
+			} catch (error) {
+				r = document.createRange();
+				r.selectNodeContents(e);
+				s.removeAllRanges();
+				s.addRange(r);
+			}
+		}
+		// Firefox and Opera
+		else {
+			// workaround for bug # 42885
+			if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) === '<BR>') {
+				e.innerHTML = e.innerHTML + '&nbsp;';
+			}
+
+			r = document.createRange();
+			r.selectNodeContents(e);
+			s.removeAllRanges();
+			s.addRange(r);
+		}
+	}
+	// Some older browsers
+	else if (document.getSelection) {
+		s = document.getSelection();
+		r = document.createRange();
+		r.selectNodeContents(e);
+		s.removeAllRanges();
+		s.addRange(r);
+	}
+	// IE
+	else if (document.selection) {
+		r = document.body.createTextRange();
+		r.moveToElementText(e);
+		r.select();
+	}
+}
+
+var inAutocomplete = false;
+var lastKeyEntered = '';
+
+/**
+* Check event key
+*/
+function phpbbCheckKey(event) {
+	'use strict';
+
+	// Keycode is array down or up?
+	if (event.keyCode && (event.keyCode === 40 || event.keyCode === 38)) {
+		inAutocomplete = true;
+	}
+
+	// Make sure we are not within an "autocompletion" field
+	if (inAutocomplete) {
+		// If return pressed and key changed we reset the autocompletion
+		if (!lastKeyEntered || lastKeyEntered === event.which) {
+			inAutocomplete = false;
+			return true;
+		}
+	}
+
+	// Keycode is not return, then return. ;)
+	if (event.which !== 13) {
+		lastKeyEntered = event.which;
+		return true;
+	}
+
+	return false;
+}
+
+/**
+* Apply onkeypress event for forcing default submit button on ENTER key press
+*/
+jQuery(function($) {
+	'use strict';
+
+	$('form input[type=text], form input[type=password]').on('keypress', function (e) {
+		var defaultButton = $(this).parents('form').find('input[type=submit].default-submit-action');
+
+		if (!defaultButton || defaultButton.length <= 0) {
+			return true;
+		}
+
+		if (phpbbCheckKey(e)) {
+			return true;
+		}
+
+		if ((e.which && e.which === 13) || (e.keyCode && e.keyCode === 13)) {
+			defaultButton.click();
+			return false;
+		}
+
+		return true;
+	});
+});
+
+/**
+* Functions for user search popup
+*/
+function insertUser(formId, value) {
+	'use strict';
+
+	var $form = jQuery(formId),
+		formName = $form.attr('data-form-name'),
+		fieldName = $form.attr('data-field-name'),
+		item = opener.document.forms[formName][fieldName];
+
+	if (item.value.length && item.type === 'textarea') {
+		value = item.value + '\n' + value;
+	}
+
+	item.value = value;
+}
+
+function insert_marked_users(formId, users) {
+    'use strict';
+
+    $(users).filter(':checked').each(function() {
+        insertUser(formId, this.value);
+    });
+
+    window.close();
+}
+
+function insert_single_user(formId, user) {
+	'use strict';
+
+	insertUser(formId, user);
+	window.close();
+}
+
+/**
+* Resize poster profile block
+*/
+function adjustPosterProfile(postbody) {
+	var profile = postbody.parent().prev(),
+		post = profile.parent(),
+		resized = profile.hasClass('resized');
+
+	function unresize() {
+		profile.removeClass('resized').css('min-height', '');
+	}
+
+	if (post.width() < (profile.width() + postbody.width())) {
+		if (resized) {
+			unresize();
+		}
+		return false;
+	}
+
+	if (resized) {
+		profile.css('min-height', '');
+	}
+	profile.css('min-height', Math.floor(postbody.height()) + 'px').addClass('resized');
+}
+
+/**
+* Responsive navigation
+*/
+function checkNavigation(force)
+{
+	function init(nav)
+	{
+		nav.responsive = false;
+		nav.lastWidth = 0;
+		nav.itemCount = 0;
+
+		// Copy children items
+		nav.contents = nav.menu.find('.dropdown-contents:first');
+		nav.canToggle = $();
+		nav.noToggle = $();
+		nav.contents.children('.separator:last-child').hide();
+		nav.items = nav.lists.children().not(nav.menu).each(function(i) {
+			var $this = $(this),
+				cloneClass;
+
+			if ($this.is('.not-responsive, .responsive-menu, .dropdown-container, .selected') || $this.attr('data-skip-responsive') == 'true') {
+				$this.attr('data-responsive-index', -1);
+				nav.noToggle = nav.noToggle.add($this);
+				return;
+			}
+
+			cloneClass = (
+					$this.attr('data-responsive-class') === undefined ? 
+						($this.hasClass('small-icon') ? $this.attr('class') : '') : 
+						$this.attr('data-responsive-class')
+				) + ' responsive-index-' + i;
+
+			nav.contents.append(
+				$this.clone(true).attr('class', cloneClass).addClass('responsive-clone').removeClass('tab')
+			);
+
+			$this.addClass('responsive-cloned-item').attr('data-clone-index', i);
+			nav.canToggle = nav.canToggle.add($this);
+			nav.itemCount ++;
+		});
+		nav.contents.find('a.nav-link').removeClass('nav-link');
+		nav.responsiveClones = nav.contents.children('.responsive-clone').hide();
+
+		nav.initialized = true;
+	}
+
+	function check(nav, force)
+	{
+		var containerWidth, total, width, menuWidth, hiding;
+
+		// Setup navigation
+		if (!nav.initialized) {
+			init(nav);
+			force = true;
+		}
+
+		if (!nav.itemCount) {
+			// Nothing to hide
+			return;
+		}
+
+		// Check width
+		containerWidth = nav.container.width();
+		if (!force && containerWidth == nav.lastWidth) {
+			return;
+		}
+		nav.lastWidth = containerWidth;
+
+		// Show all items
+		if (nav.responsive) {
+			nav.canToggle.show();
+			nav.responsiveClones.hide();
+			nav.menu.removeClass('showing-responsive-menu');
+			if (!nav.alwaysShowMenu) {
+				nav.menu.show();
+			}
+		}
+		nav.responsive = false;
+		menuWidth = nav.menu.outerWidth(true);
+		width = menuWidth;
+
+		// Count width of all items that cannot be hidden
+		nav.noToggle.each(function() {
+			var $this = $(this);
+			if ($this.is(':visible')) {
+				width += $this.outerWidth(true);
+			}
+		});
+
+		// Test all other items
+		hiding = (width >= containerWidth);
+		nav.canToggle.each(function() {
+			var $this = $(this),
+				itemWidth, margin;
+
+			if (!$this.is(':visible')) {
+				return;
+			}
+
+			if (!hiding) {
+				itemWidth = $this.outerWidth(true);
+				if (!itemWidth) {
+					$this.hide();
+					return;
+				}
+
+				width += itemWidth;
+				if (width >= containerWidth) {
+					hiding = true;
+				}
+			}
+
+			if (hiding) {
+				$this.hide();
+				nav.responsiveClones.filter('.responsive-index-' + $this.attr('data-clone-index')).show();
+			}
+		});
+
+		nav.responsive = hiding;
+		if (!hiding && !nav.alwaysShowMenu) {
+			nav.menu.hide();
+		}
+		else if (hiding) {
+			nav.menu.addClass('showing-responsive-menu');
+		}
+	}
+
+	for (var i=0; i<styleConfig._responsiveNavigation.length; i++) {
+		check(styleConfig._responsiveNavigation[i], force);
+	}
+}
+
+function initResponsiveNavigation()
+{
+	styleConfig._responsiveNavigation = [];
+
+	$('.nav-tabs, .navbar.secondary').each(function() {
+		var $this = $(this),
+			lists = $this.children('ul'),
+			menu = lists.children('.responsive-menu:first'),
+			alwaysShowMenu = (menu.length > 0);
+
+		// Create empty hidden menu
+		if (!menu.length) {
+			if ($this.is('.nav-tabs')) {
+				// Something went wrong - main menu must have responsive menu
+				return;
+			}
+			// Secondary menu
+			lists.eq(0).prepend('<li class="responsive-menu dropdown-container" style="display: none;"><a href="#" class="dropdown-trigger dropdown-toggle">...</a>' +
+					'<div class="dropdown hidden">' + 
+						'<div class="pointer"><div class="pointer-inner"></div></div>' + 
+						'<ul class="dropdown-contents" /></ul>' +
+					'</div>' +
+				'</li>');
+			menu = lists.children('.responsive-menu:first');
+			phpbb.registerDropdown(menu.find('.dropdown-toggle'), menu.find('.dropdown'));
+		}
+
+		styleConfig._responsiveNavigation.push({
+			container: $this,
+			lists: lists,
+			menu: menu,
+			initialized: false,
+			alwaysShowMenu: alwaysShowMenu
+		});
+	});
+}
+
+/**
+* Parse document block
+*/
+function parseDocument($container) {
+	'use strict';
+
+	var test = document.createElement('div'),
+		oldBrowser = (typeof test.style.borderRadius === 'undefined'),
+		$body = $('body');
+
+	/**
+	 * Change stuff for extensions
+	 */
+	$('#top_five.forabg').removeClass('forabg').addClass('forumbg');
+
+	/**
+	* Adjust navigation tabs
+	*/
+	$container.find('.nav-tabs').each(function() {
+		var tabs = $(this).children().children();
+
+		// Fix tabs structure
+		tabs.not('.tab').each(function() {
+			var tab = $(this),
+				className = tab.attr('class'),
+				i;
+
+			className = className ? className.split(' ') : '';
+			tab.attr('class', 'tab');
+			for (i=0; i<className.length; i++) {
+				if (className[i].substr(0, 5) == 'icon-') {
+					tab.addClass(className[i].substr(5));
+				}
+			}
+		}).children(':first-child').addClass('nav-link');
+
+		// Tooltips for tabs
+		tabs.each(function() {
+			var $this = $(this),
+				title = '';
+			if (!$this.attr('title')) {
+				title = $this.children('.nav-link').text().trim();
+				if (!title.length) return;
+
+				$this.children('.nav-link + strong').each(function() {
+					title += ' (' + $(this).text().trim() + ')';
+				});
+				$this.attr('title', title);
+			}
+		});
+	});
+
+	/**
+	* Switch selected tab
+	*/
+	$container.find('.nav-tabs[data-current-page]').each(function() {
+		var tabs = $(this),
+			current = tabs.attr('data-current-page'),
+			found = false,
+			content, classes, i, key;
+
+		$('.tab[data-select-match]', this).each(function() {
+			var matches = $(this).attr('data-select-match').split(','),
+				i, match, item;
+			
+			for (i=0; i<matches.length; i++) {
+				match = matches[i].trim();
+				if (current.indexOf(match) != -1) {
+					// Found a match!
+					item = $(this);
+					if (!item.hasClass('selected')) {
+						tabs.find('.tab.selected').removeClass('selected');
+						item.addClass('selected');
+					}
+					found = true;
+					return false;
+				}
+			}
+		});
+
+		// Check for known extensions
+		if (found) {
+			return;
+		}
+
+		content = $container.find('.content.pages-content');
+		if (content.length) {
+			// Get page content class, try to find matching link
+			classes = content.prop('class').split(' ');
+			for (i = 0; i < classes.length && !found; i++) {
+				key = classes[i].trim();
+				if (key !== 'content' && key !== 'pages-content') {
+					$container.find('.tab.pages.' + key).each(function() {
+						tabs.find('.tab.selected').removeClass('selected');
+						$(this).addClass('selected');
+						found = true;
+					});
+				}
+			}
+			if (found) {
+				return;
+			}
+
+			// Get first page link
+			$container.find('.tab.pages:first').each(function() {
+				tabs.find('.tab.selected').removeClass('selected');
+				$(this).addClass('selected');
+				found = true;
+			});
+		}
+	});
+
+	/**
+	* Reset avatar dimensions when changing URL or EMAIL
+	*/
+	$container.find('input[data-reset-on-edit]').on('keyup', function() {
+		$(this.getAttribute('data-reset-on-edit')).val('');
+	});
+
+	/**
+	* Pagination
+	*/
+	$container.find('.pagination .page-jump-form :button').click(function() {
+		var $input = $(this).siblings('input.inputbox');
+		pageJump($input);
+	});
+
+	$container.find('.pagination .page-jump-form input.inputbox').on('keypress', function(event) {
+		if (event.which === 13 || event.keyCode === 13) {
+			event.preventDefault();
+			pageJump($(this));
+		}
+	});
+
+	$container.find('.pagination .dropdown-trigger').click(function() {
+		var $dropdownContainer = $(this).parent();
+		// Wait a little bit to make sure the dropdown has activated
+		setTimeout(function() {
+			if ($dropdownContainer.hasClass('dropdown-visible')) {
+				$dropdownContainer.find('input.inputbox').focus();
+			}
+		}, 100);
+	});
+
+	/**
+	* Adjust HTML code for IE8 and older versions
+	*/
+	// if (oldBrowser) {
+	// 	// Fix .linklist.bulletin lists
+	// 	$container
+	// 		.find('ul.linklist.bulletin > li')
+	// 		.filter(':first-child, .rightside:last-child')
+	// 		.addClass('no-bulletin');
+	// }
+
+	/**
+	* Resize navigation (breadcrumbs) block to keep all links on same line
+	*/
+	$container.find('.navlinks').each(function() {
+		var $this = $(this),
+			$left = $this.children().not('.rightside'),
+			$right = $this.children('.rightside'),
+			queued = false,
+			throttled = false;
+
+		if ($left.length !== 1 || !$right.length) {
+			return;
+		}
+
+		function resize() {
+			var width = 0,
+				diff = $left.outerWidth(true) - $left.width(),
+				minWidth = Math.max($this.width() / 3, 240),
+				maxWidth;
+
+			throttled = false;
+			$right.each(function() {
+				var $this = $(this);
+				if ($this.is(':visible')) {
+					width += $this.outerWidth(true);
+				}
+			});
+
+			maxWidth = $this.width() - width - diff;
+			$left.css('max-width', Math.floor(Math.max(maxWidth, minWidth)) + 'px');
+		}
+
+		resize();
+		$(window).resize(function() {
+			if (throttled) {
+				queued = true;
+			}
+			else {
+				resize();
+				throttled = true;
+				queued = false;
+				setTimeout(function() {
+					throttled = false;
+					if (queued) {
+						resize();
+					}
+				}, 250);
+			}
+		});
+	});
+
+	/**
+	* Makes breadcrumbs responsive
+	*/
+	$container.find('.breadcrumbs:not([data-skip-responsive])').each(function() {
+		var $this = $(this),
+			$links = $this.find('.crumb'),
+			length = $links.length,
+			classes = ['wrapped-max', 'wrapped-wide', 'wrapped-medium', 'wrapped-small', 'wrapped-tiny'],
+			classesLength = classes.length,
+			maxHeight = 0,
+			lastWidth = false,
+			wrapped = false,
+			queued = false,
+			throttled = false;
+
+		// Set tooltips
+		$this.find('a').each(function() {
+			var $link = $(this);
+			$link.attr('title', $link.text());
+		});
+
+		// Function that checks breadcrumbs
+		function check() {
+			var height = $this.height(),
+				width;
+
+			// Test max-width set in code for .navlinks above
+			width = parseInt($this.css('max-width'), 10);
+			if (!width) {
+				width = $body.width();
+			}
+
+			throttled = false;
+			maxHeight = parseInt($this.css('line-height'), 10);
+			$links.each(function() {
+				if ($(this).height() > 0) {
+					maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
+				}
+			});
+
+			if (height <= maxHeight) {
+				if (!wrapped || lastWidth === false || lastWidth >= width) {
+					return;
+				}
+			}
+			lastWidth = width;
+
+			if (wrapped) {
+				$this.removeClass('wrapped').find('.crumb.wrapped').removeClass('wrapped ' + classes.join(' '));
+				if ($this.height() <= maxHeight) {
+					return;
+				}
+			}
+
+			wrapped = true;
+			$this.addClass('wrapped');
+			if ($this.height() <= maxHeight) {
+				return;
+			}
+
+			for (var i = 0; i < classesLength; i++) {
+				for (var j = length - 1; j >= 0; j--) {
+					$links.eq(j).addClass('wrapped ' + classes[i]);
+					if ($this.height() <= maxHeight) {
+						return;
+					}
+				}
+			}
+		}
+
+		// Run function and set event
+		check();
+		$(window).resize(function() {
+			if (throttled) {
+				queued = true;
+			}
+			else {
+				check();
+				throttled = true;
+				queued = false;
+				setTimeout(function() {
+					throttled = false;
+					if (queued) {
+						check();
+					}
+				}, 250);
+			}
+		});
+	});
+
+	/**
+	* Responsive link lists
+	*/
+	var selector = '.linklist:not(.navlinks, [data-skip-responsive]),' +
+		'.postbody .post-buttons:not([data-skip-responsive])';
+	$container.find(selector).each(function() {
+		var $this = $(this),
+			filterSkip = '.breadcrumbs, [data-skip-responsive]',
+			filterLast = '.edit-icon, .quote-icon, [data-last-responsive]',
+			$linksAll = $this.children(),
+			$linksNotSkip = $linksAll.not(filterSkip), // All items that can potentially be hidden
+			$linksFirst = $linksNotSkip.not(filterLast), // The items that will be hidden first
+			$linksLast = $linksNotSkip.filter(filterLast), // The items that will be hidden last
+			persistent = $this.attr('id') === 'nav-main', // Does this list already have a menu (such as quick-links)?
+			html = '<li class="responsive-menu hidden"><a href="javascript:void(0);" class="js-responsive-menu-link responsive-menu-link"><i class="icon fa-bars fa-fw" aria-hidden="true"></i></a><div class="dropdown"><div class="pointer"><div class="pointer-inner" /></div><ul class="dropdown-contents" /></div></li>',
+			slack = 3; // Vertical slack space (in pixels). Determines how sensitive the script is in determining whether a line-break has occurred.
+
+		// Add a hidden drop-down menu to each links list (except those that already have one)
+		if (!persistent) {
+			if ($linksNotSkip.is('.rightside')) {
+				$linksNotSkip.filter('.rightside:first').before(html);
+				$this.children('.responsive-menu').addClass('rightside');
+			} else {
+				$this.append(html);
+			}
+		}
+
+		// Set some object references and initial states
+		var $menu = $this.children('.responsive-menu'),
+			$menuContents = $menu.find('.dropdown-contents'),
+			persistentContent = $menuContents.find('li:not(.separator)').length,
+			lastWidth = false,
+			compact = false,
+			responsive1 = false,
+			responsive2 = false,
+			copied1 = false,
+			copied2 = false,
+			maxHeight = 0;
+
+		// Find the tallest element in the list (we assume that all elements are roughly the same height)
+		$linksAll.each(function() {
+			if (!$(this).height()) {
+				return;
+			}
+			maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
+		});
+		if (maxHeight < 1) {
+			return; // Shouldn't be possible, but just in case, abort
+		} else {
+			maxHeight = maxHeight + slack;
+		}
+
+		function check() {
+			var width = $body.width();
+			// We can't make it any smaller than this, so just skip
+			if (responsive2 && compact && (width <= lastWidth)) {
+				return;
+			}
+			lastWidth = width;
+
+			// Reset responsive and compact layout
+			if (responsive1 || responsive2) {
+				$linksNotSkip.removeClass('hidden');
+				$menuContents.children('.clone').addClass('hidden');
+				responsive1 = responsive2 = false;
+			}
+			if (compact) {
+				$this.removeClass('compact');
+				compact = false;
+			}
+
+			// Unhide the quick-links menu if it has "persistent" content
+			if (persistent && persistentContent) {
+				$menu.removeClass('hidden');
+			} else {
+				$menu.addClass('hidden');
+			}
+
+			// Nothing to resize if block's height is not bigger than tallest element's height
+			if ($this.height() <= maxHeight) {
+				return;
+			}
+
+			// STEP 1: Compact
+			if (!compact) {
+				$this.addClass('compact');
+				compact = true;
+			}
+			if ($this.height() <= maxHeight) {
+				return;
+			}
+
+			// STEP 2: First responsive set - compact
+			if (compact) {
+				$this.removeClass('compact');
+				compact = false;
+			}
+			// Copy the list items to the dropdown
+			if (!copied1) {
+				var $clones1 = $linksFirst.clone();
+				$menuContents.prepend($clones1.addClass('clone clone-first').removeClass('leftside rightside'));
+
+				if ($this.hasClass('post-buttons')) {
+					$('.button', $menuContents).removeClass('button');
+					$('.sr-only', $menuContents).removeClass('sr-only');
+					$('.js-responsive-menu-link').addClass('button').addClass('button-icon-only');
+					$('.js-responsive-menu-link .icon').removeClass('fa-bars').addClass('fa-ellipsis-h');
+				}
+				copied1 = true;
+			}
+			if (!responsive1) {
+				$linksFirst.addClass('hidden');
+				responsive1 = true;
+				$menuContents.children('.clone-first').removeClass('hidden');
+				$menu.removeClass('hidden');
+			}
+			if ($this.height() <= maxHeight) {
+				return;
+			}
+
+			// STEP 3: First responsive set + compact
+			if (!compact) {
+				$this.addClass('compact');
+				compact = true;
+			}
+			if ($this.height() <= maxHeight) {
+				return;
+			}
+
+			// STEP 4: Last responsive set - compact
+			if (!$linksLast.length) {
+				return; // No other links to hide, can't do more
+			}
+			if (compact) {
+				$this.removeClass('compact');
+				compact = false;
+			}
+			// Copy the list items to the dropdown
+			if (!copied2) {
+				var $clones2 = $linksLast.clone();
+				$menuContents.prepend($clones2.addClass('clone clone-last').removeClass('leftside rightside'));
+				copied2 = true;
+			}
+			if (!responsive2) {
+				$linksLast.addClass('hidden');
+				responsive2 = true;
+				$menuContents.children('.clone-last').removeClass('hidden');
+			}
+			if ($this.height() <= maxHeight) {
+				return;
+			}
+
+			// STEP 5: Last responsive set + compact
+			if (!compact) {
+				$this.addClass('compact');
+				compact = true;
+			}
+		}
+
+		if (!persistent) {
+			phpbb.registerDropdown($menu.find('a.js-responsive-menu-link'), $menu.find('.dropdown'), false);
+		}
+
+		// If there are any images in the links list, run the check again after they have loaded
+		$linksAll.find('img').each(function() {
+            $(this).on('load', function() {
+				check();
+			});
+		});
+
+		check();
+		$(window).resize(check);
+	});
+
+	/**
+	* Fix container for messages
+	*/
+	$container.find('.postbody').each(function() {
+		var $this = $(this),
+			children = $this.children();
+
+		if (children.length == 1 && children.is('div')) {
+			return;
+		}
+
+		$this.wrapInner('<div class="postbody-inner" />');
+	});
+
+	/**
+	* Adjust post z-index for post profiles for all posts
+	*/
+	$('.postprofile').each(function(i) {
+		var z = Math.max(28 - i, 2);
+		$(this).css('z-index', z);
+	});
+
+	/**
+	* Do not run functions below for old browsers
+	*/
+	if (oldBrowser) {
+		return;
+	}
+
+	/**
+	* Adjust topiclist lists with check boxes
+	*/
+	$container.find('ul.topiclist dd.mark').siblings('dt').children('.list-inner').addClass('with-mark');
+
+	/**
+	* Appends contents of all extra columns to first column in
+	* .topiclist lists for mobile devices. Copies contents as is.
+	*
+	* To add that functionality to .topiclist list simply add
+	* responsive-show-all to list of classes
+	*/
+	$container.find('.topiclist.responsive-show-all > li > dl').each(function() {
+		var $this = $(this),
+			$block = $this.find('dt .responsive-show:last-child'),
+			first = true;
+
+		// Create block that is visible only on mobile devices
+		if (!$block.length) {
+			$this.find('dt > .list-inner').append('<div class="responsive-show" style="display:none;" />');
+			$block = $this.find('dt .responsive-show:last-child');
+		} else {
+			first = ($.trim($block.text()).length === 0);
+		}
+
+		// Copy contents of each column
+		$this.find('dd').not('.mark').each(function() {
+			var column = $(this),
+				$children = column.children(),
+				html = column.html();
+
+			if ($children.length === 1 && $children.text() === column.text()) {
+				html = $children.html();
+			}
+
+			$block.append((first ? '' : '<br />') + html);
+
+			first = false;
+		});
+	});
+
+	/**
+	* Same as above, but prepends text from header to each
+	* column before contents of that column.
+	*
+	* To add that functionality to .topiclist list simply add
+	* responsive-show-columns to list of classes
+	*/
+	$container.find('.topiclist.responsive-show-columns').each(function() {
+		var $list = $(this),
+			headers = [],
+			headersLength = 0;
+
+		// Find all headers, get contents
+		$list.prev('.topiclist').find('li.header dd').not('.mark').each(function() {
+			headers.push($(this).text());
+			headersLength++;
+		});
+
+		if (!headersLength) {
+			return;
+		}
+
+		// Parse each row
+		$list.find('dl').each(function() {
+			var $this = $(this),
+				$block = $this.find('dt .responsive-show:last-child'),
+				first = true;
+
+			// Create block that is visible only on mobile devices
+			if (!$block.length) {
+				$this.find('dt > .list-inner').append('<div class="responsive-show" style="display:none;" />');
+				$block = $this.find('dt .responsive-show:last-child');
+			} else {
+				first = ($.trim($block.text()).length === 0);
+			}
+
+			// Copy contents of each column
+			$this.find('dd').not('.mark').each(function(i) {
+				var column = $(this),
+					children = column.children(),
+					html = column.html();
+
+				if (children.length === 1 && children.text() === column.text()) {
+					html = children.html();
+				}
+
+				// Prepend contents of matching header before contents of column
+				if (i < headersLength) {
+					html = headers[i] + ': <strong>' + html + '</strong>';
+				}
+
+				$block.append((first ? '' : '<br />') + html);
+
+				first = false;
+			});
+		});
+	});
+
+	/**
+	* Responsive tables
+	*/
+	$container.find('table.table1').not('.not-responsive').each(function() {
+		var $this = $(this),
+			$th = $this.find('thead > tr > th'),
+			headers = [],
+			totalHeaders = 0,
+			i, headersLength;
+
+		// Find each header
+		$th.each(function(column) {
+			var cell = $(this),
+				colspan = parseInt(cell.attr('colspan'), 10),
+				dfn = cell.attr('data-dfn'),
+				text = dfn ? dfn : cell.text();
+
+			colspan = isNaN(colspan) || colspan < 1 ? 1 : colspan;
+
+			for (i = 0; i < colspan; i++) {
+				headers.push(text);
+			}
+			totalHeaders++;
+
+			if (dfn && !column) {
+				$this.addClass('show-header');
+			}
+		});
+
+		headersLength = headers.length;
+
+		// Add header text to each cell as <dfn>
+		$this.addClass('responsive');
+
+		if (totalHeaders < 2) {
+			$this.addClass('show-header');
+			return;
+		}
+
+		$this.find('tbody > tr').each(function() {
+			var row = $(this),
+				cells = row.children('td'),
+				column = 0;
+
+			if (cells.length === 1) {
+				row.addClass('big-column');
+				return;
+			}
+
+			cells.each(function() {
+				var cell = $(this),
+					colspan = parseInt(cell.attr('colspan'), 10),
+					text = $.trim(cell.text());
+
+				if (headersLength <= column) {
+					return;
+				}
+
+				if ((text.length && text !== '-') || cell.children().length) {
+					cell.prepend('<dfn style="display: none;">' + headers[column] + '</dfn>');
+				} else {
+					cell.addClass('empty');
+				}
+
+				colspan = isNaN(colspan) || colspan < 1 ? 1 : colspan;
+				column += colspan;
+			});
+		});
+	});
+
+	/**
+	* Hide empty responsive tables
+	*/
+	$container.find('table.responsive > tbody').not('.responsive-skip-empty').each(function() {
+		var $items = $(this).children('tr');
+		if (!$items.length) {
+			$(this).parent('table:first').addClass('responsive-hide');
+		}
+	});
+
+	/**
+	* Responsive tabs
+	*/
+	$container.find('#tabs, #minitabs').not('[data-skip-responsive]').each(function() {
+		var $this = $(this),
+			$ul = $this.children(),
+			$tabs = $ul.children().not('[data-skip-responsive]'),
+			$links = $tabs.children('a'),
+			$item = $ul.append('<li class="tab responsive-tab" style="display:none;"><a href="javascript:void(0);" class="responsive-tab-link">&nbsp;</a><div class="dropdown tab-dropdown" style="display: none;"><div class="pointer"><div class="pointer-inner" /></div><ul class="dropdown-contents" /></div></li>').find('li.responsive-tab'),
+			$menu = $item.find('.dropdown-contents'),
+			maxHeight = 0,
+			lastWidth = false,
+			responsive = false;
+
+		$links.each(function() {
+			var $this = $(this);
+			maxHeight = Math.max(maxHeight, Math.max($this.outerHeight(true), $this.parent().outerHeight(true)));
+		});
+
+		function check() {
+			var width = $body.width(),
+				height = $this.height();
+
+			if (!arguments.length && (!responsive || width <= lastWidth) && height <= maxHeight) {
+				return;
+			}
+
+			$tabs.show();
+			$item.hide();
+
+			lastWidth = width;
+			height = $this.height();
+			if (height <= maxHeight) {
+				if ($item.hasClass('dropdown-visible')) {
+					phpbb.toggleDropdown.call($item.find('a.responsive-tab-link').get(0));
+				}
+				return;
+			}
+
+			responsive = true;
+			$item.show();
+			$menu.html('');
+
+			var $availableTabs = $tabs.filter(':not(.activetab, .responsive-tab)'),
+				total = $availableTabs.length,
+				i, $tab;
+
+			for (i = total - 1; i >= 0; i--) {
+				$tab = $availableTabs.eq(i);
+				$menu.prepend($tab.clone(true).removeClass('tab'));
+				$tab.hide();
+				if ($this.height() <= maxHeight) {
+					$menu.find('a').click(function() {
+						check(true);
+					});
+					return;
+				}
+			}
+			$menu.find('a').click(function() {
+				check(true);
+			});
+		}
+
+		var $tabLink = $item.find('a.responsive-tab-link');
+		phpbb.registerDropdown($tabLink, $item.find('.dropdown'), {
+			visibleClass: 'activetab'
+		});
+
+		check(true);
+		$(window).resize(check);
+	});
+
+	/**
+	 * Hide UCP/MCP navigation if there is only 1 item
+	 */
+	$container.find('#navigation').each(function() {
+		var $items = $(this).children('ol, ul').children('li');
+		if ($items.length === 1) {
+			$(this).addClass('responsive-hide');
+		}
+	});
+
+	/**
+	* Replace responsive text
+	*/
+	$container.find('[data-responsive-text]').each(function() {
+		var $this = $(this),
+			fullText = $this.text(),
+			responsiveText = $this.attr('data-responsive-text'),
+			responsive = false;
+
+		function check() {
+			if ($(window).width() > 700) {
+				if (!responsive) {
+					return;
+				}
+				$this.text(fullText);
+				responsive = false;
+				return;
+			}
+			if (responsive) {
+				return;
+			}
+			$this.text(responsiveText);
+			responsive = true;
+		}
+
+		check();
+		$(window).resize(check);
+	});
+
+	/**
+	* Static navigation
+	*/
+	if (styleConfig.staticNavigation) {
+		$container.find('.navbar.tabbed > .inner').each(function(i) {
+			var nav = this,
+				navigation = $(nav),
+				isStatic = false,
+				parent = navigation.parent(),
+				dummy,
+				inner,
+				$w = $(window),
+				minTopPosition = 0,
+				minWidth = styleConfig.staticNavigationMinWidth,
+				minHeight = styleConfig.staticNavigationMinHeight,
+				windowWidth, navHeight,
+				queued = false,
+				throttled = false;
+
+			navigation.before('<div class="static-nav-dummy inner" style="display:none;" />');
+			dummy = navigation.prev();
+
+			navigation.wrapInner('<div class="static-inner" />');
+			inner = navigation.children();
+
+			function enableStatic()
+			{
+				dummy.css('height', Math.floor(navigation.height()) + 'px').show();
+				navigation.addClass('static');
+				parent.removeClass('not-static');
+				isStatic = true;
+				checkNavigation(true);
+			}
+
+			function disableStatic()
+			{
+				dummy.hide();
+				navigation.removeClass('static');
+				parent.addClass('not-static');
+				isStatic = false;
+				checkNavigation(true);
+			}
+
+			function testHash()
+			{
+				var hash = (window.location.hash) ? window.location.hash : '';
+				if (!hash)
+				{
+					return;
+				}
+				window.scrollTo($w.scrollLeft(), $w.scrollTop() - navigation.height());
+			}
+
+			function check(checkHash)
+			{
+				var windowTop = 0,
+					windowWidth = Math.floor($w.width()),
+					top;
+
+				if (windowWidth < minWidth || $w.height() < minHeight) {
+					if (isStatic) {
+						disableStatic();
+					}
+					return;
+				}
+				if (!isStatic)
+				{
+					navHeight = navigation.height();
+					top = nav.getBoundingClientRect().top;
+					if (top > 0) {
+						return;
+					}
+					minTopPosition = $w.scrollTop() + top;
+					enableStatic();
+					if (checkHash) {
+						testHash();
+					}
+					return;
+				}
+				if ($w.scrollTop() < minTopPosition) {
+					disableStatic();
+				} else if (checkHash) {
+					testHash();
+				}
+			}
+
+			$w.on('scroll resize', function() { 
+				if (!isStatic) {
+					check(false);
+				}
+				else {
+					if (!throttled) {
+						check(false);
+						throttled = true;
+						queued = false;
+						setTimeout(function() {
+							throttled = false;
+							if (queued) {
+								check(false);
+							}
+						}, 250);
+					}
+					else {
+						queued = true;
+					}
+				}
+			});
+			$w.on('load', function() { check(true); });
+			$w.on('hashchange', function() { check(true); });
+		});
+	}
+
+	/**
+	* Empty last post column
+	*/
+	$container.find('dd.lastpost > span:only-child > br:only-child').parents('dd.lastpost').addClass('empty');
+
+	/**
+	* Forum descriptions
+	*/
+	var animatedDescription = false;
+	$container.find('.forabg').each(function(i) {
+		var $b = $('body'),
+			$w = $(window),
+			rtl = $('#phpbb').hasClass('rtl'),
+			hide = $(this).attr('data-hide-description') == '1';
+
+		$('a.forumtitle + .forum-description', this).each(function(j) {
+			var $this = $(this);
+
+			if (!hide) {
+				$this.parents('dl.icon').addClass('with-description');
+				return;
+			}
+
+			var title = $this.prev(),
+				id = 'forumdesc-' + i + '-' + j,
+				item, top, left, width, rect, rectWidth;
+
+			$b.append($this);
+			$this.attr('id', id).append('<span class="arrow" />');
+
+			title.attr('title', '').hover(function() {
+				// Hide previous animation
+				if (animatedDescription !== false) {
+					animatedDescription.item.stop(true, true).hide();
+				}
+				animatedDescription = {
+					item: $this,
+					i: i,
+					j: j,
+					fading: false
+				};
+
+				// Calculate position
+				rect = this.getBoundingClientRect();
+				rectWidth = rect.width ? rect.width : $(this).width();
+				// $this.attr('data-rect', 'top: ' + rect.top + ', left: ' + rect.left + ', width: ' + rectWidth + ', window: ' + $w.width());
+				top = Math.floor($w.scrollTop() + rect.top);
+				if ((rect.left + rectWidth + 300) > $w.width()) {
+					$this.addClass('no-arrow');
+					top += Math.floor(rect.height ? rect.height : $(this).height());
+
+					if (!rtl) {
+						left = Math.floor($w.scrollLeft() + rect.left);
+						$this.css({
+							position: 'absolute',
+							top: top + 'px',
+							left: left + 'px'
+						});
+					}
+					else {
+						left = Math.floor($w.scrollLeft() + rect.left + rectWidth);
+						$this.css({
+							position: 'absolute',
+							top: top + 'px',
+							right: left + 'px'
+						});
+					}
+				}
+				else if (!rtl) {
+					$this.removeClass('no-arrow');
+					left = Math.floor($w.scrollLeft() + rect.left + rectWidth + 10);
+					$this.css({
+						position: 'absolute',
+						top: top + 'px',
+						left: left + 'px'
+					});
+				}
+				else {
+					$this.removeClass('no-arrow');
+					left = Math.floor($w.scrollLeft() + rect.left - 10);
+					$this.css({
+						position: 'absolute',
+						top: top + 'px',
+						right: left + 'px'
+					});
+				}
+
+				// Show
+				$this.stop(true, true).fadeIn(200);
+			}, function() {
+				// Hide
+				animatedDescription.fading = true;
+				setTimeout(700, function() {
+					if (animatedDescription !== false && animatedDescription.i == i && animatedDescription.j == j && animatedDescription.fading) {
+						animatedDescription = false;
+					}
+				});
+				$this.delay(500).fadeOut(200);
+			});
+
+			$this.addClass('toggle').click(function() {
+				// Hide
+				$this.stop(true, true).fadeOut(100);
+				if (animatedDescription !== false && animatedDescription.i == i && animatedDescription.j == j) {
+					animatedDescription = false;
+				}
+			});
+		});
+	});
+
+	/**
+	* HD images
+	*/
+	if (window.matchMedia && window.matchMedia('(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)').matches) {
+		$container.find('img[data-src-hd]').each(function() {
+			var img = this,
+				$this = $(this),
+				hdImage = new Image(),
+				hdLoaded = false,
+				normalLoaded = false;
+
+			function replaceImage() 
+			{
+				$this.css('width', (img.naturalWidth ? img.naturalWidth : img.width) + 'px');
+				img.setAttribute('src', img.getAttribute('data-src-hd'));
+			}
+
+			if (img.complete) {
+				normalLoaded = true;
+			}
+			else {
+				img.onload = function() {
+					if (normalLoaded) {
+						return;
+					}
+					normalLoaded = true;
+					if (hdLoaded) {
+						replaceImage();
+					}
+				};
+			}
+
+			hdImage.onload = function() {
+				hdLoaded = true;
+				if (normalLoaded) {
+					replaceImage();
+				}
+			};
+			hdImage.src = img.getAttribute('data-src-hd');
+		});
+	}
+
+	/**
+	* Split buttons
+	*/
+	$container.find('div.buttons a.button.icon-button').each(function() {
+		var $this = $(this),
+			words;
+
+		if ($this.children().length) return;
+
+		words = $this.text().trim().split(' ');
+		if (words.length > 1) {
+			$this.text(words.shift() + ' ').append('<strong />');
+			$this.find('strong').text(words.join(' '));
+		}
+	});
+
+	/**
+	* Add online status
+	*/
+	$('#phpbb.can-transform[data-online-text]').each(function() {
+		var text = $(this).attr('data-online-text');
+
+		$container.find('.online').each(function() {
+			var $this = $(this);
+
+			$this.css('position', 'relative').append('<span class="online-ribbon"><span>' + text + '</span><span>' + text + '</span></span>');
+		});
+	});
+
+	/**
+	* Extend poster profile
+	*/
+	if (styleConfig._loaded) {
+		$container.find('.postprofile + .postbody > div:only-child').each(function() {
+			adjustPosterProfile($(this));
+		});
+	}
+
+	/**
+	* Collapse forums
+	*/
+	if (styleConfig.collapseForums) {
+		$container.find('.forabg li.header').each(function() {
+			var $this = $(this),
+				forum = $this.parent().next('ul.forums'),
+				id = 0,
+				toggled = false,
+				toggle;
+
+			if (forum.length != 1) {
+				return;
+			}
+
+			// Find category id
+			$('a[data-id]', $this).each(function() {
+				id = parseInt(this.getAttribute('data-id'));
+			});
+			if (!id) {
+				forum.find('.forumtitle[data-id]:first').each(function() {
+					id = parseInt(this.getAttribute('data-id'));
+					if (!isNaN(id)) {
+						id = 'f' + id;
+					}
+				});
+			}
+			if (!id) {
+				return;
+			}
+
+			// Add toggle code
+			$this.append('<a class="forum-toggle" href="#"></a>');
+			toggle = $this.find('.forum-toggle');
+			toggle.click(function(event) {
+				event.preventDefault();
+				if (toggled) {
+					forum.stop(true, true).slideDown(200);
+					toggled = false;
+					toggle.removeClass('toggled');
+					phpbb.deleteCookie('toggled-' + id, styleConfig.cookieConfig);
+					return;
+				}
+				forum.stop(true, true).slideUp(200);
+				toggled = true;
+				toggle.addClass('toggled');
+				phpbb.setCookie('toggled-' + id, '1', styleConfig.cookieConfig);
+			});
+
+			// Check default state
+			if (phpbb.getCookie('toggled-' + id, styleConfig.cookieConfig) == '1') {
+				forum.stop(true, true).slideUp(0);
+				toggled = true;
+				toggle.addClass('toggled');
+			}
+		});
+	}
+}
+
+/**
+* Run onload functions
+*/
+jQuery(function($) {
+	'use strict';
+
+	function processResizeEvent()
+	{
+		styleConfig._resizeThrottled = false;
+
+		checkNavigation(false);
+
+		if (styleConfig.extendPosterProfile) {
+			$('.postprofile + .postbody > div:only-child').each(function() {
+				adjustPosterProfile($(this));
+			});
+		}
+	}
+
+	var transforms = ['transform', 'webkitTransform', 'msTransform'],
+		i, test;
+
+	// Cookie configuration
+	styleConfig.cookieConfig = {
+		prefix: '',
+		path: '/',
+		expires: new Date()
+	};
+	styleConfig.cookieConfig.expires.setFullYear(styleConfig.cookieConfig.expires.getFullYear() + 1);
+
+	// Swap .nojs and .hasjs
+	$('#phpbb.nojs').toggleClass('nojs hasjs');
+	$('#phpbb').toggleClass('hastouch', phpbb.isTouch);
+	$('#phpbb.hastouch').removeClass('notouch');
+
+	// Focus forms
+	$('form[data-focus]:first').each(function() {
+		$('#' + this.getAttribute('data-focus')).focus();
+	});
+
+	// Check for transformations
+	test = $('#phpbb').get(0);
+	for (i=0; i<transforms.length; i++) {
+		if (typeof(test.style[transforms[i]]) != 'undefined') {
+			$('#phpbb').addClass('can-transform');
+			break;
+		}
+	}
+
+	// Cookies
+	phpbb.setCookie = function(name, value, config) {
+		config = $.extend({
+			prefix: '',
+			path: '/'
+		}, typeof config === 'object' ? config : {});
+
+		document.cookie = config.prefix + name + '=' + encodeURIComponent(value)
+			+ (config.expires === undefined ? '' : ';expires=' + config.expires.toUTCString())
+			+ (config.path  ? ';path=' + config.path : '')
+			+ (config.domain ? ';domain=' + config.domain : '');
+
+		return value;
+	};
+
+	phpbb.getCookie = function(name, config) {
+		var expr, cookie;
+
+		config = $.extend({
+			prefix: '',
+			path: '/'
+		}, typeof config === 'object' ? config : {});
+
+		expr = new RegExp('(^| )' + config.prefix + name + '=([^;]+)(;|$)');
+		cookie = expr.exec(document.cookie);
+
+		if (cookie)
+		{
+			return decodeURIComponent(cookie[2]);
+		}
+		else
+		{
+			return null;
+		}
+	};
+
+	phpbb.deleteCookie = function(name, config) {
+		config = $.extend({
+			prefix: '',
+			path: '/'
+		}, typeof config === 'object' ? config : {});
+
+		document.cookie = config.prefix + name + '='
+			+ (config.path  ? '; path=' + config.path : '')
+			+ (config.domain ? '; domain=' + config.domain : '')
+			+ '; expires=Thu, 01-Jan-70 00:00:01 GMT';
+
+		return null;
+	};
+
+	// Responsive navigation
+	initResponsiveNavigation();
+
+	// Parse body
+	parseDocument($('body'));
+
+	// Check responsive navigation
+	checkNavigation(true);
+
+	// Events
+	styleConfig._loaded = true;
+	styleConfig._resizeThrottled = false;
+	styleConfig._resizeQueued = false;
+
+	$(window).on('load', function() {
+		checkNavigation(true);
+		if (styleConfig.extendPosterProfile) {
+			$('.postprofile + .postbody > div:only-child').each(function() {
+				adjustPosterProfile($(this));
+			});
+		}
+	});
+
+	$(window).resize(function() {
+		if (!styleConfig._resizeThrottled) {
+			processResizeEvent();
+			styleConfig._resizeThrottled = true;
+			styleConfig._resizeQueued = false;
+			setTimeout(function() {
+				styleConfig._resizeThrottled = false;
+				if (styleConfig._resizeQueued) {
+					processResizeEvent();
+				}
+			}, 500);
+		} else {
+			styleConfig._resizeQueued = true;
+		}
+	});
+});
diff --git a/simplicity/template/forumlist_body.html b/simplicity/template/forumlist_body.html
new file mode 100644
index 0000000..b19c764
--- /dev/null
+++ b/simplicity/template/forumlist_body.html
@@ -0,0 +1,165 @@
+
+<!-- BEGIN forumrow -->
+	<!-- IF (forumrow.S_IS_CAT and not forumrow.S_FIRST_ROW) or forumrow.S_NO_CAT  -->
+			</ul>
+
+			</div>
+		</div>
+	<!-- ENDIF -->
+
+	<!-- EVENT forumlist_body_category_header_before -->
+	<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW  or forumrow.S_NO_CAT  -->
+		<div class="forabg category-{forumrow.FORUM_ID}{% if definition.STANDARD_FORUMS_LAYOUT == 0 %} elegant{% endif %}" data-hide-description="{$HIDE_FORUM_DESCRIPTION}">
+			<div class="inner">
+			<ul class="topiclist">
+				<li class="header">
+					<!-- EVENT forumlist_body_category_header_row_prepend -->
+					<dl class="row-item">
+						<dt><div class="list-inner"><!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}" data-id="{forumrow.FORUM_ID}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF --></div></dt>
+						<!-- IF $STANDARD_FORUMS_LAYOUT != 0 -->
+						<dd class="topics">{L_TOPICS}</dd>
+						<dd class="posts">{L_POSTS}</dd>
+						<!-- ENDIF -->
+						<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
+					</dl>
+					<!-- EVENT forumlist_body_category_header_row_append -->
+				</li>
+			</ul>
+			<ul class="topiclist forums">
+	<!-- ENDIF -->
+	<!-- EVENT forumlist_body_category_header_after -->
+
+	<!-- IF not forumrow.S_IS_CAT -->
+		<!-- EVENT forumlist_body_forum_row_before -->
+		<li class="row forum-{forumrow.FORUM_ID}">
+			<!-- EVENT forumlist_body_forum_row_prepend -->
+			<!-- DEFINE $EXTRA_DESC -->
+			<!-- IF $STANDARD_FORUMS_LAYOUT == 0 and not forumrow.CLICKS and not forumrow.S_IS_LINK -->
+				<div class="forum-statistics">
+					<span class="dfn">{L_TOPICS}</span>{L_COLON} <span class="value">{forumrow.TOPICS}</span><span class="comma">{L_COMMA_SEPARATOR}</span>
+					<span class="dfn">{L_POSTS}</span>{L_COLON} <span class="value">{forumrow.POSTS}</span>
+				</div>
+			<!-- ENDIF -->
+			<!-- ENDDEFINE -->
+			<dl class="row-item {forumrow.FORUM_IMG_STYLE}{% if definition.EXTRA_DESC|trim %} elegant-row{% endif %}">
+				<dt title="{forumrow.FORUM_FOLDER_IMG_ALT}">
+					<!-- IF forumrow.S_UNREAD_FORUM --><a href="{forumrow.U_VIEWFORUM}" class="row-item-link"></a><!-- ENDIF -->
+					<div class="list-inner">
+						<!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED -->
+							<!--
+								<a class="feed-icon-forum" title="{L_FEED} - {forumrow.FORUM_NAME}" href="{U_FEED}?f={forumrow.FORUM_ID}">
+									<i class="icon fa-rss-square fa-fw icon-orange" aria-hidden="true"></i><span class="sr-only">{L_FEED} - {forumrow.FORUM_NAME}</span>
+								</a>
+							-->
+						<!-- ENDIF -->
+						<!-- IF forumrow.FORUM_IMAGE -->
+							<!-- EVENT forumlist_body_forum_image_before -->
+							<span class="forum-image"><!-- EVENT forumlist_body_forum_image_prepend -->{forumrow.FORUM_IMAGE}<!-- EVENT forumlist_body_forum_image_append --></span>
+							<!-- EVENT forumlist_body_forum_image_after -->
+						<!-- ENDIF -->
+						<a href="{forumrow.U_VIEWFORUM}" class="forumtitle" data-id="{forumrow.FORUM_ID}">{forumrow.FORUM_NAME}</a>
+						<!-- IF forumrow.FORUM_DESC --><div class="forum-description">{forumrow.FORUM_DESC}</div><!-- ENDIF -->
+						{$EXTRA_DESC}
+						<!-- IF forumrow.MODERATORS -->
+							<div class="forum-moderators"><strong>{forumrow.L_MODERATOR_STR}{L_COLON}</strong> {forumrow.MODERATORS}</div>
+						<!-- ENDIF -->
+						<!-- IF .forumrow.subforum and forumrow.S_LIST_SUBFORUMS -->
+							<div class="subforums-list">
+							<!-- EVENT forumlist_body_subforums_before -->
+							<strong>{forumrow.L_SUBFORUM_STR}{L_COLON}</strong>
+							<ul>
+							<!-- BEGIN subforum -->
+								<li>
+								<!-- EVENT forumlist_body_subforum_link_prepend --><a href="{forumrow.subforum.U_SUBFORUM}" class="subforum<!-- IF forumrow.subforum.S_UNREAD --> unread<!-- ELSE --> read<!-- ENDIF -->" title="<!-- IF forumrow.subforum.S_UNREAD -->{L_UNREAD_POSTS}<!-- ELSE -->{L_NO_UNREAD_POSTS}<!-- ENDIF -->">
+									<i class="icon <!-- IF forumrow.subforum.IS_LINK -->fa-external-link<!-- ELSE -->fa-file-o<!-- ENDIF --> fa-fw <!-- IF forumrow.subforum.S_UNREAD --> icon-red<!-- ENDIF --> icon-md" aria-hidden="true"></i>{forumrow.subforum.SUBFORUM_NAME}</a><!-- IF not forumrow.subforum.S_LAST_ROW --><span>{L_COMMA_SEPARATOR}</span><!-- ENDIF --><!-- EVENT forumlist_body_subforum_link_append -->
+								</li>
+							<!-- END subforum -->
+							</ul>
+							<!-- EVENT forumlist_body_subforums_after -->
+							</div>
+						<!-- ENDIF -->
+
+						<!-- IF not S_IS_BOT -->
+						{% if definition.EXTRA_DESC|trim == '' %}
+						<div class="responsive-show" style="display: none;">
+							<!-- IF forumrow.CLICKS -->
+								{L_REDIRECTS}{L_COLON} <strong>{forumrow.CLICKS}</strong>
+							<!-- ELSEIF not forumrow.S_IS_LINK and forumrow.TOPICS -->
+								{L_TOPICS}{L_COLON} <strong>{forumrow.TOPICS}</strong>
+							<!-- ENDIF -->
+						</div>
+						{% endif %}
+							<!-- IF not forumrow.S_IS_LINK and forumrow.LAST_POST_TIME -->
+							<div class="forum-lastpost" style="display: none;">
+								<span><strong>{L_LAST_POST}{L_COLON}</strong> <a href="{forumrow.U_LAST_POST}" title="{forumrow.LAST_POST_SUBJECT}" class="lastsubject">{forumrow.LAST_POST_SUBJECT_TRUNCATED}</a></span>
+								<span>{L_POST_BY_AUTHOR} <!-- EVENT forumlist_body_last_poster_username_prepend -->{forumrow.LAST_POSTER_FULL}<!-- EVENT forumlist_body_last_poster_username_append -->, {forumrow.LAST_POST_TIME}</span>
+							</div>
+							<!-- ENDIF -->
+						<!-- ENDIF -->
+					</div>
+				</dt>
+				<!-- IF forumrow.CLICKS -->
+					<dd class="redirect"><span>{L_REDIRECTS}{L_COLON} {forumrow.CLICKS}</span></dd>
+				<!-- ELSEIF not forumrow.S_IS_LINK -->
+					<!-- IF $STANDARD_FORUMS_LAYOUT != 0 -->
+					<dd class="topics">{forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
+					<dd class="posts">{forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
+					<!-- ENDIF -->
+					<dd class="lastpost">
+						<span>
+							<!-- IF forumrow.U_UNAPPROVED_TOPICS -->
+								<a href="{forumrow.U_UNAPPROVED_TOPICS}" title="{L_TOPICS_UNAPPROVED}" class="forum-mcplink">
+									<i class="icon fa-question fa-fw icon-blue" aria-hidden="true"></i><span class="sr-only">{L_TOPICS_UNAPPROVED}</span>
+								</a>
+							<!-- ELSEIF forumrow.U_UNAPPROVED_POSTS -->
+								<a href="{forumrow.U_UNAPPROVED_POSTS}" title="{L_POSTS_UNAPPROVED_FORUM}" class="forum-mcplink">
+									<i class="icon fa-question fa-fw icon-blue" aria-hidden="true"></i><span class="sr-only">{L_POSTS_UNAPPROVED_FORUM}</span>
+								</a>
+							<!-- ENDIF -->
+
+							<!-- IF forumrow.LAST_POST_TIME -->
+								<dfn>{L_LAST_POST}</dfn>
+								<!-- IF forumrow.S_DISPLAY_SUBJECT -->
+									<!-- EVENT forumlist_body_last_post_title_prepend -->
+									<a href="{forumrow.U_LAST_POST}" title="{forumrow.LAST_POST_SUBJECT}" class="lastsubject">{forumrow.LAST_POST_SUBJECT_TRUNCATED}</a> <br />
+								<!-- ENDIF -->
+									{L_POST_BY_AUTHOR} <!-- EVENT forumlist_body_last_poster_username_prepend -->{forumrow.LAST_POSTER_FULL}<!-- EVENT forumlist_body_last_poster_username_append -->
+								<!-- IF not S_IS_BOT -->
+									<a href="{forumrow.U_LAST_POST}" title="{L_VIEW_LATEST_POST}">
+										<i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">{L_VIEW_LATEST_POST}</span>
+									</a>
+								<!-- ENDIF -->
+								<br /><time datetime="{forumrow.LAST_POST_TIME_RFC3339}">{forumrow.LAST_POST_TIME}</time>
+							<!-- ELSE -->
+							{% if forumrow.U_UNAPPROVED_TOPICS %}
+							{{ lang('TOPIC_UNAPPROVED_FORUM', forumrow.TOPICS) }}
+							{% else %}
+								{{ lang('NO_POSTS') }}
+							{% endif %}
+							<!-- ENDIF -->
+						</span>
+					</dd>
+				<!-- ELSE -->
+					<dd>&nbsp;</dd>
+				<!-- ENDIF -->
+			</dl>
+			<!-- EVENT forumlist_body_forum_row_append -->
+		</li>
+		<!-- EVENT forumlist_body_forum_row_after -->
+	<!-- ENDIF -->
+
+	<!-- IF forumrow.S_LAST_ROW -->
+			</ul>
+
+			</div>
+		</div>
+	<!-- EVENT forumlist_body_last_row_after -->
+	<!-- ENDIF -->
+
+<!-- BEGINELSE -->
+	<div class="panel">
+		<div class="inner">
+		<strong>{L_NO_FORUMS}</strong>
+		</div>
+	</div>
+<!-- END forumrow -->
diff --git a/simplicity/template/index.htm b/simplicity/template/index.htm
new file mode 100644
index 0000000..e69de29
diff --git a/simplicity/template/index_body.html b/simplicity/template/index_body.html
new file mode 100644
index 0000000..95a0409
--- /dev/null
+++ b/simplicity/template/index_body.html
@@ -0,0 +1,80 @@
+<!-- DEFINE $NAVLINKS -->
+	<!-- IF U_MARK_FORUMS -->
+		<li class="small-icon icon-mark"><a href="{U_MARK_FORUMS}" accesskey="m" data-ajax="mark_forums_read">{L_MARK_FORUMS_READ}</a></li>
+		<!-- DEFINE $NAVLINKS_SHOW_DEFAULT = 1 -->
+	<!-- ENDIF -->
+<!-- ENDDEFINE -->
+<!-- INCLUDE overall_header.html -->
+
+<!-- EVENT index_body_markforums_before -->
+<!-- EVENT index_body_markforums_after -->
+
+<!-- INCLUDE forumlist_body.html -->
+
+<!-- EVENT index_body_forumlist_body_after -->
+
+<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
+	<form method="post" action="{S_LOGIN_ACTION}" class="headerspace">
+	<h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h3>
+		<fieldset class="quick-login">
+			<label for="username"><span>{L_USERNAME}{L_COLON}</span> <input type="text" tabindex="1" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" /></label>
+			<label for="password"><span>{L_PASSWORD}{L_COLON}</span> <input type="password" tabindex="2" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" autocomplete="off" /></label>
+			<!-- IF U_SEND_PASSWORD -->
+				<a href="{U_SEND_PASSWORD}">{L_FORGOT_PASS}</a>
+			<!-- ENDIF -->
+			<!-- IF S_AUTOLOGIN_ENABLED -->
+				<span class="responsive-hide">|</span> <label for="autologin">{L_LOG_ME_IN} <input type="checkbox" tabindex="4" name="autologin" id="autologin" /></label>
+			<!-- ENDIF -->
+			<input type="submit" tabindex="5" name="login" value="{L_LOGIN}" class="button2" />
+			{S_LOGIN_REDIRECT}
+
+			{S_FORM_TOKEN_LOGIN}
+
+		</fieldset>
+	</form>
+<!-- ENDIF -->
+
+<!-- EVENT index_body_stat_blocks_before -->
+
+<!-- IF S_DISPLAY_ONLINE_LIST -->
+	<div class="stat-block online-list">
+		<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
+		<p>
+			<!-- EVENT index_body_block_online_prepend -->
+			{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> 
+			<!-- IF U_VIEWONLINE -->
+				<br />{LOGGED_IN_USER_LIST}
+				<!-- IF LEGEND --><br /><em>{L_LEGEND}{L_COLON} {LEGEND}</em><!-- ENDIF -->
+			<!-- ENDIF -->
+			<!-- EVENT index_body_block_online_append -->
+		</p>
+	</div>
+<!-- ENDIF -->
+
+<!-- EVENT index_body_birthday_block_before -->
+
+<!-- IF S_DISPLAY_BIRTHDAY_LIST -->
+	<div class="stat-block birthday-list">
+		<h3>{L_BIRTHDAYS}</h3>
+		<p>
+			<!-- EVENT index_body_block_birthday_prepend -->
+			<!-- IF .birthdays -->{L_CONGRATULATIONS}{L_COLON} <strong><!-- BEGIN birthdays -->{birthdays.USERNAME}<!-- IF birthdays.AGE !== '' --> ({birthdays.AGE})<!-- ENDIF --><!-- IF not birthdays.S_LAST_ROW -->, <!-- ENDIF --><!-- END birthdays --></strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF -->
+			<!-- EVENT index_body_block_birthday_append -->
+		</p>
+	</div>
+<!-- ENDIF -->
+
+<!-- IF NEWEST_USER -->
+	<div class="stat-block statistics">
+		<h3>{L_STATISTICS}</h3>
+		<p>
+			<!-- EVENT index_body_block_stats_prepend -->
+			{TOTAL_POSTS} &bull; {TOTAL_TOPICS} &bull; {TOTAL_USERS} &bull; {NEWEST_USER}
+			<!-- EVENT index_body_block_stats_append -->
+		</p>
+	</div>
+<!-- ENDIF -->
+
+<!-- EVENT index_body_stat_blocks_after -->
+
+<!-- INCLUDE overall_footer.html -->
diff --git a/simplicity/template/jumpbox.html b/simplicity/template/jumpbox.html
new file mode 100644
index 0000000..070efc0
--- /dev/null
+++ b/simplicity/template/jumpbox.html
@@ -0,0 +1,50 @@
+
+<div class="action-bar actions-jump">
+	<!-- IF S_VIEWTOPIC -->
+	<p class="jumpbox-return">
+		<a href="{U_VIEW_FORUM}" class="left-box arrow-{S_CONTENT_FLOW_BEGIN}" accesskey="r">
+			<i class="icon fa-angle-{S_CONTENT_FLOW_BEGIN} fa-fw icon-black" aria-hidden="true"></i><span>{L_RETURN_TO_FORUM}</span>
+		</a>
+	</p>
+	<!-- ELSEIF S_VIEWFORUM -->
+	<p class="jumpbox-return">
+		<a href="{U_INDEX}" class="left-box arrow-{S_CONTENT_FLOW_BEGIN}" accesskey="r">
+			<i class="icon fa-angle-{S_CONTENT_FLOW_BEGIN} fa-fw icon-black" aria-hidden="true"></i><span>{L_RETURN_TO_INDEX}</span>
+		</a>
+	</p>
+	<!-- ELSEIF SEARCH_TOPIC -->
+	<p class="jumpbox-return">
+		<a class="left-box arrow-{S_CONTENT_FLOW_BEGIN}" href="{U_SEARCH_TOPIC}" accesskey="r">
+			<i class="icon fa-angle-{S_CONTENT_FLOW_BEGIN} fa-fw icon-black" aria-hidden="true"></i><span>{L_RETURN_TO_TOPIC}</span>
+		</a>
+	</p>
+	<!-- ELSEIF S_SEARCH_ACTION -->
+	<p class="jumpbox-return">
+		<a class="left-box arrow-{S_CONTENT_FLOW_BEGIN}" href="{U_SEARCH}" title="{L_SEARCH_ADV}" accesskey="r">
+			<i class="icon fa-angle-{S_CONTENT_FLOW_BEGIN} fa-fw icon-black" aria-hidden="true"></i><span>{L_GO_TO_SEARCH_ADV}</span>
+		</a>
+	</p>
+	<!-- ENDIF -->
+
+	<!-- IF S_DISPLAY_JUMPBOX -->
+	<div class="jumpbox dropdown-container dropdown-container-right<!-- IF not S_IN_MCP --> dropdown-up<!-- ENDIF --> dropdown-{S_CONTENT_FLOW_BEGIN} dropdown-button-control" id="jumpbox">
+			<span title="<!-- IF S_IN_MCP and S_MERGE_SELECT -->{L_SELECT_TOPICS_FROM}<!-- ELSEIF S_IN_MCP -->{L_MODERATE_FORUM}<!-- ELSE -->{L_JUMP_TO}<!-- ENDIF -->" class="button button-secondary dropdown-trigger dropdown-select">
+				<span><!-- IF S_IN_MCP and S_MERGE_SELECT -->{L_SELECT_TOPICS_FROM}<!-- ELSEIF S_IN_MCP -->{L_MODERATE_FORUM}<!-- ELSE -->{L_JUMP_TO}<!-- ENDIF --></span>
+				<span class="caret"><i class="icon fa-sort-down fa-fw" aria-hidden="true"></i></span>
+			</span>
+		<div class="dropdown">
+			<div class="pointer"><div class="pointer-inner"></div></div>
+			<ul class="dropdown-contents">
+				<!-- BEGIN jumpbox_forums -->
+				<!-- IF jumpbox_forums.FORUM_ID neq -1 -->
+				<li><a href="{jumpbox_forums.LINK}" class="<!-- IF jumpbox_forums.level -->jumpbox-sub-link<!-- ELSEIF jumpbox_forums.S_IS_CAT -->jumpbox-cat-link<!-- ELSE -->jumpbox-forum-link<!-- ENDIF -->"><!-- BEGIN level --><span class="spacer"></span><!-- END level --> <span><!-- IF jumpbox_forums.level --><!-- IF S_CONTENT_DIRECTION eq 'rtl' -->&#8626;<!-- ELSE -->&#8627;<!-- ENDIF --> &nbsp;<!-- ENDIF --> {jumpbox_forums.FORUM_NAME}</span></a></li>
+				<!-- ENDIF -->
+				<!-- END jumpbox_forums -->
+			</ul>
+		</div>
+	</div>
+
+	<!-- ELSE -->
+	<br /><br />
+	<!-- ENDIF -->
+</div>
diff --git a/simplicity/template/login_body.html b/simplicity/template/login_body.html
new file mode 100644
index 0000000..c923480
--- /dev/null
+++ b/simplicity/template/login_body.html
@@ -0,0 +1,71 @@
+<!-- DEFINE $NAV_SECTION = 'login' --><!-- INCLUDE overall_header.html -->
+
+<form action="{S_LOGIN_ACTION}" method="post" id="login" data-focus="<!-- IF S_ADMIN_AUTH -->{PASSWORD_CREDENTIAL}<!-- ELSE -->{USERNAME_CREDENTIAL}<!-- ENDIF -->">
+<div class="panel">
+	<div class="inner">
+
+	<div class="content">
+		<h2 class="login-title"><!-- IF LOGIN_EXPLAIN -->{LOGIN_EXPLAIN}<!-- ELSE -->{L_LOGIN}<!-- ENDIF --></h2>
+
+		<fieldset <!-- IF not S_CONFIRM_CODE -->class="fields1"<!-- ELSE -->class="fields2"<!-- ENDIF -->>
+		<!-- IF LOGIN_ERROR --><div class="error">{LOGIN_ERROR}</div><!-- ENDIF -->
+		<dl>
+			<dt><label for="{USERNAME_CREDENTIAL}">{L_USERNAME}{L_COLON}</label></dt>
+			<dd><input type="text" tabindex="1" name="{USERNAME_CREDENTIAL}" id="{USERNAME_CREDENTIAL}" size="25" value="{USERNAME}" class="inputbox autowidth" /></dd>
+		</dl>
+		<dl>
+			<dt><label for="{PASSWORD_CREDENTIAL}">{L_PASSWORD}{L_COLON}</label></dt>
+			<dd><input type="password" tabindex="2" id="{PASSWORD_CREDENTIAL}" name="{PASSWORD_CREDENTIAL}" size="25" class="inputbox autowidth" autocomplete="off" /></dd>
+			<!-- IF S_DISPLAY_FULL_LOGIN and (U_SEND_PASSWORD or U_RESEND_ACTIVATION) -->
+				<!-- IF U_SEND_PASSWORD --><dd><a href="{U_SEND_PASSWORD}">{L_FORGOT_PASS}</a></dd><!-- ENDIF -->
+				<!-- IF U_RESEND_ACTIVATION --><dd><a href="{U_RESEND_ACTIVATION}">{L_RESEND_ACTIVATION}</a></dd><!-- ENDIF -->
+			<!-- ENDIF -->
+		</dl>
+		<!-- IF CAPTCHA_TEMPLATE and S_CONFIRM_CODE -->
+			<!-- DEFINE $CAPTCHA_TAB_INDEX = 3 -->
+			<!-- INCLUDE {CAPTCHA_TEMPLATE} -->
+		<!-- ENDIF -->
+		<!-- IF S_DISPLAY_FULL_LOGIN -->
+		<dl>
+			<!-- IF S_AUTOLOGIN_ENABLED --><dd><label for="autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" /> {L_LOG_ME_IN}</label></dd><!-- ENDIF -->
+			<dd><label for="viewonline"><input type="checkbox" name="viewonline" id="viewonline" tabindex="5" /> {L_HIDE_ME}</label></dd>
+		</dl>
+		<!-- ENDIF -->
+
+		{S_LOGIN_REDIRECT}
+
+		{S_FORM_TOKEN_LOGIN}
+
+		<dl>
+			<dt>&nbsp;</dt>
+			<dd>{S_HIDDEN_FIELDS}<input type="submit" name="login" tabindex="6" value="{L_LOGIN}" class="button1" /></dd>
+		</dl>
+		</fieldset>
+	</div>
+
+	<!-- IF not S_ADMIN_AUTH and PROVIDER_TEMPLATE_FILE -->
+		<!-- INCLUDE {PROVIDER_TEMPLATE_FILE} -->
+	<!-- ENDIF -->
+	</div>
+</div>
+
+
+<!-- IF not S_ADMIN_AUTH and S_REGISTER_ENABLED -->
+	<div class="panel">
+		<div class="inner">
+
+		<div class="content">
+			<h3>{L_REGISTER}</h3>
+			<p>{L_LOGIN_INFO}</p>
+			<p><strong><a href="{U_TERMS_USE}">{L_TERMS_USE}</a> | <a href="{U_PRIVACY}">{L_PRIVACY}</a></strong></p>
+			<hr class="dashed" />
+			<p><a href="{U_REGISTER}" class="button2">{L_REGISTER}</a></p>
+		</div>
+
+		</div>
+	</div>
+<!-- ENDIF -->
+
+</form>
+
+<!-- INCLUDE overall_footer.html -->
diff --git a/simplicity/template/memberlist_body.html b/simplicity/template/memberlist_body.html
new file mode 100644
index 0000000..c190f2a
--- /dev/null
+++ b/simplicity/template/memberlist_body.html
@@ -0,0 +1,198 @@
+<!-- IF S_IN_SEARCH_POPUP -->
+	<!-- INCLUDE simple_header.html -->
+	<!-- INCLUDE memberlist_search.html -->
+	<form method="post" id="results" action="{S_MODE_ACTION}" onsubmit="insert_marked_users('#results', this.user); return false;" data-form-name="{S_FORM_NAME}" data-field-name="{S_FIELD_NAME}">
+
+<!-- ELSE -->
+	<!-- DEFINE $NAVLINKS -->
+		<!-- IF U_FIND_MEMBER and not S_SEARCH_USER -->
+			<li class="small-icon icon-search"><a href="{U_FIND_MEMBER}" data-alt-text="{LA_HIDE_MEMBER_SEARCH}">{L_FIND_USERNAME}</a></li>
+		<!-- ELSEIF S_SEARCH_USER and U_HIDE_FIND_MEMBER and not S_IN_SEARCH_POPUP -->
+			<li class="small-icon icon-search"><a href="{U_HIDE_FIND_MEMBER}" data-alt-text="{LA_FIND_USERNAME}">{L_HIDE_MEMBER_SEARCH}</a></li>
+		<!-- ENDIF -->
+		<!-- IF U_TEAM --><li class="small-icon icon-team"><a href="{U_TEAM}" role="menuitem">{L_THE_TEAM}</a></li><!-- ENDIF -->
+	<!-- ENDDEFINE -->
+	<!-- INCLUDE overall_header.html -->
+	<div class="panel" id="memberlist_search"<!-- IF not S_SEARCH_USER --> style="display: none;"<!-- ENDIF -->>
+	<!-- INCLUDE memberlist_search.html -->
+	</div>
+	<form method="post" action="{S_MODE_ACTION}">
+
+<!-- ENDIF -->
+
+{% EVENT memberlist_body_page_header_after %}
+
+	<!-- IF S_SHOW_GROUP -->
+		{% EVENT memberlist_body_group_name_before %}
+		<h2 class="group-title"<!-- IF GROUP_COLOR --> style="color:#{GROUP_COLOR};"<!-- ENDIF -->>{GROUP_NAME}</h2>
+		{% EVENT memberlist_body_group_name_after %}
+		<!-- IF U_MANAGE -->
+			<p class="right responsive-center manage rightside"><a href="{U_MANAGE}">{L_MANAGE_GROUP}</a></p>
+		<!-- ENDIF -->
+		<p>{GROUP_DESC} {GROUP_TYPE}</p>
+
+		{% EVENT memberlist_body_group_desc_after %}
+
+		<p>
+			<!-- IF AVATAR_IMG -->{AVATAR_IMG}<!-- ENDIF -->
+			{% EVENT memberlist_body_group_rank_before %}
+			{% if RANK_IMG %}{{ RANK_IMG }}{% endif %}
+			{% if GROUP_RANK %}
+				{% if not RANK_IMG %}
+					{{ lang('GROUP_RANK') ~ lang('COLON') }}
+				{% endif %}
+				{{ GROUP_RANK }}
+			{% endif %}
+			{% EVENT memberlist_body_group_rank_after %}
+		</p>
+	<!-- ELSE -->
+		{% EVENT memberlist_body_page_title_before %}
+		<h2 class="solo">{PAGE_TITLE}<!-- IF SEARCH_WORDS -->{L_COLON} <a href="{U_SEARCH_WORDS}">{SEARCH_WORDS}</a><!-- ENDIF --></h2>
+
+		<div class="action-bar bar-top">
+			<div class="member-search panel">
+				<!-- IF U_FIND_MEMBER and not S_SEARCH_USER --><a href="{U_FIND_MEMBER}" id="member_search" data-alt-text="{L_HIDE_MEMBER_SEARCH}">{L_FIND_USERNAME}</a> &bull; <!-- ELSEIF S_SEARCH_USER and U_HIDE_FIND_MEMBER and not S_IN_SEARCH_POPUP --><a href="{U_HIDE_FIND_MEMBER}" id="member_search" data-alt-text="{L_FIND_USERNAME}">{L_HIDE_MEMBER_SEARCH}</a> &bull; <!-- ENDIF -->
+				<strong>
+				<!-- BEGIN first_char -->
+					<a href="{first_char.U_SORT}">{first_char.DESC}</a>&nbsp;
+				<!-- END first_char -->
+				</strong>
+			</div>
+
+			<div class="pagination">
+				{TOTAL_USERS}
+				<!-- IF .pagination -->
+					<!-- INCLUDE pagination.html -->
+				<!-- ELSE -->
+					 &bull; {PAGE_NUMBER}
+				<!-- ENDIF -->
+			</div>
+		</div>
+	<!-- ENDIF -->
+
+	<!-- IF S_LEADERS_SET or not S_SHOW_GROUP or not .memberrow -->
+	<div class="forumbg forumbg-table">
+		<div class="inner">
+
+		<table class="table1 memberlist" id="memberlist">
+		<thead>
+		<tr>
+			<th class="name" data-dfn="{L_RANK}{L_COMMA_SEPARATOR}<!-- IF S_SHOW_GROUP and .memberrow -->{L_GROUP_LEADER}<!-- ELSE -->{L_USERNAME}<!-- ENDIF -->"><span class="rank-img"><a href="{U_SORT_RANK}">{L_RANK}</a></span><a href="{U_SORT_USERNAME}"><!-- IF S_SHOW_GROUP and .memberrow -->{L_GROUP_LEADER}<!-- ELSE -->{L_USERNAME}<!-- ENDIF --></a></th>
+			<th class="posts"><a href="{U_SORT_POSTS}#memberlist">{L_POSTS}</a></th>
+			<th class="info"><!-- BEGIN custom_fields --><!-- IF not custom_fields.S_FIRST_ROW -->{L_COMMA_SEPARATOR} <!-- ENDIF -->{custom_fields.PROFILE_FIELD_NAME}<!-- END custom_fields --></th>
+			<th class="joined"><a href="{U_SORT_JOINED}#memberlist">{L_JOINED}</a></th>
+			<!-- IF U_SORT_ACTIVE --><th class="active"><a href="{U_SORT_ACTIVE}#memberlist">{L_LAST_ACTIVE}</a></th><!-- ENDIF -->
+			{% EVENT memberlist_body_memberlist_after %}
+		</tr>
+		</thead>
+		<tbody>
+	<!-- ENDIF -->
+		<!-- BEGIN memberrow -->
+			<!-- IF S_SHOW_GROUP -->
+				<!-- IF not memberrow.S_GROUP_LEADER and not $S_MEMBER_HEADER -->
+				<!-- IF S_LEADERS_SET and memberrow.S_FIRST_ROW -->
+				<tr class="bg1">
+					<td colspan="<!-- IF U_SORT_ACTIVE -->5<!-- ELSE -->4<!-- ENDIF -->">&nbsp;</td>
+				</tr>
+				<!-- ENDIF -->
+<!-- IF S_LEADERS_SET -->
+		</tbody>
+		</table>
+
+	</div>
+</div>
+<!-- ENDIF -->
+<div class="forumbg forumbg-table">
+	<div class="inner">
+
+	<table class="table1">
+	<thead>
+	<tr>
+	<!-- IF not S_LEADERS_SET -->
+		<th class="name" data-dfn="{L_RANK}{L_COMMA_SEPARATOR}{L_USERNAME}"><span class="rank-img"><a href="{U_SORT_RANK}">{L_RANK}</a></span><a href="{U_SORT_USERNAME}"><!-- IF S_SHOW_GROUP -->{L_GROUP_MEMBERS}<!-- ELSE -->{L_USERNAME}<!-- ENDIF --></a></th>
+			<th class="posts"><a href="{U_SORT_POSTS}#memberlist">{L_POSTS}</a></th>
+			<th class="info">{% for field in custom_fields %}{% if not loop.first %}{L_COMMA_SEPARATOR} {% endif %}{{ field.PROFILE_FIELD_NAME }}{% endfor %}</th>
+			<th class="joined"><a href="{U_SORT_JOINED}#memberlist">{L_JOINED}</a></th>
+			<!-- IF U_SORT_ACTIVE --><th class="active"><a href="{U_SORT_ACTIVE}#memberlist">{L_LAST_ACTIVE}</a></th><!-- ENDIF -->
+			{% EVENT memberlist_body_leaders_set_after %}
+	<!-- ELSEIF S_SHOW_GROUP -->
+		<th class="name">{L_GROUP_MEMBERS}</th>
+		<th class="posts">{L_POSTS}</th>
+		<th class="info"><!-- BEGIN custom_fields --><!-- IF not custom_fields.S_FIRST_ROW -->{L_COMMA_SEPARATOR} <!-- ENDIF -->{custom_fields.PROFILE_FIELD_NAME}<!-- END custom_fields --></th>
+		<th class="joined">{L_JOINED}</th>
+		<!-- IF U_SORT_ACTIVE --><th class="active">{L_LAST_ACTIVE}</th><!-- ENDIF -->
+		{% EVENT memberlist_body_show_group_after %}
+	<!-- ENDIF -->
+	</tr>
+	</thead>
+	<tbody>
+					<!-- DEFINE $S_MEMBER_HEADER = 1 -->
+				<!-- ENDIF -->
+			<!-- ENDIF -->
+
+	<tr class="<!-- IF memberrow.S_ROW_COUNT is even -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF memberrow.S_INACTIVE --> inactive<!-- ENDIF -->">
+		<td><span class="rank-img"><!-- EVENT memberlist_body_rank_prepend --><!-- IF memberrow.RANK_IMG -->{memberrow.RANK_IMG}<!-- ELSE -->{memberrow.RANK_TITLE}<!-- ENDIF --><!-- EVENT memberlist_body_rank_append --></span><!-- IF S_IN_SEARCH_POPUP and not S_SELECT_SINGLE --><input type="checkbox" name="user" value="{memberrow.USERNAME}" /> <!-- ENDIF --><!-- EVENT memberlist_body_username_prepend -->{memberrow.USERNAME_FULL}<!-- IF memberrow.S_INACTIVE --> ({L_INACTIVE})<!-- ENDIF --><!-- EVENT memberlist_body_username_append --><!-- IF S_IN_SEARCH_POPUP --><br />[&nbsp;<a href="#" onclick="insert_single_user('#results', '{memberrow.A_USERNAME}'); return false;">{L_SELECT}</a>&nbsp;]<!-- ENDIF --></td>
+		<td class="posts"><!-- IF memberrow.POSTS and S_DISPLAY_SEARCH --><a href="{memberrow.U_SEARCH_USER}" title="{L_SEARCH_USER_POSTS}">{memberrow.POSTS}</a><!-- ELSE -->{memberrow.POSTS}<!-- ENDIF --></td>
+		<td class="info">
+			{%- for field in memberrow.custom_fields -%}
+				<div>{% if field.S_PROFILE_CONTACT %}<a href="{{ field.PROFILE_FIELD_CONTACT }}">{% endif %}{{ field.PROFILE_FIELD_VALUE }}{% if field.S_PROFILE_CONTACT %}</a>{% endif %}</div>
+			{%- else -%}
+				&nbsp;
+			{%- endfor -%}
+		</td>
+		<td>{memberrow.JOINED}</td>
+		<!-- IF S_VIEWONLINE --><td>{memberrow.LAST_ACTIVE}&nbsp;</td><!-- ENDIF -->
+		{% EVENT memberlist_body_memberrow_after %}
+	</tr>
+		<!-- BEGINELSE -->
+	<tr class="bg1">
+		<td colspan="<!-- IF S_VIEWONLINE -->5<!-- ELSE -->4<!-- ENDIF -->">{L_NO_MEMBERS}</td>
+	</tr>
+		<!-- END memberrow -->
+	</tbody>
+	</table>
+
+	</div>
+</div>
+
+<!-- IF S_IN_SEARCH_POPUP and not S_SELECT_SINGLE -->
+<fieldset class="display-actions">
+	<input type="submit" name="submit" value="{L_SELECT_MARKED}" class="button2" />
+	<div><a href="#" onclick="marklist('results', 'user', true); return false;">{L_MARK_ALL}</a> &bull; <a href="#" onclick="marklist('results', 'user', false); return false;">{L_UNMARK_ALL}</a></div>
+</fieldset>
+<!-- ENDIF -->
+
+<!-- IF S_IN_SEARCH_POPUP -->
+</form>
+<form method="post" id="sort-results" action="{S_MODE_ACTION}">
+<!-- ENDIF -->
+
+<!-- IF S_IN_SEARCH_POPUP and not S_SEARCH_USER -->
+<fieldset class="display-options">
+	<label for="sk">{L_SELECT_SORT_METHOD}{L_COLON} <select name="sk" id="sk">{S_MODE_SELECT}</select></label>
+	<label for="sd">{L_ORDER} <select name="sd" id="sd">{S_ORDER_SELECT}</select></label>
+	<input type="submit" name="sort" value="{L_SUBMIT}" class="button2" />
+</fieldset>
+<!-- ENDIF -->
+
+</form>
+
+<div class="action-bar bar-bottom">
+	<div class="pagination">
+		{TOTAL_USERS}
+		<!-- IF .pagination -->
+			<!-- INCLUDE pagination.html -->
+		<!-- ELSE -->
+			 &bull; {PAGE_NUMBER}
+		<!-- ENDIF -->
+	</div>
+</div>
+
+{% EVENT memberlist_body_page_footer_before %}
+
+<!-- IF S_IN_SEARCH_POPUP -->
+	<!-- INCLUDE simple_footer.html -->
+<!-- ELSE -->
+	<!-- INCLUDE jumpbox.html -->
+	<!-- INCLUDE overall_footer.html -->
+<!-- ENDIF -->
diff --git a/simplicity/template/navbar_header.html b/simplicity/template/navbar_header.html
new file mode 100644
index 0000000..6a191ef
--- /dev/null
+++ b/simplicity/template/navbar_header.html
@@ -0,0 +1,304 @@
+{% set quick_links_first_block %}
+	<!-- EVENT navbar_header_quick_links_before -->
+
+	<!-- IF S_DISPLAY_SEARCH -->
+		<li class="separator"></li>
+		<!-- IF S_REGISTERED_USER -->
+							<li>
+								<a href="{U_SEARCH_SELF}" role="menuitem">
+									<i class="icon fa-file-o fa-fw icon-gray" aria-hidden="true"></i><span>{L_SEARCH_SELF}</span>
+								</a>
+							</li>
+		<!-- ENDIF -->
+		<!-- IF S_USER_LOGGED_IN -->
+							<li>
+								<a href="{U_SEARCH_NEW}" role="menuitem">
+									<i class="icon fa-file-o fa-fw icon-red" aria-hidden="true"></i><span>{L_SEARCH_NEW}</span>
+								</a>
+							</li>
+		<!-- ENDIF -->
+		<!-- IF S_LOAD_UNREADS -->
+							<li>
+								<a href="{U_SEARCH_UNREAD}" role="menuitem">
+									<i class="icon fa-file-o fa-fw icon-red" aria-hidden="true"></i><span>{L_SEARCH_UNREAD}</span>
+								</a>
+							</li>
+		<!-- ENDIF -->
+							<li>
+								<a href="{U_SEARCH_UNANSWERED}" role="menuitem">
+									<i class="icon fa-file-o fa-fw icon-gray" aria-hidden="true"></i><span>{L_SEARCH_UNANSWERED}</span>
+								</a>
+							</li>
+							<li>
+								<a href="{U_SEARCH_ACTIVE_TOPICS}" role="menuitem">
+									<i class="icon fa-file-o fa-fw icon-blue" aria-hidden="true"></i><span>{L_SEARCH_ACTIVE_TOPICS}</span>
+								</a>
+							</li>
+							<li class="separator"></li>
+							<li>
+								<a href="{U_SEARCH}" role="menuitem">
+									<i class="icon fa-search fa-fw" aria-hidden="true"></i><span>{L_SEARCH}</span>
+								</a>
+							</li>	
+	<!-- ENDIF -->
+{% endset %}
+
+{% set quick_links_last_block %}
+	<!-- EVENT navbar_header_quick_links_after -->
+{% endset %}
+
+{% set quick_links_all %}{{ quick_links_first_block|trim }}{{ quick_links_last_block|trim }}{% endset %}
+
+<div class="navbar tabbed not-static" role="navigation">
+	<div class="inner page-width">
+		<div class="nav-tabs" data-current-page="<!-- IF $NAV_SECTION -->{$NAV_SECTION}<!-- ELSE -->{SCRIPT_NAME}<!-- ENDIF -->">
+			<ul class="leftside">
+				<li id="quick-links" class="quick-links tab responsive-menu dropdown-container{% if quick_links_all == '' %} empty{% endif %}">
+					<a href="#" class="nav-link dropdown-trigger">{L_QUICK_LINKS}</a>
+					<div class="dropdown">
+						<div class="pointer"><div class="pointer-inner"></div></div>
+						<ul class="dropdown-contents" role="menu">
+							{{ quick_links_first_block }}
+							{% if quick_links_last_block|trim %}
+								<li class="separator"></li>
+								{{ quick_links_last_block }}
+							{% endif %}
+						</ul>
+					</div>
+				</li>
+				<!-- EVENT navtabs_left_before -->
+				<!-- IF U_SITE_HOME -->
+					<li class="tab home" data-responsive-class="small-icon icon-home">
+						<a class="nav-link" href="{U_SITE_HOME}" data-navbar-reference="home">{L_SITE_HOME}</a>
+					</li>
+				<!-- ENDIF -->
+				<li class="tab forums selected" data-responsive-class="small-icon icon-forums">
+					<a class="nav-link" href="{U_INDEX}">{L_FORUMS}</a>
+				</li>
+				<!-- IF not S_IS_BOT and (S_DISPLAY_MEMBERLIST or U_TEAM) -->
+					<li class="tab members dropdown-container" data-select-match="member" data-responsive-class="small-icon icon-members">
+						<a class="nav-link dropdown-trigger" href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>
+						<div class="dropdown">
+							<div class="pointer"><div class="pointer-inner"></div></div>
+							<ul class="dropdown-contents" role="menu">
+								<!-- IF S_DISPLAY_MEMBERLIST -->
+									<li>
+										<a href="{U_MEMBERLIST}" role="menuitem">
+											<i class="icon fa-group fa-fw" aria-hidden="true"></i><span>{L_MEMBERLIST}</span>
+										</a>
+									</li>
+								<!-- ENDIF -->
+								<!-- IF U_TEAM -->
+									<li>
+										<a href="{U_TEAM}" role="menuitem">
+											<i class="icon fa-shield fa-fw" aria-hidden="true"></i><span>{L_THE_TEAM}</span>
+										</a>
+									</li>
+								<!-- ENDIF -->
+							</ul>
+						</div>
+					</li>
+				<!-- ENDIF -->
+				<!-- EVENT navtabs_left_after -->
+			</ul>
+			<ul class="rightside" role="menu">
+				<!-- EVENT overall_header_navigation_prepend -->
+				<li class="tab faq" data-select-match="faq" data-responsive-class="small-icon icon-faq">
+					<a class="nav-link" href="{U_FAQ}" rel="help" title="{L_FAQ_EXPLAIN}" role="menuitem">
+						<i class="icon fa-question-circle fa-fw" aria-hidden="true"></i><span>{L_FAQ}</span>
+					</a>
+				</li>
+				<!-- EVENT overall_header_navigation_append -->
+				<!-- IF U_ACP -->
+					<li class="tab acp" data-last-responsive="true">
+						<a class="nav-link" href="{U_ACP}" title="{L_ACP}" role="menuitem">
+							<i class="icon fa-cogs fa-fw" aria-hidden="true"></i><span>{L_ACP_SHORT}</span>
+						</a>
+					</li>
+				<!-- ENDIF -->
+				<!-- IF U_MCP -->
+					<li class="tab mcp" data-last-responsive="true" data-select-match="mcp">
+						<a class="nav-link" href="{U_MCP}" title="{L_MCP}" role="menuitem">
+							<i class="icon fa-gavel fa-fw" aria-hidden="true"></i><span>{L_MCP_SHORT}</span>
+						</a>
+					</li>
+				<!-- ENDIF -->
+				<!-- IF S_REGISTERED_USER -->
+					<!-- EVENT navbar_header_user_profile_prepend -->
+					<li id="username_logged_in" class="tab account dropdown-container" data-skip-responsive="true" data-select-match="ucp">
+						<!-- EVENT navbar_header_username_prepend -->						<a href="{U_PROFILE}" class="nav-link dropdown-trigger">{CURRENT_USERNAME_SIMPLE}</a>
+						<div class="dropdown">
+							<div class="pointer"><div class="pointer-inner"></div></div>
+							<ul class="dropdown-contents" role="menu">
+								<!-- IF U_RESTORE_PERMISSIONS -->
+									<li>
+										<a href="{U_RESTORE_PERMISSIONS}">
+											<i class="icon fa-refresh fa-fw" aria-hidden="true"></i><span>{L_RESTORE_PERMISSIONS}</span>
+										</a>
+									</li>
+								<!-- ENDIF -->
+
+								<!-- EVENT navbar_header_profile_list_before -->
+
+						<li>
+							<a href="{U_PROFILE}" title="{L_PROFILE}" role="menuitem">
+								<i class="icon fa-sliders fa-fw" aria-hidden="true"></i><span>{L_PROFILE}</span>
+							</a>
+						</li>
+						<!-- IF U_USER_PROFILE -->
+							<li>
+								<a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">
+									<i class="icon fa-user fa-fw" aria-hidden="true"></i><span>{L_READ_PROFILE}</span>
+								</a>
+							</li>
+						<!-- ENDIF -->
+
+								<!-- EVENT navbar_header_profile_list_after -->
+			
+								<li class="separator"></li>
+								<li>
+									<a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x" role="menuitem">
+										<i class="icon fa-power-off fa-fw" aria-hidden="true"></i><span>{L_LOGIN_LOGOUT}</span>
+									</a>
+								</li>
+
+							</ul>
+						</div>
+						<!-- EVENT navbar_header_username_append -->
+					</li>
+					<!-- IF S_DISPLAY_PM -->
+						<li class="tab pm<!-- IF PRIVATE_MESSAGE_COUNT > 0 --> non-zero<!-- ENDIF -->" data-skip-responsive="true" data-select-match="pm">
+							<a class="nav-link" href="{U_PRIVATEMSGS}" role="menuitem">
+								<i class="icon fa-inbox fa-fw" aria-hidden="true"></i><span>{L_PRIVATE_MESSAGES}</span>
+							</a>
+							<strong>
+								<span class="counter">{PRIVATE_MESSAGE_COUNT}</span>
+								<span class="arrow"></span>
+							</strong>
+						</li>
+					<!-- ENDIF -->
+					<!-- IF S_NOTIFICATIONS_DISPLAY -->
+						<li class="tab notifications dropdown-container<!-- IF NOTIFICATIONS_COUNT > 0 --> non-zero<!-- ENDIF -->" data-skip-responsive="true" data-select-match="notifications">
+							<a href="{U_VIEW_ALL_NOTIFICATIONS}" id="notification_list_button" class="nav-link dropdown-trigger">
+								<i class="icon fa-bell fa-fw" aria-hidden="true"></i><span>{L_NOTIFICATIONS}</span>
+							</a>
+							<strong>
+								<span class="counter">{NOTIFICATIONS_COUNT}</span>
+								<span class="arrow"></span>
+							</strong>
+							<!-- INCLUDE notification_dropdown.html -->
+						</li>
+					<!-- ENDIF -->
+					<!-- EVENT navbar_header_user_profile_append -->
+				<!-- ENDIF -->
+				<!-- IF S_REGISTERED_USER -->
+					<li class="tab logout"  data-skip-responsive="true"><a class="nav-link" href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x" role="menuitem">{L_LOGIN_LOGOUT}</a></li>
+				<!-- ELSE IF not S_IS_BOT -->
+					<li class="tab login"  data-skip-responsive="true" data-select-match="login"><a class="nav-link" href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x" role="menuitem">{L_LOGIN_LOGOUT}</a></li>
+					<!-- IF S_REGISTER_ENABLED -->
+						<li class="tab register" data-skip-responsive="true" data-select-match="register"><a class="nav-link" href="{U_REGISTER}" role="menuitem">{L_REGISTER}</a></li>
+					<!-- ENDIF -->
+					<!-- EVENT navbar_header_logged_out_content -->
+				<!-- ENDIF -->
+			</ul>
+		</div>
+	</div>
+</div>
+
+<div class="navbar secondary{% if definition.SEARCH_IN_NAVBAR == 1 && definition.SEARCH_BOX %} with-search{% endif %}">
+	<ul role="menubar">
+		{% set secondary_links %}
+		<!-- EVENT secondary_navlinks_before -->
+		{% if definition.NAVLINKS|trim %}
+			{{ definition.NAVLINKS }}
+		{% endif %}
+		{% if !definition.NAVLINKS|trim || definition.NAVLINKS_SHOW_DEFAULT == 1 %}
+			<!-- IF U_WATCH_FORUM_LINK and not S_IS_BOT -->
+			<li data-last-responsive="true">
+				<a href="{U_WATCH_FORUM_LINK}" title="{S_WATCH_FORUM_TITLE}" data-ajax="toggle_link" data-toggle-class="icon <!-- IF S_WATCHING_FORUM -->fa-check-square-o<!-- ELSE -->fa-square-o<!-- ENDIF --> fa-fw" data-toggle-text="{S_WATCH_FORUM_TOGGLE}" data-toggle-url="{U_WATCH_FORUM_TOGGLE}">
+					<i class="icon <!-- IF S_WATCHING_FORUM -->fa-square-o<!-- ELSE -->fa-check-square-o<!-- ENDIF --> fa-fw" aria-hidden="true"></i><span>{S_WATCH_FORUM_TITLE}</span>
+				</a>
+			</li>
+			<!-- ENDIF -->
+		{% endif %}
+		<!-- EVENT secondary_navlinks_after -->
+		{% endset %}
+		{% if secondary_links|trim %}
+			{{ secondary_links }}
+			<!-- IF $NAVLINKS_SHOW_DEFAULT && S_DISPLAY_SEARCH -->
+				<li class="small-icon icon-search{% if definition.SEARCH_IN_NAVBAR == 1 && definition.SEARCH_BOX %} responsive-hide{% endif %}"><a href="{U_SEARCH}">{L_SEARCH}</a></li>
+				<!-- IF S_USER_LOGGED_IN -->
+					<li class="small-icon icon-new-posts"><a href="{U_SEARCH_NEW}" role="menuitem">{L_SEARCH_NEW}</a></li>
+				<!-- ENDIF -->
+			<!-- ENDIF -->
+		{% else %}
+			<!-- IF S_DISPLAY_SEARCH -->
+				<li class="small-icon icon-search{% if definition.SEARCH_IN_NAVBAR == 1 && definition.SEARCH_BOX %} responsive-hide{% endif %}"><a href="{U_SEARCH}">{L_SEARCH}</a></li>
+				<!-- IF S_USER_LOGGED_IN -->
+					<li class="small-icon icon-new-posts"><a href="{U_SEARCH_NEW}" role="menuitem">{L_SEARCH_NEW}</a></li>
+				<!-- ENDIF -->
+			<!-- ENDIF -->
+			<!-- IF not S_REGISTERED_USER -->
+				<li class="small-icon icon-login"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li>
+				<!-- IF S_REGISTER_ENABLED -->
+					<li class="small-icon icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li>
+				<!-- ENDIF -->
+			<!-- ELSEIF not S_DISPLAY_SEARCH -->
+				<li><a href="{U_PROFILE}" class="small-icon icon-profile">{CURRENT_USERNAME_SIMPLE}</a></li>
+			<!-- ENDIF -->
+		{% endif %}
+
+		{% if definition.SEARCH_IN_NAVBAR == 1 && definition.SEARCH_BOX %}
+			<li class="search-box not-responsive">{$SEARCH_BOX}</li>
+		{% endif %}
+	</ul>
+</div>
+
+<!-- DEFINE $BREADCRUMBS -->
+<div class="navbar">
+	<ul id="nav-breadcrumbs" class="nav-breadcrumbs linklist navlinks" role="menubar">
+		<!-- DEFINE $MICRODATA = ' itemtype="http://schema.org/ListItem" itemprop="itemListElement" itemscope' -->
+		{% set navlink_position = 1 %}
+		<!-- EVENT overall_header_breadcrumbs_before -->
+		<li class="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
+			<!-- IF U_SITE_HOME -->
+				<span class="crumb" {$MICRODATA}><a href="{U_SITE_HOME}" itemtype="https://schema.org/Thing" itemscope itemprop="item" data-navbar-reference="home"><i class="icon fa-home fa-fw" aria-hidden="true"></i><span itemprop="name">{L_SITE_HOME}</span></a><meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}" /></span>
+			<!-- ENDIF -->
+			<!-- EVENT overall_header_breadcrumb_prepend -->
+				<span class="crumb" {$MICRODATA}><a href="{U_INDEX}" itemtype="https://schema.org/Thing" itemscope itemprop="item" accesskey="h" data-navbar-reference="index"><!-- IF not U_SITE_HOME --><i class="icon fa-home fa-fw"></i><!-- ENDIF --><span itemprop="name">{L_INDEX}</span></a><meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}" /></span>
+
+			<!-- BEGIN navlinks -->
+				{% set NAVLINK_NAME = navlinks.BREADCRUMB_NAME | default(navlinks.FORUM_NAME) %}
+				{% set NAVLINK_LINK = navlinks.U_BREADCRUMB | default(navlinks.U_VIEW_FORUM) %}
+				<!-- EVENT overall_header_navlink_prepend -->
+				<span class="crumb" {$MICRODATA}<!-- IF navlinks.MICRODATA --> {navlinks.MICRODATA}<!-- ENDIF -->><a href="{{ NAVLINK_LINK }}" itemtype="https://schema.org/Thing" itemscope itemprop="item"><span itemprop="name">{{ NAVLINK_NAME }}</span></a><meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}" /></span>
+				<!-- EVENT overall_header_navlink_append -->
+			<!-- END navlinks -->
+			<!-- EVENT overall_header_breadcrumb_append -->
+		</li>
+		<!-- EVENT overall_header_breadcrumbs_after -->
+
+		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
+			<li class="rightside responsive-search">
+				<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}" role="menuitem">
+					<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
+				</a>
+			</li>
+		<!-- ENDIF -->
+		<li class="rightside dropdown-container icon-only">
+			<a href="#" class="dropdown-trigger time" title="{CURRENT_TIME}"><i class="fa fa-clock-o"></i></a>
+			<div class="dropdown">
+				<div class="pointer"><div class="pointer-inner"></div></div>
+				<ul class="dropdown-contents">
+					<li>{CURRENT_TIME}</li>
+					<li>{S_TIMEZONE}</li>
+				</ul>
+			</div>
+		</li>
+	</ul>
+</div>
+<!-- ENDDEFINE -->
+<!-- IF $WRAP_HEADER != 0 -->
+	{$BREADCRUMBS}
+	<!-- DEFINE $BREADCRUMBS = '' -->
+<!-- ENDIF -->
diff --git a/simplicity/template/notification_dropdown.html b/simplicity/template/notification_dropdown.html
new file mode 100644
index 0000000..73860fe
--- /dev/null
+++ b/simplicity/template/notification_dropdown.html
@@ -0,0 +1,47 @@
+<div id="notification_list" class="dropdown dropdown-extended notification_list">
+	<div class="pointer"><div class="pointer-inner"></div></div>
+	<div class="dropdown-contents">
+		<div class="header">
+			{L_NOTIFICATIONS}
+			<span class="header_settings">
+				<a href="{U_NOTIFICATION_SETTINGS}">{L_SETTINGS}</a>
+				<!-- IF NOTIFICATIONS_COUNT -->
+					<span id="mark_all_notifications"> &bull; <a href="{U_MARK_ALL_NOTIFICATIONS}" data-ajax="notification.mark_all_read">{L_MARK_ALL_READ}</a></span>
+				<!-- ENDIF -->
+			</span>
+		</div>
+
+		<ul>
+			<!-- IF not .notifications -->
+				<li class="no_notifications">
+					{L_NO_NOTIFICATIONS}
+				</li>
+			<!-- ENDIF -->
+			<!-- BEGIN notifications -->
+				<li class="dropdown-notification <!-- IF notifications.UNREAD --> bg3<!-- ENDIF --><!-- IF notifications.STYLING --> {notifications.STYLING}<!-- ENDIF --><!-- IF not notifications.URL --> no-url<!-- ENDIF -->">
+					<!-- IF notifications.URL -->
+						<a class="notification-block" href="<!-- IF notifications.UNREAD -->{notifications.U_MARK_READ}" data-real-url="{notifications.URL}<!-- ELSE -->{notifications.URL}<!-- ENDIF -->">
+					<!-- ENDIF -->
+						<!-- IF notifications.AVATAR -->{notifications.AVATAR}<!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.png" alt="" /><!-- ENDIF -->
+						<div class="notification_text">
+							<p class="notification-title">{notifications.FORMATTED_TITLE}</p>
+							<!-- IF notifications.REFERENCE --><p class="notification-reference">{notifications.REFERENCE}</p><!-- ENDIF -->
+							<!-- IF notifications.FORUM --><p class="notification-forum">{notifications.FORUM}</p><!-- ENDIF -->
+							<!-- IF notifications.REASON --><p class="notification-reason">{notifications.REASON}</p><!-- ENDIF -->
+							<p class="notification-time">{notifications.TIME}</p>
+						</div>
+					<!-- IF notifications.URL --></a><!-- ENDIF -->
+					<!-- IF notifications.UNREAD -->
+						<a href="{notifications.U_MARK_READ}" class="mark_read icon-mark" data-ajax="notification.mark_read" title="{L_MARK_READ}">
+							 <span class="sr-only">{L_MARK_READ}</span>
+						</a>
+					<!-- ENDIF -->
+				</li>
+			<!-- END notifications -->
+		</ul>
+
+		<div class="footer">
+			<a href="{U_VIEW_ALL_NOTIFICATIONS}"><span>{L_SEE_ALL}</span></a>
+		</div>
+	</div>
+</div>
diff --git a/simplicity/template/overall_footer.html b/simplicity/template/overall_footer.html
new file mode 100644
index 0000000..f56a413
--- /dev/null
+++ b/simplicity/template/overall_footer.html
@@ -0,0 +1,130 @@
+		<!-- EVENT overall_footer_content_after -->
+	</div>
+
+<!-- EVENT overall_footer_page_body_after -->
+
+<!-- IF $WRAP_FOOTER == 0 -->
+	<!-- INCLUDE navbar_footer.html -->
+</div>
+<!-- ENDIF -->
+
+<div id="page-footer" class="page-width" role="contentinfo">
+	<!-- IF $WRAP_FOOTER == 1 -->
+		<!-- INCLUDE navbar_footer.html -->
+	<!-- ENDIF -->
+
+	<div class="copyright">
+		<!-- EVENT overall_footer_copyright_prepend -->
+		<p class="footer-row">
+			<span class="footer-copyright">{{ CREDIT_LINE }}</span>
+		</p>
+		<p class="footer-row">
+			<span class="footer-copyright">Style {{ lang('POST_BY_AUTHOR') }} <a href="https://www.artodia.com/">Arty</a> - phpBB 3.3 {{ lang('POST_BY_AUTHOR') }} MrGaby</span>
+		</p>
+		<!-- IF TRANSLATION_INFO -->
+		<p class="footer-row">
+			<span class="footer-copyright">{{ TRANSLATION_INFO }}</span>
+		</p>
+		<!-- ENDIF -->
+		<!-- EVENT overall_footer_copyright_append -->
+		<p class="footer-row" role="menu">
+			<a class="footer-link" href="{{ U_PRIVACY }}" title="{{ lang('PRIVACY_LINK') }}" role="menuitem">
+				<span class="footer-link-text">{{ lang('PRIVACY_LINK') }}</span>
+			</a>
+			|
+			<a class="footer-link" href="{{ U_TERMS_USE }}" title="{{ lang('TERMS_LINK') }}" role="menuitem">
+				<span class="footer-link-text">{{ lang('TERMS_LINK') }}</span>
+			</a>
+		</p>
+		<!-- IF DEBUG_OUTPUT -->
+		<p class="footer-row">
+			<span class="footer-info">{{ DEBUG_OUTPUT }}</span>
+		</p>
+		<!-- ENDIF -->
+		<!-- IF U_ACP -->
+		<p class="footer-row">
+			<a class="footer-link text-strong" href="{{ U_ACP }}">{{ lang('ACP') }}</a>
+		</p>
+		<!-- ENDIF -->
+	</div>
+
+	<div id="darkenwrapper" class="darkenwrapper" data-ajax-error-title="{L_AJAX_ERROR_TITLE}" data-ajax-error-text="{L_AJAX_ERROR_TEXT}" data-ajax-error-text-abort="{L_AJAX_ERROR_TEXT_ABORT}" data-ajax-error-text-timeout="{L_AJAX_ERROR_TEXT_TIMEOUT}" data-ajax-error-text-parsererror="{L_AJAX_ERROR_TEXT_PARSERERROR}">
+		<div id="darken" class="darken">&nbsp;</div>
+	</div>
+
+	<div id="phpbb_alert" class="phpbb_alert" data-l-err="{L_ERROR}" data-l-timeout-processing-req="{L_TIMEOUT_PROCESSING_REQ}">
+		<a href="#" class="alert_close">
+		</a>
+		<h3 class="alert_title">&nbsp;</h3><p class="alert_text"></p>
+	</div>
+	<div id="phpbb_confirm" class="phpbb_alert">
+		<a href="#" class="alert_close">
+		</a>
+		<div class="alert_text"></div>
+	</div>
+</div>
+
+<!-- IF $WRAP_FOOTER == 1 -->
+</div>
+<!-- ENDIF -->
+
+<div>
+	<a id="bottom" class="top-anchor" accesskey="z"></a>
+	<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
+</div>
+
+<script src="{T_JQUERY_LINK}"></script>
+<!-- IF S_ALLOW_CDN --><script>window.jQuery || document.write('\x3Cscript src="{T_ASSETS_PATH}/javascript/jquery-3.4.1.min.js?assets_version={T_ASSETS_VERSION}">\x3C/script>');</script><!-- ENDIF -->
+<script src="{T_ASSETS_PATH}/javascript/core.js?assets_version={T_ASSETS_VERSION}"></script>
+<!-- INCLUDEJS forum_fn.js -->
+<!-- INCLUDEJS ajax.js -->
+<!-- IF S_ALLOW_CDN -->
+	<script>
+		(function($){
+			var $fa_cdn = $('head').find('link[rel="stylesheet"]').first(),
+				$span = $('<span class="fa" style="display:none"></span>').appendTo('body');
+			if ($span.css('fontFamily') !== 'FontAwesome' ) {
+				$fa_cdn.after('<link href="{T_ASSETS_PATH}/css/font-awesome.min.css" rel="stylesheet">');
+				$fa_cdn.remove();
+			}
+			$span.remove();
+		})(jQuery);
+	</script>
+<!-- ENDIF -->
+
+<!-- IF S_COOKIE_NOTICE -->
+	<script src="{T_ASSETS_PATH}/cookieconsent/cookieconsent.min.js?assets_version={T_ASSETS_VERSION}"></script>
+	<script>
+	if (typeof window.cookieconsent === "object") {
+		window.addEventListener("load", function(){
+			window.cookieconsent.initialise({
+				"palette": {
+					"popup": {
+						"background": "#0F538A"
+					},
+					"button": {
+						"background": "#E5E5E5"
+					}
+				},
+				"theme": "classic",
+				"content": {
+					"message": "{LA_COOKIE_CONSENT_MSG}",
+					"dismiss": "{LA_COOKIE_CONSENT_OK}",
+					"link": "{LA_COOKIE_CONSENT_INFO}",
+                    "href": "{UA_PRIVACY}"
+                }
+            });
+        });
+    }
+	</script>
+<!-- ENDIF -->
+
+<!-- EVENT overall_footer_after -->
+
+<!-- IF S_PLUPLOAD --><!-- INCLUDE plupload.html --><!-- ENDIF -->
+{$SCRIPTS}
+
+<!-- EVENT overall_footer_body_after -->
+
+</body>
+</html>
diff --git a/simplicity/template/overall_header.html b/simplicity/template/overall_header.html
new file mode 100644
index 0000000..cfb8323
--- /dev/null
+++ b/simplicity/template/overall_header.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}">
+<head>
+<meta charset="utf-8" />
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+{META}
+<title><!-- IF UNREAD_NOTIFICATIONS_COUNT -->({UNREAD_NOTIFICATIONS_COUNT}) <!-- ENDIF --><!-- IF not S_VIEWTOPIC and not S_VIEWFORUM -->{SITENAME} - <!-- ENDIF --><!-- IF S_IN_MCP -->{L_MCP} - <!-- ELSEIF S_IN_UCP -->{L_UCP} - <!-- ENDIF -->{PAGE_TITLE}<!-- IF S_VIEWTOPIC or S_VIEWFORUM --> - {SITENAME}<!-- ENDIF --></title>
+
+<!-- INCLUDE _style_config.html -->
+
+<!-- IF S_ENABLE_FEEDS -->
+	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{{ path('phpbb_feed_index') }}"><!-- ENDIF -->
+	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{{ path('phpbb_feed_news') }}"><!-- ENDIF -->
+	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{{ path('phpbb_feed_forums') }}"><!-- ENDIF -->
+	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{{ path('phpbb_feed_topics') }}"><!-- ENDIF -->
+	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{{ path('phpbb_feed_topics_active') }}"><!-- ENDIF -->
+	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{{ path('phpbb_feed_forum', { forum_id : S_FORUM_ID } ) }}"><!-- ENDIF -->
+	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{{ path('phpbb_feed_topic', { topic_id : S_TOPIC_ID } ) }}"><!-- ENDIF -->
+	<!-- EVENT overall_header_feeds -->
+<!-- ENDIF -->
+
+<!-- IF U_CANONICAL -->
+	<link rel="canonical" href="{U_CANONICAL}">
+<!-- ENDIF -->
+
+<!--
+	phpBB style name: simplicity
+	Based on style:   prosilver
+	Original author:  Arty ( https://www.artodia.com )
+	Modified by: 	  MrGaby
+-->
+
+<!-- IF S_ALLOW_CDN -->
+<script>
+	WebFontConfig = {
+		google: {
+			families: ['Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese']
+		}
+	};
+
+	(function(d) {
+		var wf = d.createElement('script'), s = d.scripts[0];
+		wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js';
+		wf.async = true;
+		s.parentNode.insertBefore(wf, s);
+	})(document);
+</script>
+<!-- ENDIF -->
+
+<link href="{T_FONT_AWESOME_LINK}" rel="stylesheet">
+<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
+
+<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
+	<link href="{T_THEME_PATH}/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
+<!-- ENDIF -->
+
+<!-- IF S_PLUPLOAD -->
+	<link href="{T_THEME_PATH}/plupload.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
+<!-- ENDIF -->
+
+<!-- IF S_COOKIE_NOTICE -->
+	<link href="{T_ASSETS_PATH}/cookieconsent/cookieconsent.min.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
+<!-- ENDIF -->
+
+<!--[if lte IE 9]>
+	<link href="{T_THEME_PATH}/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
+<![endif]-->
+
+<!-- EVENT overall_header_head_append -->
+
+{$STYLESHEETS}
+
+<!-- EVENT overall_header_stylesheets_after -->
+
+</head>
+<body id="phpbb" class="nojs notouch section-{SCRIPT_NAME} {S_CONTENT_DIRECTION} {BODY_CLASS}" data-online-text="{L_ONLINE}">
+
+<!-- EVENT overall_header_body_before -->
+
+<!-- IF $WRAP_HEADER == 1 -->
+<div id="wrap" class="page-width">
+<!-- ENDIF -->
+	<a id="top" class="top-anchor" accesskey="t"></a>
+	<div id="page-header" class="page-width">
+		<div class="headerbar" role="banner">
+		<!-- EVENT overall_header_headerbar_before -->
+			<div class="inner">
+
+			<div id="site-description" class="site-description">
+				<a id="logo" class="logo" href="{% if U_SITE_HOME %}{{ U_SITE_HOME }}{% else %}{{ U_INDEX }}{% endif %}" title="{% if U_SITE_HOME %}{{ L_SITE_HOME }}{% else %}{{ L_INDEX }}{% endif %}">
+					<img src="{T_THEME_PATH}/images/logo.png" data-src-hd="{T_THEME_PATH}/images/logo_hd.png" alt="{SITENAME}"/>
+				</a>
+				<p class="sitename">{SITENAME}</p>
+				<p>{SITE_DESCRIPTION}</p>
+				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
+			</div>
+
+			<!-- EVENT overall_header_searchbox_before -->
+			<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
+			<!-- DEFINE $SEARCH_BOX -->
+			<div id="search-box" class="search-box search-header" role="search">
+				<form action="{U_SEARCH}" method="get" id="search">
+				<fieldset>
+					<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
+					<button class="button button-search" type="submit" title="{L_SEARCH}">
+						<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
+					</button>
+					<a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
+						<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
+					</a>
+					{S_SEARCH_HIDDEN_FIELDS}
+				</fieldset>
+				</form>
+			</div>
+			<!-- ENDDEFINE -->
+			<!-- IF $SEARCH_IN_NAVBAR == 0 -->{$SEARCH_BOX}<!-- ENDIF -->
+			<!-- ENDIF -->
+			<!-- EVENT overall_header_searchbox_after -->
+
+			</div>
+			<!-- EVENT overall_header_headerbar_after -->
+		</div>
+
+<!-- IF $WRAP_HEADER == 2 -->
+</div>
+<div id="wrap" class="page-width">
+<div>
+<!-- ENDIF -->
+
+		<!-- EVENT overall_header_navbar_before -->
+		<!-- INCLUDE navbar_header.html -->
+	</div>
+
+<!-- IF $WRAP_HEADER == 0 -->
+<div id="wrap" class="page-width">
+<!-- ENDIF -->
+
+	<!-- EVENT overall_header_page_body_before -->
+
+	<a id="start_here" class="top-anchor"></a>
+	<div id="page-body" class="page-body" role="main">
+		{$BREADCRUMBS}
+		<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
+		<div id="information" class="rules">
+			<div class="inner">
+				<strong>{L_INFORMATION}{L_COLON}</strong> {L_BOARD_DISABLED}
+			</div>
+		</div>
+		<!-- ENDIF -->
+
+		<!-- EVENT overall_header_content_before -->
diff --git a/simplicity/template/search_body.html b/simplicity/template/search_body.html
new file mode 100644
index 0000000..fcc7126
--- /dev/null
+++ b/simplicity/template/search_body.html
@@ -0,0 +1,136 @@
+<!-- INCLUDE overall_header.html -->
+
+<h2 class="solo">{L_SEARCH}</h2>
+
+<!-- EVENT search_body_form_before -->
+<form method="get" action="{S_SEARCH_ACTION}" data-focus="keywords">
+
+<div class="panel">
+	<div class="inner">
+	<h3>{L_SEARCH_QUERY}</h3>
+
+	<!-- EVENT search_body_search_query_before -->
+	<fieldset>
+	<!-- EVENT search_body_search_query_prepend -->
+	<dl>
+		<dt><label for="keywords">{L_SEARCH_KEYWORDS}{L_COLON}</label><br /><span>{L_SEARCH_KEYWORDS_EXPLAIN}</span></dt>
+		<dd><input type="search" class="inputbox" name="keywords" id="keywords" size="40" title="{L_SEARCH_KEYWORDS}" /></dd>
+		<dd><label for="terms1"><input type="radio" name="terms" id="terms1" value="all" checked="checked" /> {L_SEARCH_ALL_TERMS}</label></dd>
+		<dd><label for="terms2"><input type="radio" name="terms" id="terms2" value="any" /> {L_SEARCH_ANY_TERMS}</label></dd>
+	</dl>
+	<dl>
+		<dt><label for="author">{L_SEARCH_AUTHOR}{L_COLON}</label><br /><span>{L_SEARCH_AUTHOR_EXPLAIN}</span></dt>
+		<dd><input type="search" class="inputbox" name="author" id="author" size="40" title="{L_SEARCH_AUTHOR}" /></dd>
+	</dl>
+	<!-- EVENT search_body_search_query_append -->
+	</fieldset>
+	<!-- EVENT search_body_search_query_after -->
+
+	</div>
+</div>
+
+<div class="panel bg2">
+	<div class="inner">
+
+	<h3>{L_SEARCH_OPTIONS}</h3>
+
+	<!-- EVENT search_body_search_options_before -->
+	<fieldset>
+	<!-- EVENT search_body_search_options_prepend -->
+	<dl>
+		<dt><label for="search_forum">{L_SEARCH_FORUMS}{L_COLON}</label><br /><span>{L_SEARCH_FORUMS_EXPLAIN}</span></dt>
+		<dd><select name="fid[]" id="search_forum" multiple="multiple" size="8" title="{L_SEARCH_FORUMS}">{S_FORUM_OPTIONS}</select></dd>
+	</dl>
+	<dl>
+		<dt><label for="search_child1">{L_SEARCH_SUBFORUMS}{L_COLON}</label></dt>
+		<dd>
+			<label for="search_child1"><input type="radio" name="sc" id="search_child1" value="1" checked="checked" /> {L_YES}</label>
+			<label for="search_child2"><input type="radio" name="sc" id="search_child2" value="0" /> {L_NO}</label>
+		</dd>
+	</dl>
+	<dl>
+		<dt><label for="sf1">{L_SEARCH_WITHIN}{L_COLON}</label></dt>
+		<dd><label for="sf1"><input type="radio" name="sf" id="sf1" value="all" checked="checked" /> {L_SEARCH_TITLE_MSG}</label></dd>
+		<dd><label for="sf2"><input type="radio" name="sf" id="sf2" value="msgonly" /> {L_SEARCH_MSG_ONLY}</label></dd>
+		<dd><label for="sf3"><input type="radio" name="sf" id="sf3" value="titleonly" /> {L_SEARCH_TITLE_ONLY}</label></dd>
+		<dd><label for="sf4"><input type="radio" name="sf" id="sf4" value="firstpost" /> {L_SEARCH_FIRST_POST}</label></dd>
+	</dl>
+	<!-- EVENT search_body_search_options_append -->
+
+	<hr class="dashed" />
+
+	<!-- EVENT search_body_search_display_options_prepend -->
+	<dl>
+		<dt><label for="show_results1">{L_DISPLAY_RESULTS}{L_COLON}</label></dt>
+		<dd>
+			<label for="show_results1"><input type="radio" name="sr" id="show_results1" value="posts" checked="checked" /> {L_POSTS}</label>
+			<label for="show_results2"><input type="radio" name="sr" id="show_results2" value="topics" /> {L_TOPICS}</label>
+		</dd>
+	</dl>
+	<dl>
+		<dt><label for="sd">{L_RESULT_SORT}{L_COLON}</label></dt>
+		<dd>{S_SELECT_SORT_KEY}&nbsp;
+			<label for="sa"><input type="radio" name="sd" id="sa" value="a" /> {L_SORT_ASCENDING}</label>
+			<label for="sd"><input type="radio" name="sd" id="sd" value="d" checked="checked" /> {L_SORT_DESCENDING}</label>
+		</dd>
+	</dl>
+	<dl>
+		<dt><label>{L_RESULT_DAYS}{L_COLON}</label></dt>
+		<dd>{S_SELECT_SORT_DAYS}</dd>
+	</dl>
+	<dl>
+		<dt><label>{L_RETURN_FIRST}{L_COLON}</label></dt>
+		<dd><select name="ch" title="{L_RETURN_FIRST}">{S_CHARACTER_OPTIONS}</select> {L_POST_CHARACTERS}</dd>
+	</dl>
+	<!-- EVENT search_body_search_display_options_append -->
+	</fieldset>
+	<!-- EVENT search_body_search_options_after -->
+
+	</div>
+</div>
+
+<div class="panel bg1">
+	<div class="inner">
+
+	<fieldset class="submit-buttons">
+		{S_HIDDEN_FIELDS}<input type="reset" value="{L_RESET}" name="reset" class="button2" />&nbsp;
+		<input type="submit" name="submit" value="{L_SEARCH}" class="button1" />
+	</fieldset>
+
+	</div>
+</div>
+
+</form>
+<!-- EVENT search_body_form_after -->
+
+<!-- EVENT search_body_recent_search_before -->
+<!-- IF .recentsearch -->
+<div class="forumbg forumbg-table">
+	<div class="inner">
+
+	<table class="table1">
+	<thead>
+	<tr>
+		<th colspan="2" class="name">{L_RECENT_SEARCHES}</th>
+	</tr>
+	</thead>
+	<tbody>
+	<!-- BEGIN recentsearch -->
+		<tr class="<!-- IF recentsearch.S_ROW_COUNT is even -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
+			<td><a href="{recentsearch.U_KEYWORDS}">{recentsearch.KEYWORDS}</a></td>
+			<td class="active">{recentsearch.TIME}</td>
+		</tr>
+	<!-- BEGINELSE -->
+		<tr class="bg1">
+			<td colspan="2">{L_NO_RECENT_SEARCHES}</td>
+		</tr>
+	<!-- END recentsearch -->
+	</tbody>
+	</table>
+
+	</div>
+</div>
+<!-- ENDIF -->
+<!-- EVENT search_body_recent_search_after -->
+
+<!-- INCLUDE overall_footer.html -->
diff --git a/simplicity/template/search_results.html b/simplicity/template/search_results.html
new file mode 100644
index 0000000..e6d6bcd
--- /dev/null
+++ b/simplicity/template/search_results.html
@@ -0,0 +1,244 @@
+<!-- INCLUDE overall_header.html -->
+
+<!-- EVENT search_results_header_before -->
+
+<h2 class="searchresults-title"><!-- IF SEARCH_TITLE -->{SEARCH_TITLE}<!-- ELSE -->{SEARCH_MATCHES}<!-- ENDIF --><!-- IF SEARCH_WORDS -->{L_COLON} <a href="{U_SEARCH_WORDS}">{SEARCH_WORDS}</a><!-- ENDIF --></h2>
+<!-- IF SEARCHED_QUERY --> <p>{L_SEARCHED_QUERY}{L_COLON} <strong>{SEARCHED_QUERY}</strong></p><!-- ENDIF -->
+<!-- IF IGNORED_WORDS --> <p>{L_IGNORED_TERMS}{L_COLON} <strong>{IGNORED_WORDS}</strong></p><!-- ENDIF -->
+<!-- IF PHRASE_SEARCH_DISABLED --> <p><strong>{L_PHRASE_SEARCH_DISABLED}</strong></p><!-- ENDIF -->
+
+<!-- IF SEARCH_TOPIC -->
+	<p class="return-link">
+		<a class="arrow-{S_CONTENT_FLOW_BEGIN}" href="{U_SEARCH_TOPIC}">
+			<i class="icon fa-angle-{S_CONTENT_FLOW_BEGIN} fa-fw icon-black" aria-hidden="true"></i><span>{L_RETURN_TO_TOPIC}</span>
+		</a>
+	</p>
+<!-- ELSE -->
+	<p class="advanced-search-link">
+		<a class="arrow-{S_CONTENT_FLOW_BEGIN}" href="{U_SEARCH}" title="{L_SEARCH_ADV}">
+			<i class="icon fa-angle-{S_CONTENT_FLOW_BEGIN} fa-fw icon-black" aria-hidden="true"></i><span>{L_GO_TO_SEARCH_ADV}</span>
+		</a>
+	</p>
+<!-- ENDIF -->
+
+<!-- EVENT search_results_header_after -->
+
+<!-- IF .pagination or SEARCH_MATCHES or TOTAL_MATCHES or PAGE_NUMBER -->
+	<div class="action-bar bar-top">
+
+	<!-- IF TOTAL_MATCHES > 0 -->
+		<div class="search-box" role="search">
+			<form method="post" action="{S_SEARCH_ACTION}">
+			<fieldset>
+				<input class="inputbox search tiny" type="search" name="add_keywords" id="add_keywords" value="" placeholder="{L_SEARCH_IN_RESULTS}" />
+				<button class="button button-search" type="submit" title="{L_SEARCH}">
+					<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
+				</button>
+				<a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
+					<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
+				</a>
+			</fieldset>
+			</form>
+		</div>
+	<!-- ENDIF -->
+
+		<!-- EVENT search_results_searchbox_after -->
+
+		<div class="pagination">
+			<!-- IF U_MARK_ALL_READ --><a href="{U_MARK_ALL_READ}" class="mark-read" accesskey="m">{L_MARK_ALL_READ}</a> &bull;<!-- ENDIF -->
+			{SEARCH_MATCHES}
+			<!-- IF .pagination -->
+				<!-- INCLUDE pagination.html -->
+			<!-- ELSE -->
+				 &bull; {PAGE_NUMBER}
+			<!-- ENDIF -->
+		</div>
+	</div>
+<!-- ENDIF -->
+
+<!-- IF S_SHOW_TOPICS -->
+
+	<!-- IF .searchresults -->
+	<div class="forumbg">
+
+		<div class="inner">
+		<ul class="topiclist">
+			<li class="header">
+				<dl class="row-item">
+					<dt><div class="list-inner">{L_TOPICS}</div></dt>
+					<dd class="posts">{L_REPLIES}</dd>
+					<dd class="views">{L_VIEWS}</dd>
+					<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
+				</dl>
+			</li>
+		</ul>
+		<ul class="topiclist topics">
+
+		<!-- BEGIN searchresults -->
+			<!-- EVENT search_results_topic_before -->
+			<li class="row<!-- IF searchresults.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF -->">
+				<dl class="row-item {searchresults.TOPIC_IMG_STYLE}">
+					<dt<!-- IF searchresults.TOPIC_ICON_IMG --> style="background-image: url({T_ICONS_PATH}{searchresults.TOPIC_ICON_IMG}); background-repeat: no-repeat;"<!-- ENDIF --> title="{searchresults.TOPIC_FOLDER_IMG_ALT}">
+						<!-- IF searchresults.S_UNREAD_TOPIC and not S_IS_BOT --><a href="{searchresults.U_NEWEST_POST}" class="row-item-link"></a><!-- ENDIF -->
+						<div class="list-inner">
+							<!-- EVENT topiclist_row_prepend -->
+							<!-- IF searchresults.S_UNREAD_TOPIC and not S_IS_BOT -->
+								<a class="unread" href="{searchresults.U_NEWEST_POST}">
+									<i class="icon fa-file fa-fw icon-red icon-md" aria-hidden="true"></i><span class="sr-only">{L_NEW_POST}</span>
+								</a>
+							<!-- ENDIF -->
+							<a href="{searchresults.U_VIEW_TOPIC}" class="topictitle">{searchresults.TOPIC_TITLE}</a>
+							<!-- IF searchresults.S_TOPIC_UNAPPROVED or searchresults.S_POSTS_UNAPPROVED -->
+								<a href="{searchresults.U_MCP_QUEUE}" title="{L_TOPIC_UNAPPROVED}">
+									<i class="icon fa-question fa-fw icon-blue" aria-hidden="true"></i><span class="sr-only">{L_TOPIC_UNAPPROVED}</span>
+								</a>
+							<!-- ENDIF -->
+							<!-- IF searchresults.S_TOPIC_DELETED -->
+								<a href="{searchresults.U_MCP_QUEUE}" title="{L_TOPIC_DELETED}">
+									<i class="icon fa-recycle fa-fw icon-green" aria-hidden="true"></i><span class="sr-only">{L_TOPIC_DELETED}</span>
+								</a>
+							<!-- ENDIF -->
+							<!-- IF searchresults.S_TOPIC_REPORTED -->
+								<a href="{searchresults.U_MCP_REPORT}" title="{L_TOPIC_REPORTED}">
+									<i class="icon fa-exclamation fa-fw icon-red" aria-hidden="true"></i><span class="sr-only">{L_TOPIC_REPORTED}</span>
+								</a>
+							<!-- ENDIF -->
+							<br />
+							<!-- EVENT topiclist_row_topic_title_after -->
+
+							<!-- IF not S_IS_BOT -->
+								<div class="responsive-show" style="display: none;">
+									{L_LAST_POST} {L_POST_BY_AUTHOR} <!-- EVENT search_results_last_post_author_username_prepend -->{searchresults.LAST_POST_AUTHOR_FULL}<!-- EVENT search_results_last_post_author_username_append --> &laquo; <a href="{searchresults.U_LAST_POST}" title="{L_GOTO_LAST_POST}"><time datetime="{searchresults.LAST_POST_TIME_RFC3339}">{searchresults.LAST_POST_TIME}</time></a>
+									<br />{L_POSTED} {L_IN} <a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_TITLE}</a>
+								</div>
+							<!-- IF searchresults.TOPIC_REPLIES --><span class="responsive-show left-box" style="display: none;">{L_REPLIES}{L_COLON} <strong>{searchresults.TOPIC_REPLIES}</strong></span><!-- ENDIF -->
+							<!-- ENDIF -->
+
+							<div class="responsive-hide left-box">
+								<!-- IF searchresults.S_HAS_POLL --><i class="icon fa-bar-chart fa-fw" aria-hidden="true"></i><!-- ENDIF -->
+								<!-- IF searchresults.ATTACH_ICON_IMG --><i class="icon fa-paperclip fa-fw" aria-hidden="true"></i><!-- ENDIF -->
+								{% EVENT topiclist_row_topic_by_author_before %}
+								{L_POST_BY_AUTHOR} <!-- EVENT search_results_topic_author_username_prepend -->{searchresults.TOPIC_AUTHOR_FULL}<!-- EVENT search_results_topic_author_username_append --> &raquo; <time datetime="{searchresults.FIRST_POST_TIME_RFC3339}">{searchresults.FIRST_POST_TIME}</time> &raquo; {L_IN} <a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_TITLE}</a>
+								{% EVENT topiclist_row_topic_by_author_after %}
+							</div>
+
+							<!-- IF .searchresults.pagination -->
+							<div class="pagination">
+								<span><i class="icon fa-clone fa-fw" aria-hidden="true"></i></span>
+								<ul>
+								<!-- BEGIN pagination -->
+									<!-- IF searchresults.pagination.S_IS_PREV -->
+									<!-- ELSEIF searchresults.pagination.S_IS_CURRENT --><li class="active"><span>{searchresults.pagination.PAGE_NUMBER}</span></li>
+									<!-- ELSEIF searchresults.pagination.S_IS_ELLIPSIS --><li class="ellipsis"><span>{L_ELLIPSIS}</span></li>
+									<!-- ELSEIF searchresults.pagination.S_IS_NEXT -->
+									<!-- ELSE --><li><a class="button" href="{searchresults.pagination.PAGE_URL}">{searchresults.pagination.PAGE_NUMBER}</a></li>
+									<!-- ENDIF -->
+								<!-- END pagination -->
+								</ul>
+							</div>
+							<!-- ENDIF -->
+
+							<!-- EVENT topiclist_row_append -->
+						</div>
+					</dt>
+					<dd class="posts">{searchresults.TOPIC_REPLIES} <dfn>{L_REPLIES}</dfn></dd>
+					<dd class="views">{searchresults.TOPIC_VIEWS} <dfn>{L_VIEWS}</dfn></dd>
+					<dd class="lastpost">
+						<span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} <!-- EVENT search_results_last_post_author_username_prepend -->{searchresults.LAST_POST_AUTHOR_FULL}<!-- EVENT search_results_last_post_author_username_append -->
+							<!-- IF not S_IS_BOT -->
+								<a href="{searchresults.U_LAST_POST}" title="{L_GOTO_LAST_POST}">
+									<i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">{VIEW_LATEST_POST}</span>
+								</a>
+							<!-- ENDIF -->
+							<br /><time datetime="{searchresults.LAST_POST_TIME_RFC3339}">{searchresults.LAST_POST_TIME}</time>
+						</span>
+					</dd>
+				</dl>
+			</li>
+			<!-- EVENT search_results_topic_after -->
+		<!-- END searchresults -->
+		</ul>
+
+		</div>
+	</div>
+	<!-- ELSE -->
+		<div class="panel">
+			<div class="inner">
+			<strong>{L_NO_SEARCH_RESULTS}</strong>
+			</div>
+		</div>
+	<!-- ENDIF -->
+
+<!-- ELSE -->
+
+	<!-- BEGIN searchresults -->
+		<!-- EVENT search_results_post_before -->
+		<div class="search post <!-- IF searchresults.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF searchresults.S_POST_REPORTED --> reported<!-- ENDIF -->">
+			<div class="inner">
+
+	<!-- IF searchresults.S_IGNORE_POST -->
+		<div class="postbody"><div class="postbody-inner">
+			{searchresults.L_IGNORE_POST}
+		</div></div>
+	<!-- ELSE -->
+		<dl class="postprofile">
+			<!-- EVENT search_results_postprofile_before -->
+			<dt class="author">{L_POST_BY_AUTHOR} <!-- EVENT search_results_post_author_username_prepend -->{searchresults.POST_AUTHOR_FULL}<!-- EVENT search_results_post_author_username_append --></dt>
+			<dd class="search-result-date">{searchresults.POST_DATE}</dd>
+			<dd>{L_FORUM}{L_COLON} <a href="{searchresults.U_VIEW_FORUM}">{searchresults.FORUM_TITLE}</a></dd>
+			<dd>{L_TOPIC}{L_COLON} <a href="{searchresults.U_VIEW_TOPIC}">{searchresults.TOPIC_TITLE}</a></dd>
+			<!-- EVENT search_results_topic_title_after -->
+			<dd>{L_REPLIES}{L_COLON} <strong>{searchresults.TOPIC_REPLIES}</strong></dd>
+			<dd>{L_VIEWS}{L_COLON} <strong>{searchresults.TOPIC_VIEWS}</strong></dd>
+			<!-- EVENT search_results_postprofile_after -->
+		</dl>
+
+		<div class="postbody"><div class="postbody-inner">
+			<h3><a href="{searchresults.U_VIEW_POST}">{searchresults.POST_SUBJECT}</a></h3>
+			<div class="content">{searchresults.MESSAGE}</div>
+			<!-- EVENT search_results_content_after -->
+		</div></div>
+	<!-- ENDIF -->
+
+	<!-- IF not searchresults.S_IGNORE_POST -->
+		<ul class="searchresults">
+			<li>
+				<a href="{searchresults.U_VIEW_POST}" class="arrow-{S_CONTENT_FLOW_END}">
+					<i class="icon fa-angle-{S_CONTENT_FLOW_END} fa-fw icon-black" aria-hidden="true"></i><span>{L_JUMP_TO_POST}</span>
+				</a>
+			</li>
+		</ul>
+	<!-- ENDIF -->
+
+			</div>
+		</div>
+		<!-- EVENT search_results_post_after -->
+	<!-- BEGINELSE -->
+		<div class="panel">
+			<div class="inner">
+			<strong>{L_NO_SEARCH_RESULTS}</strong>
+			</div>
+		</div>
+	<!-- END searchresults -->
+<!-- ENDIF -->
+
+<div class="action-bar bottom">
+	<!-- IF .searchresults and (S_SELECT_SORT_DAYS or S_SELECT_SORT_KEY) -->
+	<form method="post" action="{S_SEARCH_ACTION}">
+		<!-- INCLUDE display_options.html -->
+	</form>
+		<!-- ENDIF -->
+
+	<div class="pagination">
+		{SEARCH_MATCHES}
+		<!-- IF .pagination -->
+			<!-- INCLUDE pagination.html -->
+		<!-- ELSE -->
+			 &bull; {PAGE_NUMBER}
+		<!-- ENDIF -->
+	</div>
+</div>
+
+<!-- INCLUDE jumpbox.html -->
+
+<!-- INCLUDE overall_footer.html -->
diff --git a/simplicity/template/simple_footer.html b/simplicity/template/simple_footer.html
new file mode 100644
index 0000000..afaea36
--- /dev/null
+++ b/simplicity/template/simple_footer.html
@@ -0,0 +1,39 @@
+	</div>
+
+	<div class="copyright" role="contentinfo">{CREDIT_LINE}
+		<br />Style {{ lang('POST_BY_AUTHOR') }} <a href="https://www.artodia.com/">Arty</a> - phpBB 3.3 {{ lang('POST_BY_AUTHOR') }} MrGaby
+		<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
+		<!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
+	</div>
+
+	<div id="darkenwrapper" class="darkenwrapper" data-ajax-error-title="{L_AJAX_ERROR_TITLE}" data-ajax-error-text="{L_AJAX_ERROR_TEXT}" data-ajax-error-text-abort="{L_AJAX_ERROR_TEXT_ABORT}" data-ajax-error-text-timeout="{L_AJAX_ERROR_TEXT_TIMEOUT}" data-ajax-error-text-parsererror="{L_AJAX_ERROR_TEXT_PARSERERROR}">
+		<div id="darken" class="darken">&nbsp;</div>
+	</div>
+	<div id="loading_indicator" class="loading_indicator"></div>
+
+	<div id="phpbb_alert" class="phpbb_alert" data-l-err="{L_ERROR}" data-l-timeout-processing-req="{L_TIMEOUT_PROCESSING_REQ}">
+		<a href="#" class="alert_close">
+		</a>
+		<h3 class="alert_title"></h3><p class="alert_text"></p>
+	</div>
+	<div id="phpbb_confirm" class="phpbb_confirm phpbb_alert">
+		<a href="#" class="alert_close">
+		</a>
+		<div class="alert_text"></div>
+	</div>
+</div>
+
+<script src="{T_JQUERY_LINK}"></script>
+<!-- IF S_ALLOW_CDN --><script>window.jQuery || document.write('\x3Cscript src="{T_ASSETS_PATH}/javascript/jquery-3.4.1.min.js?assets_version={T_ASSETS_VERSION}">\x3C/script>');</script><!-- ENDIF -->
+<script src="{T_ASSETS_PATH}/javascript/core.js?assets_version={T_ASSETS_VERSION}"></script>
+<!-- INCLUDEJS forum_fn.js -->
+<!-- INCLUDEJS ajax.js -->
+
+<!-- EVENT simple_footer_after -->
+
+{$SCRIPTS}
+
+{% EVENT simple_footer_body_after %}
+
+</body>
+</html>
diff --git a/simplicity/template/simple_header.html b/simplicity/template/simple_header.html
new file mode 100644
index 0000000..04e56d5
--- /dev/null
+++ b/simplicity/template/simple_header.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}">
+<head>
+<meta charset="utf-8" />
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+{META}
+<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>
+
+<!-- IF S_ALLOW_CDN -->
+<script>
+	WebFontConfig = {
+		google: {
+			families: ['Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese']
+		}
+	};
+
+	(function(d) {
+		var wf = d.createElement('script'), s = d.scripts[0];
+		wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.5.18/webfont.js';
+		wf.async = true;
+		s.parentNode.insertBefore(wf, s);
+	})(document);
+</script>
+<!-- ENDIF -->
+<link href="{T_FONT_AWESOME_LINK}" rel="stylesheet">
+<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
+
+<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
+	<link href="{T_THEME_PATH}/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
+<!-- ENDIF -->
+
+<!--[if lte IE 8]>
+	<link href="{T_THEME_PATH}/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
+<![endif]-->
+
+<!-- DEFINE $POPUP = 1 -->
+
+<!-- EVENT simple_header_head_append -->
+
+{$STYLESHEETS}
+
+<!-- EVENT simple_header_stylesheets_after -->
+
+</head>
+
+<body id="phpbb" class="nojs simple {S_CONTENT_DIRECTION} {BODY_CLASS}">
+
+<!-- EVENT simple_header_body_before -->
+
+<div id="wrap" class="wrap">
+	<a id="top" class="top-anchor" accesskey="t"></a>
+	<div id="page-body" class="page-body" role="main">
diff --git a/simplicity/template/timezone.js b/simplicity/template/timezone.js
new file mode 100644
index 0000000..44ec1b0
--- /dev/null
+++ b/simplicity/template/timezone.js
@@ -0,0 +1,20 @@
+/* global phpbb */
+
+(function($) { // Avoid conflicts with other libraries
+
+'use strict';
+
+$('#tz_date').change(function() {
+	phpbb.timezoneSwitchDate(false);
+});
+
+$('#tz_select_date_suggest').click(function(){
+	phpbb.timezonePreselectSelect(true);
+});
+
+$(function () {
+	phpbb.timezoneEnableDateSelection();
+	phpbb.timezonePreselectSelect($('#tz_select_date_suggest').attr('timezone-preselect') === 'true');
+});
+
+})(jQuery); // Avoid conflicts with other libraries
diff --git a/simplicity/template/ucp_agreement.html b/simplicity/template/ucp_agreement.html
new file mode 100644
index 0000000..64c9365
--- /dev/null
+++ b/simplicity/template/ucp_agreement.html
@@ -0,0 +1,72 @@
+<!-- DEFINE $NAV_SECTION = 'register' --><!-- INCLUDE overall_header.html -->
+
+<!-- IF S_SHOW_COPPA or S_REGISTRATION -->
+
+<!-- IF S_LANG_OPTIONS -->
+<script>
+	/**
+	* Change language
+	*/
+	function change_language(lang_iso)
+	{
+		document.cookie = '{COOKIE_NAME}_lang=' + lang_iso + '; path={COOKIE_PATH}';
+		document.forms['register'].change_lang.value = lang_iso;
+		document.forms['register'].submit();
+	}
+</script>
+
+	<form method="post" action="{S_UCP_ACTION}" id="register">
+		<p class="rightside">
+			<label for="lang">{L_LANGUAGE}{L_COLON}</label><select name="lang" id="lang" onchange="change_language(this.value); return false;" title="{L_LANGUAGE}">{S_LANG_OPTIONS}</select>
+			{S_HIDDEN_FIELDS}
+		</p>
+	</form>
+
+	<div class="clear"></div>
+
+<!-- ENDIF -->
+
+	<form method="post" action="{S_UCP_ACTION}" id="agreement">
+
+	<div class="panel">
+		<div class="inner">
+		<div class="content">
+			<h2 class="sitename-title">{SITENAME} - {L_REGISTRATION}</h2>
+			<!-- EVENT ucp_agreement_terms_before -->
+			<p><!-- IF S_SHOW_COPPA -->{L_COPPA_BIRTHDAY}<!-- ELSE -->{L_TERMS_OF_USE}<!-- ENDIF --></p>
+			<!-- EVENT ucp_agreement_terms_after -->
+		</div>
+		</div>
+	</div>
+
+	<div class="panel">
+		<div class="inner">
+		<fieldset class="submit-buttons">
+			<!-- IF S_SHOW_COPPA -->
+			<input type="submit" name="coppa_no" id="coppa_no" value="{{ L_COPPA_NO }}" class="button1" />
+			<input type="submit" name="coppa_yes" id="coppa_yes" value="{{ L_COPPA_YES }}" class="button2" />
+			<!-- ELSE -->
+			<input type="submit" name="agreed" id="agreed" value="{L_AGREE}" class="button1" />&nbsp;
+			<input type="submit" name="not_agreed" value="{L_NOT_AGREE}" class="button2" />
+			<!-- ENDIF -->
+			{S_HIDDEN_FIELDS}
+			{S_FORM_TOKEN}
+		</fieldset>
+		</div>
+	</div>
+	</form>
+
+<!-- ELSEIF S_AGREEMENT -->
+
+	<div class="panel">
+		<div class="inner">
+		<div class="content">
+			<h2 class="sitename-title">{SITENAME} - {AGREEMENT_TITLE}</h2>
+			<p>{AGREEMENT_TEXT}</p>
+		</div>
+		</div>
+	</div>
+
+<!-- ENDIF -->
+
+<!-- INCLUDE overall_footer.html -->
diff --git a/simplicity/template/ucp_avatar_options.html b/simplicity/template/ucp_avatar_options.html
new file mode 100644
index 0000000..afa962d
--- /dev/null
+++ b/simplicity/template/ucp_avatar_options.html
@@ -0,0 +1,47 @@
+<div class="panel">
+	<div class="inner">
+	<!-- IF not S_AVATARS_ENABLED -->
+		<p>{L_AVATAR_FEATURES_DISABLED}</p>
+	<!-- ENDIF -->
+
+	<fieldset>
+	<!-- IF ERROR --><p class="error">{ERROR}</p><!-- ENDIF -->
+		<dl>
+			<dt><label>{L_CURRENT_IMAGE}{L_COLON}</label><br /><span>{L_AVATAR_EXPLAIN}</span></dt>
+			<dd><!-- IF AVATAR -->{AVATAR}<!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.png" data-src-hd="{T_THEME_PATH}/images/no_avatar_hd.png" alt="" /><!-- ENDIF --></dd>
+			<dd><label for="avatar_delete"><input type="checkbox" name="avatar_delete" id="avatar_delete" /> {L_DELETE_AVATAR}</label></dd>
+		</dl>
+	</fieldset>
+	<h3>{L_AVATAR_SELECT}</h3>
+	<fieldset>
+		<dl>
+			<dt><label>{L_AVATAR_TYPE}{L_COLON}</label></dt>
+			<dd><select name="avatar_driver" id="avatar_driver" data-togglable-settings="true">
+				<!-- BEGIN avatar_drivers -->
+				<option value="{avatar_drivers.DRIVER}"<!-- IF avatar_drivers.SELECTED --> selected="selected"<!-- ENDIF --> data-toggle-setting="#avatar_option_{avatar_drivers.DRIVER}">{avatar_drivers.L_TITLE}</option>
+				<!-- END avatar_drivers -->
+			</select></dd>
+		</dl>
+	</fieldset>
+	<div id="avatar_options">
+<!-- BEGIN avatar_drivers -->
+	<div id="avatar_option_{avatar_drivers.DRIVER}">
+	<noscript>
+	<h3 class="avatar_section_header">{avatar_drivers.L_TITLE}</h3>
+	</noscript>
+	<p>{avatar_drivers.L_EXPLAIN}</p>
+
+	<fieldset>
+	{avatar_drivers.OUTPUT}
+	</fieldset>
+	</div>
+<!-- END avatar_drivers -->
+	</div>
+<!-- IF not S_GROUP_MANAGE -->
+	<fieldset class="submit-buttons">
+		<input type="reset" value="{L_RESET}" name="reset" class="button2" /> &nbsp;
+		<input type="submit" name="submit" value="{L_SUBMIT}" class="button1" />
+	</fieldset>
+<!-- ENDIF -->
+	</div>
+</div>
diff --git a/simplicity/template/ucp_login_link.html b/simplicity/template/ucp_login_link.html
new file mode 100644
index 0000000..036b879
--- /dev/null
+++ b/simplicity/template/ucp_login_link.html
@@ -0,0 +1,58 @@
+<!-- DEFINE $NAV_SECTION = 'login' --><!-- INCLUDE overall_header.html -->
+
+<div class="panel">
+	<div class="inner">
+
+	<h2>{SITENAME} - {L_LOGIN_LINK}</h2>
+
+	<p>{L_LOGIN_LINK_EXPLAIN}</p>
+
+	<!-- IF LOGIN_LINK_ERROR --><div class="content">
+		<div class="error">{LOGIN_LINK_ERROR}</div>
+	</div><!-- ENDIF -->
+
+	<div class="content">
+		<h2>{L_REGISTER}</h2>
+
+		<form action="{REGISTER_ACTION}" method="post" id="register">
+			<fieldset class="fields1">
+				<dl>
+					<dt>&nbsp;</dt>
+					<dd>{S_HIDDEN_FIELDS}<input type="submit" name="register" tabindex="1" value="{L_REGISTER}" class="button1" /></dd>
+				</dl>
+			</fieldset>
+		</form>
+	</div>
+
+	<div class="content">
+		<h2>{L_LOGIN}</h2>
+
+		<form action="{LOGIN_ACTION}" method="post" id="login">
+			<fieldset class="fields1">
+				<!-- IF LOGIN_ERROR --><div class="error">{LOGIN_ERROR}</div><!-- ENDIF -->
+				<dl>
+					<dt><label for="{USERNAME_CREDENTIAL}">{L_USERNAME}{L_COLON}</label></dt>
+					<dd><input type="text" tabindex="2" name="{USERNAME_CREDENTIAL}" id="{USERNAME_CREDENTIAL}" size="25" value="{LOGIN_USERNAME}" class="inputbox autowidth" /></dd>
+				</dl>
+				<dl>
+					<dt><label for="{PASSWORD_CREDENTIAL}">{L_PASSWORD}{L_COLON}</label></dt>
+					<dd><input type="password" tabindex="3" id="{PASSWORD_CREDENTIAL}" name="{PASSWORD_CREDENTIAL}" size="25" class="inputbox autowidth" autocomplete="off" /></dd>
+				</dl>
+				<!-- IF CAPTCHA_TEMPLATE and S_CONFIRM_CODE -->
+					<!-- DEFINE $CAPTCHA_TAB_INDEX = 4 -->
+					<!-- INCLUDE {CAPTCHA_TEMPLATE} -->
+				<!-- ENDIF -->
+
+				{S_LOGIN_REDIRECT}
+				<dl>
+					<dt>&nbsp;</dt>
+					<dd>{S_HIDDEN_FIELDS}<input type="submit" name="login" tabindex="5" value="{L_LOGIN}" class="button1" /></dd>
+				</dl>
+			</fieldset>
+		</form>
+	</div>
+
+	</div>
+</div>
+
+<!-- INCLUDE overall_footer.html -->
diff --git a/simplicity/template/ucp_notifications.html b/simplicity/template/ucp_notifications.html
new file mode 100644
index 0000000..889d91f
--- /dev/null
+++ b/simplicity/template/ucp_notifications.html
@@ -0,0 +1,120 @@
+<!-- DEFINE $NAV_SECTION = 'notifications' --><!-- INCLUDE ucp_header.html -->
+
+<form id="ucp" method="post" action="{S_UCP_ACTION}"{S_FORM_ENCTYPE}>
+
+<h2>{TITLE}</h2>
+<div class="panel">
+	<div class="inner">
+
+		<p>{TITLE_EXPLAIN}</p>
+
+		<!-- IF MODE == 'notification_options' -->
+			<table class="table1">
+				<thead>
+					<tr>
+						<th>{L_NOTIFICATION_TYPE}</th>
+						<!-- BEGIN notification_methods -->
+							<th class="mark">{notification_methods.NAME}</th>
+						<!-- END notification_methods -->
+					</tr>
+				</thead>
+				<tbody>
+				<!-- BEGIN notification_types -->
+					<!-- IF notification_types.GROUP_NAME -->
+						<tr class="bg3">
+							<td colspan="{NOTIFICATION_TYPES_COLS}">{notification_types.GROUP_NAME}</td>
+						</tr>
+					<!-- ELSE -->
+						<tr class="<!-- IF notification_types.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF -->">
+							<td>
+								{notification_types.NAME}
+								<!-- IF notification_types.EXPLAIN --><br />&nbsp; &nbsp;{notification_types.EXPLAIN}<!-- ENDIF -->
+							</td>
+							<!-- BEGIN notification_methods -->
+								<td class="mark"><input type="checkbox" name="{notification_types.TYPE}_{notification_types.notification_methods.METHOD}"<!-- IF notification_types.notification_methods.AVAILABLE and notification_types.notification_methods.SUBSCRIBED --> checked="checked"<!-- ENDIF --><!-- IF not notification_types.notification_methods.AVAILABLE --> disabled="disabled"<!-- ENDIF --> /></td>
+							<!-- END notification_methods -->
+						</tr>
+					<!-- ENDIF -->
+				<!-- END notification_types -->
+				</tbody>
+			</table>
+		<!-- ELSE -->
+			<!-- IF .notification_list -->
+				<div class="action-bar bar-top">
+					<div class="pagination">
+						<!-- IF U_MARK_ALL --><a href="{U_MARK_ALL}" class="mark">{L_NOTIFICATIONS_MARK_ALL_READ}</a> &bull; <!-- ENDIF -->
+						{L_NOTIFICATIONS} [<strong>{TOTAL_COUNT}</strong>]
+						<!-- IF .pagination -->
+							<!-- INCLUDE pagination.html -->
+						<!-- ELSE -->
+							 &bull; {PAGE_NUMBER}
+						<!-- ENDIF -->
+					</div>
+				</div>
+
+			<div class="notification_list">
+				<ul class="topiclist two-columns">
+					<li class="header">
+						<dl>
+							<dt><div class="list-inner">{L_NOTIFICATIONS}</div></dt>
+							<dd class="mark">{L_MARK_READ}</dd>
+						</dl>
+					</li>
+				</ul>
+				<ul class="topiclist cplist two-columns">
+					<!-- BEGIN notification_list -->
+						<li class="row<!-- IF notification_list.UNREAD --> bg3<!-- ELSE --><!-- IF notification_list.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- ENDIF --><!-- IF notification_list.STYLING --> {notification_list.STYLING}<!-- ENDIF -->">
+							<dl>
+								<dt>
+									<div class="list-inner">
+										<!-- IF notification_list.AVATAR -->{notification_list.AVATAR}<!-- ELSE --><img src="{T_THEME_PATH}/images/no_avatar.png" alt="" /><!-- ENDIF -->
+										<div class="notifications">
+											<!-- IF notification_list.URL --><a href="<!-- IF notification_list.UNREAD -->{notification_list.U_MARK_READ}<!-- ELSE -->{notification_list.URL}<!-- ENDIF -->"><!-- ENDIF -->
+											<p class="notifications_title">{notification_list.FORMATTED_TITLE}<!-- IF notification_list.REFERENCE --> {notification_list.REFERENCE}<!-- ENDIF --></p>
+											<!-- IF notification_list.URL --></a><!-- ENDIF -->
+											<!-- IF notification_list.FORUM --><p class="notifications_forum">{notification_list.FORUM}</p><!-- ENDIF -->
+											<!-- IF notification_list.REASON --><p class="notifications_reason">{notification_list.REASON}</p><!-- ENDIF -->
+											<p class="notifications_time">{notification_list.TIME}</p>
+										</div>
+									</div>
+								</dt>
+
+								<dd class="mark">&nbsp;<input type="checkbox" name="mark[]" value="{notification_list.NOTIFICATION_ID}"<!-- IF not notification_list.UNREAD --> disabled="disabled"<!-- ENDIF --> /> <dfn>{L_MARK_READ}</dfn>&nbsp;</dd>
+							</dl>
+						</li>
+					<!-- END notification_list -->
+				</ul>
+			</div>
+
+			<div class="action-bar bar-bottom">
+				<div class="pagination">
+					{L_NOTIFICATIONS} [<strong>{TOTAL_COUNT}</strong>]
+					<!-- IF .pagination -->
+						<!-- INCLUDE pagination.html -->
+					<!-- ELSE -->
+						  &bull; {PAGE_NUMBER}
+					<!-- ENDIF -->
+				</div>
+			</div>
+
+			<!-- ELSE -->
+				<p><strong>{L_NO_NOTIFICATIONS}</strong></p>
+			<!-- ENDIF -->
+
+		<!-- ENDIF -->
+	</div>
+</div>
+
+<!-- IF .notification_types or .notification_list -->
+<fieldset class="display-actions">
+	<input type="hidden" name="form_time" value="{FORM_TIME}" />
+	{S_HIDDEN_FIELDS}
+	<input type="submit" name="submit" value="<!-- IF MODE == 'notification_options' -->{L_SUBMIT}<!-- ELSE -->{L_MARK_READ}<!-- ENDIF -->" class="button1" />
+	<div><a href="#" onclick="$('#ucp input:checkbox').prop('checked', true); return false;">{L_MARK_ALL}</a> &bull; <a href="#" onclick="$('#ucp input:checkbox').prop('checked', false); return false;">{L_UNMARK_ALL}</a></div>
+	{S_FORM_TOKEN}
+</fieldset>
+<!-- ENDIF -->
+
+</form>
+
+<!-- INCLUDE ucp_footer.html -->
diff --git a/simplicity/template/ucp_pm_viewfolder.html b/simplicity/template/ucp_pm_viewfolder.html
new file mode 100644
index 0000000..a552ffa
--- /dev/null
+++ b/simplicity/template/ucp_pm_viewfolder.html
@@ -0,0 +1,136 @@
+<!-- DEFINE $NAVLINKS -->
+	<!-- IF U_MARK_ALL -->
+		<li class="small-icon icon-mark"><a href="{U_MARK_ALL}" class="mark">{L_PM_MARK_ALL_READ}</a></li>
+	<!-- ENDIF -->
+<!-- DEFINE $NAVLINKS_SHOW_DEFAULT = 1 -->
+<!-- ENDDEFINE -->
+<!-- DEFINE $NAV_SECTION = 'pm' --><!-- INCLUDE ucp_header.html -->
+
+<!-- IF not PROMPT -->
+	<!-- INCLUDE ucp_pm_message_header.html -->
+<!-- ENDIF -->
+
+<!-- IF PROMPT -->
+	<h2>{L_EXPORT_AS_CSV}</h2>
+	<form id="viewfolder" method="post" action="{S_PM_ACTION}">
+	<div class="panel">
+		<div class="inner">
+		<h3>{L_OPTIONS}</h3>
+		<fieldset>
+			<dl>
+				<dt><label for="delimiter">{L_DELIMITER}{L_COLON}</label></dt>
+				<dd><input class="inputbox" type="text" id="delimiter" name="delimiter" value="," /></dd>
+			</dl>
+			<dl>
+				<dt><label for="enclosure">{L_ENCLOSURE}{L_COLON}</label></dt>
+				<dd><input class="inputbox" type="text" id="enclosure" name="enclosure" value="&#034;" /></dd>
+			</dl>
+		</fieldset>
+		</div>
+	</div>
+	<fieldset class="submit-buttons">
+		<input type="hidden" name="export_option" value="CSV" />
+		<input class="button1" type="submit" name="submit_export" value="{L_EXPORT_FOLDER}" />&nbsp;
+		<input class="button2" type="reset" value="{L_RESET}" name="reset" />&nbsp;
+		{S_FORM_TOKEN}
+	</fieldset>
+	</form>
+
+<!-- ELSE -->
+
+	<!-- IF NUM_REMOVED -->
+		<div class="notice">
+			<p>{RULE_REMOVED_MESSAGES}</p>
+		</div>
+	<!-- ENDIF -->
+
+	<!-- IF NUM_NOT_MOVED -->
+		<div class="notice">
+			<p>{NOT_MOVED_MESSAGES}<br />{RELEASE_MESSAGE_INFO}</p>
+		</div>
+	<!-- ENDIF -->
+
+	<!-- IF .messagerow -->
+		<ul class="topiclist two-columns">
+			<li class="header">
+				<dl>
+					<dt><div class="list-inner">{L_MESSAGE}</div></dt>
+					<dd class="mark">{L_MARK}</dd>
+				</dl>
+			</li>
+		</ul>
+		<ul class="topiclist cplist pmlist responsive-show-all <!-- IF S_SHOW_RECIPIENTS -->missing-column<!-- ELSE -->two-columns<!-- ENDIF -->">
+
+		<!-- BEGIN messagerow -->
+			<li class="row<!-- IF messagerow.S_ROW_COUNT is odd --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF messagerow.PM_CLASS --> {messagerow.PM_CLASS}<!-- ENDIF -->">
+				<dl class="row-item {messagerow.FOLDER_IMG_STYLE}">
+					<dt<!-- IF messagerow.PM_ICON_URL and S_PM_ICONS --> style="background-image: url({messagerow.PM_ICON_URL}); background-repeat: no-repeat;"<!-- ENDIF -->>
+						<!-- IF messagerow.S_PM_UNREAD and not messagerow.S_PM_DELETED --><a href="{messagerow.U_VIEW_PM}" class="row-item-link"></a><!-- ENDIF -->
+						<div class="list-inner">
+
+						<!-- IF messagerow.S_PM_DELETED -->
+							<a href="{messagerow.U_REMOVE_PM}" class="topictitle">{L_DELETE_MESSAGE}</a><br />
+							<span class="error">{L_MESSAGE_REMOVED_FROM_OUTBOX}</span>
+						<!-- ELSE -->
+							<a href="{messagerow.U_VIEW_PM}" class="topictitle">{messagerow.SUBJECT}</a>
+						<!-- ENDIF -->
+						<!-- IF messagerow.S_AUTHOR_DELETED -->
+							<br /><em class="small">{L_PM_FROM_REMOVED_AUTHOR}</em>
+						<!-- ENDIF -->
+						<!-- IF messagerow.S_PM_REPORTED -->
+							<a href="{messagerow.U_MCP_REPORT}">
+								<i class="icon fa-exclamation fa-fw icon-red" aria-hidden="true"></i><span class="sr-only">{PM_REPORTED}</span>
+							</a>
+						<!-- ENDIF --> <!-- IF messagerow.ATTACH_ICON_IMG --><i class="icon fa-paperclip fa-fw" aria-hidden="true"></i> <!-- ENDIF --><br />
+						<!-- IF S_SHOW_RECIPIENTS -->{L_MESSAGE_TO} {messagerow.RECIPIENTS}<!-- ELSE -->{L_MESSAGE_BY_AUTHOR} {messagerow.MESSAGE_AUTHOR_FULL} &raquo; {messagerow.SENT_TIME}<!-- ENDIF -->
+
+						</div>
+					</dt>
+					<!-- IF S_SHOW_RECIPIENTS --><dd class="info"><span>{L_SENT_AT}{L_COLON} {messagerow.SENT_TIME}</span></dd><!-- ENDIF -->
+					<!-- IF S_UNREAD --><dd class="info"><!-- IF messagerow.FOLDER --><a href="{messagerow.U_FOLDER}">{messagerow.FOLDER}</a><!-- ELSE -->{L_UNKNOWN_FOLDER}<!-- ENDIF --></dd><!-- ENDIF -->
+					<dd class="mark"><input type="checkbox" name="marked_msg_id[]" value="{messagerow.MESSAGE_ID}" /></dd>
+				</dl>
+			</li>
+		<!-- END messagerow -->
+
+		</ul>
+	<!-- ELSE -->
+		<p><strong>
+			<!-- IF S_COMPOSE_PM_VIEW and S_NO_AUTH_SEND_MESSAGE -->
+				<!-- IF S_USER_NEW -->{L_USER_NEW_PERMISSION_DISALLOWED}<!-- ELSE -->{L_NO_AUTH_SEND_MESSAGE}<!-- ENDIF -->
+			<!-- ELSE -->
+				{L_NO_MESSAGES}
+			<!-- ENDIF -->
+		</strong></p>
+	<!-- ENDIF -->
+
+	<!-- IF FOLDER_CUR_MESSAGES neq 0 -->
+		<fieldset class="display-actions">
+			<div class="left-box"><label for="export_option">{L_EXPORT_FOLDER}{L_COLON} <select name="export_option" id="export_option"><option value="CSV">{L_EXPORT_AS_CSV}</option><option value="CSV_EXCEL">{L_EXPORT_AS_CSV_EXCEL}</option><option value="XML">{L_EXPORT_AS_XML}</option></select></label> <input class="button2" type="submit" name="submit_export" value="{L_GO}" /><br /></div>
+			<select name="mark_option">{S_MARK_OPTIONS}{S_MOVE_MARKED_OPTIONS}</select> <input class="button2" type="submit" name="submit_mark" value="{L_GO}" />
+			<div><a href="#" onclick="marklist('viewfolder', 'marked_msg', true); return false;">{L_MARK_ALL}</a> &bull; <a href="#" onclick="marklist('viewfolder', 'marked_msg', false); return false;">{L_UNMARK_ALL}</a></div>
+		</fieldset>
+
+		<hr />
+
+		<div class="action-bar bottom">
+			<!-- INCLUDE display_options.html -->
+			<input type="hidden" name="cur_folder_id" value="{CUR_FOLDER_ID}" />
+
+			<div class="pagination">
+				{TOTAL_MESSAGES}
+				<!-- IF .pagination -->
+					<!-- INCLUDE pagination.html -->
+				<!-- ELSE -->
+					 &bull; {PAGE_NUMBER}
+				<!-- ENDIF -->
+			</div>
+		</div>
+	<!-- ENDIF -->
+
+		</div>
+	</div>
+
+	<!-- INCLUDE ucp_pm_message_footer.html -->
+<!-- ENDIF -->
+<!-- INCLUDE ucp_footer.html -->
diff --git a/simplicity/template/ucp_pm_viewmessage.html b/simplicity/template/ucp_pm_viewmessage.html
new file mode 100644
index 0000000..b186803
--- /dev/null
+++ b/simplicity/template/ucp_pm_viewmessage.html
@@ -0,0 +1,197 @@
+<!-- DEFINE $NAV_SECTION = 'pm' --><!-- INCLUDE ucp_header.html -->
+
+<!-- INCLUDE ucp_pm_message_header.html -->
+
+	</div>
+</div>
+
+
+<!-- IF S_DISPLAY_HISTORY and (U_VIEW_PREVIOUS_HISTORY or U_VIEW_NEXT_HISTORY) -->
+	<fieldset class="display-options clearfix">
+		<!-- IF U_VIEW_PREVIOUS_HISTORY -->
+			<a href="{U_VIEW_PREVIOUS_HISTORY}" class="left-box arrow-{S_CONTENT_FLOW_BEGIN}">
+				<i class="icon fa-angle-{S_CONTENT_FLOW_BEGIN} fa-fw icon-black" aria-hidden="true"></i><span>{L_VIEW_PREVIOUS_HISTORY}</span>
+			</a>
+		<!-- ENDIF -->
+		<!-- IF U_VIEW_NEXT_HISTORY -->
+			<a href="{U_VIEW_NEXT_HISTORY}" class="right-box arrow-{S_CONTENT_FLOW_END}">
+				<i class="icon fa-angle-{S_CONTENT_FLOW_END} fa-fw icon-black" aria-hidden="true"></i><span>{L_VIEW_NEXT_HISTORY}</span>
+			</a>
+		<!-- ENDIF -->
+	</fieldset>
+<!-- ENDIF -->
+
+
+<div id="post-{MESSAGE_ID}" class="post pm has-profile<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">
+<div class="inner">
+
+	<dl class="postprofile" id="profile{MESSAGE_ID}">
+		<dt class="<!-- IF RANK_TITLE or RANK_IMG -->has-profile-rank<!-- ELSE -->no-profile-rank<!-- ENDIF --> <!-- IF AUTHOR_AVATAR -->has-avatar<!-- ELSE -->no-avatar<!-- ENDIF -->">
+			<div class="avatar-container">
+				<!-- EVENT ucp_pm_viewmessage_avatar_before -->
+				<!-- IF AUTHOR_AVATAR --><a href="{U_MESSAGE_AUTHOR}" class="avatar">{AUTHOR_AVATAR}</a><!-- ENDIF -->
+				<!-- EVENT ucp_pm_viewmessage_avatar_after -->
+			</div>
+			{MESSAGE_AUTHOR_FULL}
+		</dt>
+
+		<!-- EVENT ucp_pm_viewmessage_rank_before -->
+		<!-- IF RANK_TITLE or RANK_IMG --><dd class="profile-rank">{RANK_TITLE}<!-- IF RANK_TITLE and RANK_IMG --><br /><!-- ENDIF -->{RANK_IMG}</dd><!-- ENDIF -->
+		<!-- EVENT ucp_pm_viewmessage_rank_after -->
+
+		<dd class="profile-posts"><strong>{L_POSTS}{L_COLON}</strong> <!-- IF U_AUTHOR_POSTS != '' --><a href="{U_AUTHOR_POSTS}">{AUTHOR_POSTS}</a><!-- ELSE -->{AUTHOR_POSTS}<!-- ENDIF --></dd>
+		<!-- IF AUTHOR_JOINED --><dd class="profile-joined"><strong>{L_JOINED}{L_COLON}</strong> {AUTHOR_JOINED}</dd><!-- ENDIF -->
+
+		<!-- EVENT ucp_pm_viewmessage_custom_fields_before -->
+		<!-- BEGIN custom_fields -->
+			<!-- IF not custom_fields.S_PROFILE_CONTACT -->
+				<dd class="profile-custom-field profile-{custom_fields.PROFILE_FIELD_IDENT}"><strong>{custom_fields.PROFILE_FIELD_NAME}{L_COLON}</strong> {custom_fields.PROFILE_FIELD_VALUE}</dd>
+			<!-- ENDIF -->
+		<!-- END custom_fields -->
+		<!-- EVENT ucp_pm_viewmessage_custom_fields_after -->
+
+		<!-- EVENT ucp_pm_viewmessage_contact_fields_before -->
+		<!-- IF .contact -->
+			<dd class="profile-contact">
+				<strong>{L_CONTACT}{L_COLON}</strong>
+				<div class="dropdown-container dropdown-left">
+					<a href="#" class="dropdown-trigger"  title="{CONTACT_USER}"><i class="icon fa-commenting-o fa-fw icon-lg" aria-hidden="true"></i><span class="sr-only">{CONTACT_USER}</span></a>
+					<div class="dropdown">
+						<div class="pointer"><div class="pointer-inner"></div></div>
+						<div class="dropdown-contents contact-icons">
+							<!-- BEGIN contact -->
+								{% set REMAINDER = contact.S_ROW_COUNT % 4 %}
+								<!-- DEFINE $S_LAST_CELL = ((REMAINDER eq 3) or (contact.S_LAST_ROW and contact.S_NUM_ROWS < 4)) -->
+								<!-- IF REMAINDER eq 0 -->
+									<div>
+								<!-- ENDIF -->
+									<a href="<!-- IF contact.U_CONTACT -->{contact.U_CONTACT}<!-- ELSE -->{contact.U_PROFILE_AUTHOR}<!-- ENDIF -->" title="{contact.NAME}"<!-- IF $S_LAST_CELL --> class="last-cell"<!-- ENDIF --><!-- IF contact.ID eq 'jabber' --> onclick="popup(this.href, 750, 320); return false;"<!-- ENDIF -->>
+										<span class="contact-icon {contact.ID}-icon">{contact.NAME}</span>
+									</a>
+								<!-- IF REMAINDER eq 3 or contact.S_LAST_ROW -->
+									</div>
+								<!-- ENDIF -->
+							<!-- END contact -->
+						</div>
+					</div>
+				</div>
+			</dd>
+		<!-- ENDIF -->
+		<!-- EVENT ucp_pm_viewmessage_contact_fields_after -->
+	</dl>
+
+	<div class="postbody"><div class="postbody-inner">
+		<h3 class="first">{SUBJECT}</h3>
+
+		<!-- DEFINE $SHOW_PM_POST_BUTTONS = (U_EDIT or U_DELETE or U_REPORT or U_QUOTE) -->
+		<!-- EVENT ucp_pm_viewmessage_post_buttons_list_before -->
+		<!-- IF $SHOW_PM_POST_BUTTONS -->
+		<ul class="post-buttons">
+			<!-- EVENT ucp_pm_viewmessage_post_buttons_before -->
+			<!-- IF U_EDIT -->
+				<li>
+					<a href="{U_EDIT}" title="{L_POST_EDIT_PM}" class="button button-icon-only">
+						<i class="icon fa-pencil fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_EDIT}</span>
+					</a>
+				</li>
+			<!-- ENDIF -->
+			<!-- IF U_DELETE -->
+				<li>
+					<a href="{U_DELETE}" title="{L_DELETE_MESSAGE}" class="button button-icon-only">
+						<i class="icon fa-times fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_DELETE}</span>
+					</a>
+				</li>
+			<!-- ENDIF -->
+			<!-- IF U_REPORT -->
+				<li>
+					<a href="{U_REPORT}" title="{L_REPORT_PM}" class="button button-icon-only">
+						<i class="icon fa-exclamation fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_REPORT}</span>
+					</a>
+				</li>
+			<!-- ENDIF -->
+			<!-- IF U_QUOTE -->
+				<li>
+					<a href="{U_QUOTE}" title="{L_POST_QUOTE_PM}" class="button button-icon-only">
+						<i class="icon fa-quote-left fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_QUOTE}</span>
+					</a>
+				</li>
+			<!-- ENDIF -->
+			<!-- EVENT ucp_pm_viewmessage_post_buttons_after -->
+		</ul>
+		<!-- ENDIF -->
+		<!-- EVENT ucp_pm_viewmessage_post_buttons_list_after -->
+
+		<p class="author">
+			<strong>{L_SENT_AT}{L_COLON}</strong> {SENT_DATE}
+			<br /><strong>{L_PM_FROM}{L_COLON}</strong> {MESSAGE_AUTHOR_FULL}
+			<!-- IF S_TO_RECIPIENT --><br /><strong>{L_TO}{L_COLON}</strong> <!-- BEGIN to_recipient --><!-- IF to_recipient.NAME_FULL -->{to_recipient.NAME_FULL}<!-- ELSE --><a href="{to_recipient.U_VIEW}"<!-- IF to_recipient.COLOUR --> style="color:{to_recipient.COLOUR};"<!-- ENDIF -->><strong>{to_recipient.NAME}</strong></a><!-- ENDIF -->&nbsp;<!-- END to_recipient --><!-- ENDIF -->
+			<!-- IF S_BCC_RECIPIENT --><br /><strong>{L_BCC}{L_COLON}</strong> <!-- BEGIN bcc_recipient --><!-- IF bcc_recipient.NAME_FULL -->{bcc_recipient.NAME_FULL}<!-- ELSE --><a href="{bcc_recipient.U_VIEW}"<!-- IF bcc_recipient.COLOUR --> style="color:{bcc_recipient.COLOUR};"<!-- ENDIF -->><strong>{bcc_recipient.NAME}</strong></a><!-- ENDIF -->&nbsp;<!-- END bcc_recipient --><!-- ENDIF -->
+		</p>
+
+
+		<div class="content">{MESSAGE}</div>
+
+		<!-- IF S_HAS_ATTACHMENTS -->
+			<dl class="attachbox">
+				<dt>
+					{L_ATTACHMENTS}
+				</dt>
+				<!-- BEGIN attachment -->
+					<dd>{attachment.DISPLAY_ATTACHMENT}</dd>
+				<!-- END attachment -->
+			</dl>
+		<!-- ENDIF -->
+
+		<!-- IF S_DISPLAY_NOTICE -->
+			<div class="post-notice error">{L_DOWNLOAD_NOTICE}</div>
+		<!-- ENDIF -->
+
+		<!-- IF EDITED_MESSAGE or EDIT_REASON -->
+		<div class="notice">{EDITED_MESSAGE}
+			<!-- IF EDIT_REASON --><br /><strong>{L_REASON}{L_COLON}</strong> <em>{EDIT_REASON}</em><!-- ENDIF -->
+		</div>
+		<!-- ENDIF -->
+
+		<!-- IF SIGNATURE -->
+			<div id="sig{MESSAGE_ID}" class="signature">{SIGNATURE}</div>
+		<!-- ENDIF -->
+	</div>
+
+	</div>
+	<div class="back2top">
+		<a href="#top" class="top" title="{L_BACK_TO_TOP}">
+			<i class="icon fa-chevron-circle-up fa-fw icon-gray" aria-hidden="true"></i>
+			<span class="sr-only">{L_BACK_TO_TOP}</span>
+		</a>
+	</div>
+
+	</div>
+</div>
+
+<!-- EVENT ucp_pm_viewmessage_options_before -->
+<!-- IF S_VIEW_MESSAGE -->
+<fieldset class="display-options">
+
+	<!-- IF S_MARK_OPTIONS --><label for="mark_option"><select name="mark_option" id="mark_option">{S_MARK_OPTIONS}</select></label>&nbsp;<input class="button2" type="submit" name="submit_mark" value="{L_GO}" /><!-- ENDIF -->
+	<!-- IF U_PREVIOUS_PM -->
+		<a href="{U_PREVIOUS_PM}" class="left-box arrow-{S_CONTENT_FLOW_BEGIN}">
+			<i class="icon fa-angle-{S_CONTENT_FLOW_BEGIN} fa-fw icon-black" aria-hidden="true"></i><span>{L_VIEW_PREVIOUS_PM}</span>
+		</a>
+	<!-- ENDIF -->
+	<!-- IF U_NEXT_PM -->
+		<a href="{U_NEXT_PM}" class="right-box arrow-{S_CONTENT_FLOW_END}">
+			<i class="icon fa-angle-{S_CONTENT_FLOW_END} fa-fw icon-black" aria-hidden="true"></i><span>{L_VIEW_NEXT_PM}</span>
+		</a>
+	<!-- ENDIF -->
+	<!-- IF not S_UNREAD and not S_SPECIAL_FOLDER --><label for="dest_folder"><!-- IF S_VIEW_MESSAGE -->{L_MOVE_TO_FOLDER}{L_COLON} <!-- ELSE -->{L_MOVE_MARKED_TO_FOLDER}<!-- ENDIF --> <select name="dest_folder" id="dest_folder">{S_TO_FOLDER_OPTIONS}</select></label> <input class="button2" type="submit" name="move_pm" value="{L_GO}" /><!-- ENDIF -->
+	<input type="hidden" name="marked_msg_id[]" value="{MSG_ID}" />
+	<input type="hidden" name="cur_folder_id" value="{CUR_FOLDER_ID}" />
+	<input type="hidden" name="p" value="{MSG_ID}" />
+</fieldset>
+<!-- ENDIF -->
+
+<!-- INCLUDE ucp_pm_message_footer.html -->
+
+<!-- IF S_DISPLAY_HISTORY --><!-- INCLUDE ucp_pm_history.html --><!-- ENDIF -->
+
+<!-- INCLUDE ucp_footer.html -->
diff --git a/simplicity/template/ucp_register.html b/simplicity/template/ucp_register.html
new file mode 100644
index 0000000..8ecd34b
--- /dev/null
+++ b/simplicity/template/ucp_register.html
@@ -0,0 +1,117 @@
+<!-- DEFINE $NAV_SECTION = 'register' --><!-- INCLUDE overall_header.html -->
+
+<script>
+	/**
+	* Change language
+	*/
+	function change_language(lang_iso)
+	{
+		document.cookie = '{COOKIE_NAME}_lang=' + lang_iso + '; path={COOKIE_PATH}';
+		document.forms['register'].change_lang.value = lang_iso;
+		document.forms['register'].submit.click();
+	}
+</script>
+
+{% if PROVIDER_TEMPLATE_FILE %}
+	<div class="panel">
+		<div class="inner">
+
+			<h2>{{ SITENAME }} - {{ lang('OAUTH_REGISTRATION') }}</h2>
+
+			{% include PROVIDER_TEMPLATE_FILE %}
+		</div>
+	</div>
+{% endif %}
+
+<form id="register" method="post" action="{S_UCP_ACTION}"{S_FORM_ENCTYPE}>
+
+<div class="panel">
+	<div class="inner">
+
+	<h2>{SITENAME} - {L_REGISTRATION}</h2>
+
+	<fieldset class="fields2">
+	<!-- IF ERROR --><dl><dd class="error">{ERROR}</dd></dl><!-- ENDIF -->
+	<!-- IF L_REG_COND -->
+		<dl><dd><strong>{L_REG_COND}</strong></dd></dl>
+	<!-- ENDIF -->
+	<!-- EVENT ucp_register_credentials_before -->
+	<dl>
+		<dt><label for="username">{L_USERNAME}{L_COLON}</label><br /><span>{L_USERNAME_EXPLAIN}</span></dt>
+		<dd><input type="text" tabindex="1" name="username" id="username" size="25" value="{USERNAME}" class="inputbox autowidth" title="{L_USERNAME}" /></dd>
+	</dl>
+	<dl>
+		<dt><label for="email">{L_EMAIL_ADDRESS}{L_COLON}</label></dt>
+		<dd><input type="email" tabindex="2" name="email" id="email" size="25" maxlength="100" value="{EMAIL}" class="inputbox autowidth" title="{L_EMAIL_ADDRESS}" autocomplete="off" /></dd>
+	</dl>
+	<dl>
+		<dt><label for="new_password">{L_PASSWORD}{L_COLON}</label><br /><span>{L_PASSWORD_EXPLAIN}</span></dt>
+		<dd><input type="password" tabindex="4" name="new_password" id="new_password" size="25" value="{PASSWORD}" class="inputbox autowidth" title="{L_NEW_PASSWORD}" autocomplete="off" /></dd>
+	</dl>
+	<dl>
+		<dt><label for="password_confirm">{L_CONFIRM_PASSWORD}{L_COLON}</label></dt>
+		<dd><input type="password"  tabindex="5" name="password_confirm" id="password_confirm" size="25" value="{PASSWORD_CONFIRM}" class="inputbox autowidth" title="{L_CONFIRM_PASSWORD}" autocomplete="off" /></dd>
+	</dl>
+
+	<!-- EVENT ucp_register_credentials_after -->
+	<hr />
+
+	<!-- EVENT ucp_register_options_before -->
+	<dl>
+		<dt><label for="lang">{L_LANGUAGE}{L_COLON}</label></dt>
+		<dd><select name="lang" id="lang" onchange="change_language(this.value); return false;" tabindex="6" title="{L_LANGUAGE}">{S_LANG_OPTIONS}</select></dd>
+	</dl>
+
+	<!-- INCLUDE timezone_option.html -->
+
+	<!-- EVENT ucp_register_profile_fields_before -->
+	<!-- IF .profile_fields -->
+		<dl><dd><strong>{L_ITEMS_REQUIRED}</strong></dd></dl>
+
+	<!-- BEGIN profile_fields -->
+		<dl>
+			<dt><label<!-- IF profile_fields.FIELD_ID --> for="{profile_fields.FIELD_ID}"<!-- ENDIF -->>{profile_fields.LANG_NAME}{L_COLON}<!-- IF profile_fields.S_REQUIRED --> *<!-- ENDIF --></label>
+			<!-- IF profile_fields.LANG_EXPLAIN --><br /><span>{profile_fields.LANG_EXPLAIN}</span><!-- ENDIF -->
+			<!-- IF profile_fields.ERROR --><br /><span class="error">{profile_fields.ERROR}</span><!-- ENDIF --></dt>
+			<dd>{profile_fields.FIELD}</dd>
+		</dl>
+	<!-- END profile_fields -->
+	<!-- ENDIF -->
+
+	<!-- EVENT ucp_register_profile_fields_after -->
+	</fieldset>
+	</div>
+</div>
+<!-- IF CAPTCHA_TEMPLATE -->
+	<!-- DEFINE $CAPTCHA_TAB_INDEX = 8 -->
+	<!-- INCLUDE {CAPTCHA_TEMPLATE} -->
+<!-- ENDIF -->
+
+<!-- IF S_COPPA -->
+<div class="panel">
+	<div class="inner">
+
+	<h4>{L_COPPA_COMPLIANCE}</h4>
+
+	<p>{L_COPPA_EXPLAIN}</p>
+	</div>
+</div>
+<!-- ENDIF -->
+
+<!-- EVENT ucp_register_buttons_before -->
+
+<div class="panel">
+	<div class="inner">
+
+	<fieldset class="submit-buttons">
+		{S_HIDDEN_FIELDS}
+		<input type="reset" value="{L_RESET}" name="reset" class="button2" />&nbsp;
+		<input type="submit" tabindex="9" name="submit" id="submit" value="{L_SUBMIT}" class="button1 default-submit-action" />
+		{S_FORM_TOKEN}
+	</fieldset>
+
+	</div>
+</div>
+</form>
+
+<!-- INCLUDE overall_footer.html -->
diff --git a/simplicity/template/viewforum_body.html b/simplicity/template/viewforum_body.html
new file mode 100644
index 0000000..9174429
--- /dev/null
+++ b/simplicity/template/viewforum_body.html
@@ -0,0 +1,319 @@
+<!-- DEFINE $NAVLINKS -->
+	<!-- IF S_HAS_SUBFORUM and U_MARK_FORUMS -->
+		<li class="small-icon icon-mark"><a href="{U_MARK_FORUMS}" data-ajax="mark_forums_read">{L_MARK_SUBFORUMS_READ}</a></li>
+	<!-- ENDIF -->
+	<!-- IF not S_IS_BOT and U_MARK_TOPICS and .topicrow -->
+		<li class="small-icon icon-mark"><a href="{U_MARK_TOPICS}" accesskey="m" data-ajax="mark_topics_read">{L_MARK_TOPICS_READ}</a></li>
+	<!-- ENDIF -->
+<!-- DEFINE $NAVLINKS_SHOW_DEFAULT = 1 -->
+<!-- ENDDEFINE -->
+<!-- INCLUDE overall_header.html -->
+<!-- EVENT viewforum_forum_title_before -->
+<h2 class="forum-title"><!-- EVENT viewforum_forum_name_prepend --><a href="{U_VIEW_FORUM}">{FORUM_NAME}</a><!-- EVENT viewforum_forum_name_append --></h2>
+<!-- EVENT viewforum_forum_title_after -->
+<!-- IF FORUM_DESC or MODERATORS or U_MCP -->
+<div>
+	<!-- NOTE: remove the style="display: none" when you want to have the forum description on the forum body -->
+	<!-- IF FORUM_DESC --><div style="display: none !important;">{FORUM_DESC}<br /></div><!-- ENDIF -->
+	<!-- IF MODERATORS --><p><strong><!-- IF S_SINGLE_MODERATOR -->{L_MODERATOR}<!-- ELSE -->{L_MODERATORS}<!-- ENDIF -->{L_COLON}</strong> {MODERATORS}</p><!-- ENDIF -->
+</div>
+<!-- ENDIF -->
+
+<!-- IF S_FORUM_RULES -->
+	<div class="rules<!-- IF U_FORUM_RULES --> rules-link<!-- ENDIF -->">
+		<div class="inner">
+
+		<!-- IF U_FORUM_RULES -->
+			<a href="{U_FORUM_RULES}">{L_FORUM_RULES}</a>
+		<!-- ELSE -->
+			<strong>{L_FORUM_RULES}</strong><br />
+			{FORUM_RULES}
+		<!-- ENDIF -->
+
+		</div>
+	</div>
+<!-- ENDIF -->
+
+<!-- IF S_HAS_SUBFORUM -->
+	<!-- INCLUDE forumlist_body.html -->
+<!-- ENDIF -->
+
+<!-- IF S_DISPLAY_POST_INFO or .pagination or TOTAL_POSTS or TOTAL_TOPICS -->
+	<div class="action-bar bar-top">
+
+	<!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO -->
+			<!-- EVENT viewforum_buttons_top_before -->
+
+		<a href="{U_POST_NEW_TOPIC}" class="button" title="<!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF -->">
+			<!-- IF S_IS_LOCKED -->
+				<span>{L_BUTTON_FORUM_LOCKED}</span> <i class="icon fa-lock fa-fw" aria-hidden="true"></i>
+			<!-- ELSE -->
+				<span>{L_BUTTON_NEW_TOPIC}</span> <i class="icon fa-pencil fa-fw" aria-hidden="true"></i>
+			<!-- ENDIF -->
+		</a>
+			<!-- EVENT viewforum_buttons_top_after -->
+
+	<!-- ENDIF -->
+
+	<!-- IF S_DISPLAY_SEARCHBOX -->
+		<div class="search-box" role="search">
+			<form method="get" id="forum-search" action="{S_SEARCHBOX_ACTION}">
+			<fieldset>
+				<input class="inputbox search tiny" type="search" name="keywords" id="search_keywords" size="20" placeholder="{L_SEARCH_FORUM}" />
+				<button class="button button-search" type="submit" title="{L_SEARCH}">
+					<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
+				</button>
+				<a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
+					<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
+				</a>
+				{S_SEARCH_LOCAL_HIDDEN_FIELDS}
+			</fieldset>
+			</form>
+		</div>
+	<!-- ENDIF -->
+
+	<div class="pagination">
+		<!-- IF not S_IS_BOT and U_MARK_TOPICS and .topicrow --><a href="{U_MARK_TOPICS}" class="mark" accesskey="m" data-ajax="mark_topics_read">{L_MARK_TOPICS_READ}</a> &bull; <!-- ENDIF -->
+		{TOTAL_TOPICS}
+		<!-- IF .pagination -->
+			<!-- INCLUDE pagination.html -->
+		<!-- ELSE -->
+			&bull; {PAGE_NUMBER}
+		<!-- ENDIF -->
+	</div>
+
+	</div>
+<!-- ENDIF -->
+
+<!-- IF S_NO_READ_ACCESS -->
+
+	<div class="panel">
+		<div class="inner">
+		<strong>{L_NO_READ_ACCESS}</strong>
+		</div>
+	</div>
+
+	<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
+
+		<form action="{S_LOGIN_ACTION}" method="post">
+
+		<div class="panel">
+			<div class="inner">
+
+			<div class="content">
+				<h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h3>
+
+				<fieldset class="fields1">
+				<dl>
+					<dt><label for="username">{L_USERNAME}{L_COLON}</label></dt>
+					<dd><input type="text" tabindex="1" name="username" id="username" size="25" value="{USERNAME}" class="inputbox autowidth" /></dd>
+				</dl>
+				<dl>
+					<dt><label for="password">{L_PASSWORD}{L_COLON}</label></dt>
+					<dd><input type="password" tabindex="2" id="password" name="password" size="25" class="inputbox autowidth" autocomplete="off" /></dd>
+					<!-- IF S_AUTOLOGIN_ENABLED --><dd><label for="autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="3" /> {L_LOG_ME_IN}</label></dd><!-- ENDIF -->
+					<dd><label for="viewonline"><input type="checkbox" name="viewonline" id="viewonline" tabindex="4" /> {L_HIDE_ME}</label></dd>
+				</dl>
+				<dl>
+					<dt>&nbsp;</dt>
+					<dd><input type="submit" name="login" tabindex="5" value="{L_LOGIN}" class="button1" /></dd>
+				</dl>
+				{S_LOGIN_REDIRECT}
+				{S_FORM_TOKEN_LOGIN}
+				</fieldset>
+			</div>
+
+			</div>
+		</div>
+
+		</form>
+
+	<!-- ENDIF -->
+
+<!-- ENDIF -->
+
+<!-- EVENT viewforum_body_topic_row_before -->
+
+<!-- BEGIN topicrow -->
+
+	<!-- IF not topicrow.S_TOPIC_TYPE_SWITCH and not topicrow.S_FIRST_ROW -->
+		</ul>
+		</div>
+	</div>
+	<!-- ENDIF -->
+
+	<!-- IF topicrow.S_FIRST_ROW or not topicrow.S_TOPIC_TYPE_SWITCH -->
+		<div class="forumbg<!-- IF topicrow.S_TOPIC_TYPE_SWITCH and (topicrow.S_POST_ANNOUNCE or topicrow.S_POST_GLOBAL) --> announcement<!-- ENDIF -->">
+		<div class="inner">
+		<ul class="topiclist">
+			<li class="header">
+				<dl class="row-item">
+					<dt<!-- IF S_DISPLAY_ACTIVE --> id="active_topics"<!-- ENDIF -->><div class="list-inner"><!-- IF S_DISPLAY_ACTIVE -->{L_ACTIVE_TOPICS}<!-- ELSEIF topicrow.S_TOPIC_TYPE_SWITCH and (topicrow.S_POST_ANNOUNCE or topicrow.S_POST_GLOBAL) -->{L_ANNOUNCEMENTS}<!-- ELSE -->{L_TOPICS}<!-- ENDIF --></div></dt>
+					<dd class="posts">{L_REPLIES}</dd>
+					<dd class="views">{L_VIEWS}</dd>
+					<dd class="lastpost"><span>{L_LAST_POST}</span></dd>
+				</dl>
+			</li>
+		</ul>
+		<ul class="topiclist topics">
+	<!-- ENDIF -->
+
+		<!-- EVENT viewforum_body_topicrow_row_before -->
+		<li class="row<!-- IF topicrow.S_ROW_COUNT is even --> bg1<!-- ELSE --> bg2<!-- ENDIF --><!-- IF topicrow.S_POST_GLOBAL --> global-announce<!-- ENDIF --><!-- IF topicrow.S_POST_ANNOUNCE --> announce<!-- ENDIF --><!-- IF topicrow.S_POST_STICKY --> sticky<!-- ENDIF --><!-- IF topicrow.S_TOPIC_REPORTED --> reported<!-- ENDIF -->">
+			<!-- EVENT viewforum_body_topic_row_prepend -->
+			<dl class="row-item {topicrow.TOPIC_IMG_STYLE}">
+				<dt<!-- IF topicrow.TOPIC_ICON_IMG and S_TOPIC_ICONS --> style="background-image: url('{T_ICONS_PATH}{topicrow.TOPIC_ICON_IMG}'); background-repeat: no-repeat;"<!-- ENDIF --> title="{topicrow.TOPIC_FOLDER_IMG_ALT}">
+					<!-- IF topicrow.S_UNREAD_TOPIC and not S_IS_BOT --><a href="{topicrow.U_NEWEST_POST}" class="row-item-link"></a><!-- ENDIF -->
+					<div class="list-inner">
+						<!-- EVENT topiclist_row_prepend -->
+						<!-- IF topicrow.S_UNREAD_TOPIC and not S_IS_BOT -->
+							<a class="unread" href="{topicrow.U_NEWEST_POST}">
+								<i class="icon fa-file fa-fw icon-red icon-md" aria-hidden="true"></i><span class="sr-only">{NEW_POST}</span>
+							</a>
+						<!-- ENDIF -->
+						<!-- IF topicrow.U_VIEW_TOPIC --><a href="{topicrow.U_VIEW_TOPIC}" class="topictitle">{topicrow.TOPIC_TITLE}</a><!-- ELSE -->{topicrow.TOPIC_TITLE}<!-- ENDIF -->
+						<!-- IF topicrow.S_TOPIC_UNAPPROVED or topicrow.S_POSTS_UNAPPROVED -->
+							<a href="{topicrow.U_MCP_QUEUE}" title="<!-- IF topicrow.S_TOPIC_UNAPPROVED -->{L_TOPIC_UNAPPROVED}<!-- ELSE -->{L_POSTS_UNAPPROVED}<!-- ENDIF -->">
+								<i class="icon fa-question fa-fw icon-blue" aria-hidden="true"></i><span class="sr-only"><!-- IF topicrow.S_TOPIC_UNAPPROVED -->{L_TOPIC_UNAPPROVED}<!-- ELSE -->{L_POSTS_UNAPPROVED}<!-- ENDIF --></span>
+							</a>
+						<!-- ENDIF -->
+						<!-- IF topicrow.S_TOPIC_DELETED -->
+							<a href="{topicrow.U_MCP_QUEUE}" title="{L_TOPIC_DELETED}">
+								<i class="icon fa-recycle fa-fw icon-green" aria-hidden="true"></i><span class="sr-only">{L_TOPIC_DELETED}</span>
+							</a>
+						<!-- ENDIF -->
+						<!-- IF topicrow.S_TOPIC_REPORTED -->
+							<a href="{topicrow.U_MCP_REPORT}" title="{L_TOPIC_REPORTED}">
+								<i class="icon fa-exclamation fa-fw icon-red" aria-hidden="true"></i><span class="sr-only">{L_TOPIC_REPORTED}</span>
+							</a>
+						<!-- ENDIF -->
+						<br />
+						<!-- EVENT topiclist_row_topic_title_after -->
+						<!-- IF topicrow.S_POST_STICKY --><i class="topic-status sticky fa fa-thumb-tack"></i><!-- ENDIF -->
+
+						<!-- IF not S_IS_BOT -->
+						<div class="responsive-show" style="display: none;">
+							{L_LAST_POST} {L_POST_BY_AUTHOR} <!-- EVENT viewforum_body_last_post_author_username_prepend -->{topicrow.LAST_POST_AUTHOR_FULL}<!-- EVENT viewforum_body_last_post_author_username_append --> &laquo; <a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}"><time datetime="{topicrow.LAST_POST_TIME_RFC3339}">{topicrow.LAST_POST_TIME}</time></a>
+							<!-- IF topicrow.S_POST_GLOBAL and FORUM_ID != topicrow.FORUM_ID --><br />{L_POSTED} {L_IN} <a href="{topicrow.U_VIEW_FORUM}">{topicrow.FORUM_NAME}</a><!-- ENDIF -->
+						</div>
+							<!-- IF topicrow.REPLIES -->
+							<span class="responsive-show left-box" style="display: none;">{L_REPLIES}{L_COLON} <strong>{topicrow.REPLIES}</strong></span>
+							<!-- ENDIF -->
+						<!-- ENDIF -->
+
+						<div class="topic-poster responsive-hide left-box">
+							<!-- IF topicrow.S_HAS_POLL --><i class="icon fa-bar-chart fa-fw" aria-hidden="true"></i><!-- ENDIF -->
+							<!-- IF topicrow.ATTACH_ICON_IMG --><i class="icon fa-paperclip fa-fw" aria-hidden="true"></i><!-- ENDIF -->
+							{% EVENT topiclist_row_topic_by_author_before %}
+							{L_POST_BY_AUTHOR} <!-- EVENT viewforum_body_topic_author_username_prepend -->{topicrow.TOPIC_AUTHOR_FULL}<!-- EVENT viewforum_body_topic_author_username_append --> &raquo; <time datetime="{topicrow.FIRST_POST_TIME_RFC3339}">{topicrow.FIRST_POST_TIME}</time>
+							{% EVENT topiclist_row_topic_by_author_after %}
+							<!-- IF topicrow.S_POST_GLOBAL and FORUM_ID != topicrow.FORUM_ID --> &raquo; {L_IN} <a href="{topicrow.U_VIEW_FORUM}">{topicrow.FORUM_NAME}</a><!-- ENDIF -->
+						</div>
+						<!-- IF .topicrow.pagination -->
+						<div class="pagination">
+							<span><i class="icon fa-clone fa-fw" aria-hidden="true"></i></span>
+							<ul>
+							<!-- BEGIN pagination -->
+								<!-- IF topicrow.pagination.S_IS_PREV -->
+								<!-- ELSEIF topicrow.pagination.S_IS_CURRENT --><li class="active"><span>{topicrow.pagination.PAGE_NUMBER}</span></li>
+								<!-- ELSEIF topicrow.pagination.S_IS_ELLIPSIS --><li class="ellipsis"><span>{L_ELLIPSIS}</span></li>
+								<!-- ELSEIF topicrow.pagination.S_IS_NEXT -->
+								<!-- ELSE --><li><a class="button" href="{topicrow.pagination.PAGE_URL}">{topicrow.pagination.PAGE_NUMBER}</a></li>
+								<!-- ENDIF -->
+							<!-- END pagination -->
+							</ul>
+						</div>
+						<!-- ENDIF -->
+
+						<!-- EVENT topiclist_row_append -->
+					</div>
+				</dt>
+				<dd class="posts">{topicrow.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
+				<dd class="views">{topicrow.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
+				<dd class="lastpost">
+					<span><dfn>{L_LAST_POST} </dfn>{L_POST_BY_AUTHOR} <!-- EVENT viewforum_body_last_post_author_username_prepend -->{topicrow.LAST_POST_AUTHOR_FULL}<!-- EVENT viewforum_body_last_post_author_username_append -->
+						<!-- IF not S_IS_BOT and topicrow.U_LAST_POST -->
+							<a href="{topicrow.U_LAST_POST}" title="{L_GOTO_LAST_POST}">
+								<i class="icon fa-external-link-square fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">{VIEW_LATEST_POST}</span>
+							</a>
+						<!-- ENDIF -->
+						<br /><time datetime="{topicrow.LAST_POST_TIME_RFC3339}">{topicrow.LAST_POST_TIME}</time>
+					</span>
+				</dd>
+			</dl>
+			<!-- EVENT viewforum_body_topic_row_append -->
+		</li>
+		<!-- EVENT viewforum_body_topic_row_after -->
+
+	<!-- IF topicrow.S_LAST_ROW -->
+			</ul>
+		</div>
+	</div>
+	<!-- ENDIF -->
+
+<!-- BEGINELSE -->
+	<!-- IF S_IS_POSTABLE -->
+	<div class="panel">
+		<div class="inner">
+		<strong>{L_NO_TOPICS}</strong>
+		</div>
+	</div>
+	<!-- ELSE IF not S_HAS_SUBFORUM -->
+	<div class="panel">
+		<div class="inner">
+			<strong>{L_NO_FORUMS_IN_CATEGORY}</strong>
+		</div>
+	</div>
+	<!-- ENDIF -->
+<!-- END topicrow -->
+
+<!-- IF .topicrow and not S_DISPLAY_ACTIVE -->
+	<div class="action-bar bar-bottom">
+		<!-- IF not S_IS_BOT and S_DISPLAY_POST_INFO -->
+			<!-- EVENT viewforum_buttons_bottom_before -->
+			<a href="{U_POST_NEW_TOPIC}" class="button" title="<!-- IF S_IS_LOCKED -->{L_FORUM_LOCKED}<!-- ELSE -->{L_POST_TOPIC}<!-- ENDIF -->">
+			<!-- IF S_IS_LOCKED -->
+				<span>{L_BUTTON_FORUM_LOCKED}</span> <i class="icon fa-lock fa-fw" aria-hidden="true"></i>
+			<!-- ELSE -->
+				<span>{L_BUTTON_NEW_TOPIC}</span> <i class="icon fa-pencil fa-fw" aria-hidden="true"></i>
+			<!-- ENDIF -->
+			</a>
+
+			<!-- EVENT viewforum_buttons_bottom_after -->
+		<!-- ENDIF -->
+
+		<!-- IF S_SELECT_SORT_DAYS and not S_IS_BOT -->
+			<form method="post" action="{S_FORUM_ACTION}">
+			<!-- INCLUDE display_options.html -->
+			</form>
+		<!-- ENDIF -->
+
+		<div class="pagination">
+			<!-- IF not S_IS_BOT and U_MARK_TOPICS and .topicrow --><a href="{U_MARK_TOPICS}" data-ajax="mark_topics_read">{L_MARK_TOPICS_READ}</a> &bull; <!-- ENDIF -->
+			{TOTAL_TOPICS}
+			<!-- IF .pagination -->
+				<!-- INCLUDE pagination.html -->
+			<!-- ELSE -->
+				 &bull; {PAGE_NUMBER}
+			<!-- ENDIF -->
+		</div>
+	</div>
+<!-- ENDIF -->
+
+<!-- INCLUDE jumpbox.html -->
+
+<!-- IF S_DISPLAY_ONLINE_LIST and U_VIEWONLINE -->
+	<div class="stat-block online-list">
+		<h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3>
+		<p>{LOGGED_IN_USER_LIST}</p>
+	</div>
+<!-- ENDIF -->
+
+<!-- IF S_DISPLAY_POST_INFO -->
+	<div class="stat-block permissions">
+		<h3>{L_FORUM_PERMISSIONS}</h3>
+		<p><!-- BEGIN rules -->{rules.RULE}<br /><!-- END rules --></p>
+	</div>
+<!-- ENDIF -->
+
+<!-- INCLUDE overall_footer.html -->
diff --git a/simplicity/template/viewtopic_body.html b/simplicity/template/viewtopic_body.html
new file mode 100644
index 0000000..725ef0c
--- /dev/null
+++ b/simplicity/template/viewtopic_body.html
@@ -0,0 +1,470 @@
+<!-- DEFINE $NAVLINKS -->
+<!-- IF not S_IS_BOT and (U_VIEW_UNREAD_POST or U_WATCH_TOPIC or U_BOOKMARK_TOPIC or U_BUMP_TOPIC or U_EMAIL_TOPIC or U_PRINT_TOPIC or S_DISPLAY_TOPIC_TOOLS) -->
+	<!-- IF U_VIEW_UNREAD_POST -->
+		<li class="small-icon icon-mark"><a href="{U_VIEW_UNREAD_POST}">{L_VIEW_UNREAD_POST}</a></li>
+	<!-- ENDIF -->
+	<!-- IF U_WATCH_TOPIC -->
+		<li class="small-icon">
+			<a href="{U_WATCH_TOPIC}" class="watch-topic-link" title="{S_WATCH_TOPIC_TITLE}" data-ajax="toggle_link" data-toggle-class="icon <!-- IF S_WATCHING_TOPIC -->fa-check-square-o<!-- ELSE -->fa-square-o<!-- ENDIF --> fa-fw" data-toggle-text="{S_WATCH_TOPIC_TOGGLE}" data-toggle-url="{U_WATCH_TOPIC_TOGGLE}" data-update-all=".watch-topic-link">
+				<i class="icon <!-- IF S_WATCHING_FORUM -->fa-square-o<!-- ELSE -->fa-check-square-o<!-- ENDIF --> fa-fw" aria-hidden="true"></i><span>{S_WATCH_TOPIC_TITLE}</span>
+			</a>
+		</li>
+	<!-- ENDIF -->
+<!-- DEFINE $NAVLINKS_SHOW_DEFAULT = 1 -->
+<!-- ENDIF -->
+<!-- ENDDEFINE -->
+<!-- INCLUDE overall_header.html -->
+
+<!-- EVENT viewtopic_topic_title_before -->
+<h2 class="topic-title"><!-- EVENT viewtopic_topic_title_prepend --><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a><!-- EVENT viewtopic_topic_title_append --></h2>
+<!-- EVENT viewtopic_topic_title_after -->
+<!-- NOTE: remove the style="display: none" when you want to have the forum description on the topic body -->
+<!-- IF FORUM_DESC --><div style="display: none !important;">{FORUM_DESC}<br /></div><!-- ENDIF -->
+
+<!-- IF MODERATORS -->
+<p>
+	<strong><!-- IF S_SINGLE_MODERATOR -->{L_MODERATOR}<!-- ELSE -->{L_MODERATORS}<!-- ENDIF -->{L_COLON}</strong> {MODERATORS}
+</p>
+<!-- ENDIF -->
+
+<!-- IF S_FORUM_RULES -->
+	<div class="rules<!-- IF U_FORUM_RULES --> rules-link<!-- ENDIF -->">
+		<div class="inner">
+
+		<!-- IF U_FORUM_RULES -->
+			<a href="{U_FORUM_RULES}">{L_FORUM_RULES}</a>
+		<!-- ELSE -->
+			<strong>{L_FORUM_RULES}</strong><br />
+			{FORUM_RULES}
+		<!-- ENDIF -->
+
+		</div>
+	</div>
+<!-- ENDIF -->
+
+<div class="action-bar bar-top">
+	<!-- EVENT viewtopic_buttons_top_before -->
+
+	<!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO -->
+		<a href="{U_POST_REPLY_TOPIC}" class="button" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->">
+			<!-- IF S_IS_LOCKED -->
+				<span>{L_BUTTON_TOPIC_LOCKED}</span> <i class="icon fa-lock fa-fw" aria-hidden="true"></i>
+			<!-- ELSE -->
+				<span>{L_BUTTON_POST_REPLY}</span> <i class="icon fa-reply fa-fw" aria-hidden="true"></i>
+			<!-- ENDIF -->
+		</a>
+	<!-- ENDIF -->
+
+	<!-- EVENT viewtopic_buttons_top_after -->
+	<!-- INCLUDE viewtopic_topic_tools.html -->
+	<!-- EVENT viewtopic_dropdown_top_custom -->
+
+	<!-- IF S_DISPLAY_SEARCHBOX -->
+		<div class="search-box" role="search">
+			<form method="get" id="topic-search" action="{S_SEARCHBOX_ACTION}">
+			<fieldset>
+				<input class="inputbox search tiny"  type="search" name="keywords" id="search_keywords" size="20" placeholder="{L_SEARCH_TOPIC}" />
+				<button class="button button-search" type="submit" title="{L_SEARCH}">
+					<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
+				</button>
+				<a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
+					<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
+				</a>
+				{S_SEARCH_LOCAL_HIDDEN_FIELDS}
+			</fieldset>
+			</form>
+		</div>
+	<!-- ENDIF -->
+
+	<!-- IF .pagination or TOTAL_POSTS -->
+		<div class="pagination">
+			<!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT --><a href="{U_VIEW_UNREAD_POST}" class="mark">{L_VIEW_UNREAD_POST}</a> &bull; <!-- ENDIF -->{TOTAL_POSTS}
+			<!-- IF .pagination -->
+				<!-- INCLUDE pagination.html -->
+			<!-- ELSE -->
+				&bull; {PAGE_NUMBER}
+			<!-- ENDIF -->
+		</div>
+	<!-- ENDIF -->
+	<!-- EVENT viewtopic_body_pagination_top_after -->
+</div>
+
+<!-- EVENT viewtopic_body_poll_before -->
+
+<!-- IF S_HAS_POLL -->
+	<form method="post" action="{S_POLL_ACTION}" data-ajax="vote_poll" class="topic_poll">
+
+	<div class="panel">
+		<div class="inner">
+
+		<div class="content">
+			<h2 class="poll-title"><!-- EVENT viewtopic_body_poll_question_prepend -->{POLL_QUESTION}<!-- EVENT viewtopic_body_poll_question_append --></h2>
+			<p class="author">{L_POLL_LENGTH}<!-- IF S_CAN_VOTE and L_POLL_LENGTH --><br /><!-- ENDIF --><!-- IF S_CAN_VOTE --><span class="poll_max_votes">{L_MAX_VOTES}</span><!-- ENDIF --></p>
+
+			<fieldset class="polls">
+			<!-- BEGIN poll_option -->
+				<!-- EVENT viewtopic_body_poll_option_before -->
+				<dl class="<!-- IF poll_option.POLL_OPTION_VOTED -->voted<!-- ENDIF --><!-- IF poll_option.POLL_OPTION_MOST_VOTES --> most-votes<!-- ENDIF -->"<!-- IF poll_option.POLL_OPTION_VOTED --> title="{L_POLL_VOTED_OPTION}"<!-- ENDIF --> data-alt-text="{L_POLL_VOTED_OPTION}" data-poll-option-id="{poll_option.POLL_OPTION_ID}">
+					<dt><!-- IF S_CAN_VOTE --><label for="vote_{poll_option.POLL_OPTION_ID}">{poll_option.POLL_OPTION_CAPTION}</label><!-- ELSE -->{poll_option.POLL_OPTION_CAPTION}<!-- ENDIF --></dt>
+					<!-- IF S_CAN_VOTE --><dd style="width: auto;" class="poll_option_select"><!-- IF S_IS_MULTI_CHOICE --><input type="checkbox" name="vote_id[]" id="vote_{poll_option.POLL_OPTION_ID}" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ELSE --><input type="radio" name="vote_id[]" id="vote_{poll_option.POLL_OPTION_ID}" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ENDIF --></dd><!-- ENDIF -->
+					<dd class="resultbar<!-- IF not S_DISPLAY_RESULTS --> hidden<!-- ENDIF -->"><div class="<!-- IF poll_option.POLL_OPTION_PCT < 20 -->pollbar1<!-- ELSEIF poll_option.POLL_OPTION_PCT < 40 -->pollbar2<!-- ELSEIF poll_option.POLL_OPTION_PCT < 60 -->pollbar3<!-- ELSEIF poll_option.POLL_OPTION_PCT < 80 -->pollbar4<!-- ELSE -->pollbar5<!-- ENDIF -->" style="width:{poll_option.POLL_OPTION_PERCENT_REL};">{poll_option.POLL_OPTION_RESULT}</div></dd>
+					<dd class="poll_option_percent<!-- IF not S_DISPLAY_RESULTS --> hidden<!-- ENDIF -->"><!-- IF poll_option.POLL_OPTION_RESULT == 0 -->{L_NO_VOTES}<!-- ELSE -->{poll_option.POLL_OPTION_PERCENT}<!-- ENDIF --></dd>
+				</dl>
+				<!-- EVENT viewtopic_body_poll_option_after -->
+			<!-- END poll_option -->
+
+				<dl class="poll_total_votes<!-- IF not S_DISPLAY_RESULTS --> hidden<!-- ENDIF -->">
+					<dt>&nbsp;</dt>
+					<dd class="resultbar">{L_TOTAL_VOTES}{L_COLON} <span class="poll_total_vote_cnt">{TOTAL_VOTES}</span></dd>
+				</dl>
+
+			<!-- IF S_CAN_VOTE -->
+				<dl style="border-top: none;" class="poll_vote">
+					<dt>&nbsp;</dt>
+					<dd class="resultbar"><input type="submit" name="update" value="{L_SUBMIT_VOTE}" class="button1" /></dd>
+				</dl>
+			<!-- ENDIF -->
+
+			<!-- IF not S_DISPLAY_RESULTS -->
+				<dl style="border-top: none;" class="poll_view_results">
+					<dt>&nbsp;</dt>
+					<dd class="resultbar"><a href="{U_VIEW_RESULTS}">{L_VIEW_RESULTS}</a></dd>
+				</dl>
+			<!-- ENDIF -->
+			</fieldset>
+			<div class="vote-submitted hidden">{L_VOTE_SUBMITTED}</div>
+		</div>
+
+		</div>
+		{S_FORM_TOKEN}
+		{S_HIDDEN_FIELDS}
+	</div>
+
+	</form>
+<!-- ENDIF -->
+
+<!-- EVENT viewtopic_body_poll_after -->
+
+<!-- BEGIN postrow -->
+	<!-- EVENT viewtopic_body_postrow_post_before -->
+	<!-- IF postrow.S_FIRST_UNREAD -->
+		<a id="unread" class="top-anchor"<!-- IF S_UNREAD_VIEW --> data-url="{postrow.U_MINI_POST}"<!-- ENDIF -->></a>
+	<!-- ENDIF -->
+	<div id="p{postrow.POST_ID}" class="post has-profile <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_POST_DELETED --> deleted<!-- ENDIF --><!-- IF postrow.S_ONLINE and not postrow.S_POST_HIDDEN --> online<!-- ENDIF --><!-- IF postrow.POSTER_WARNINGS --> warned<!-- ENDIF -->">
+		<div class="inner">
+
+		<dl class="postprofile" id="profile{postrow.POST_ID}"<!-- IF postrow.S_POST_HIDDEN --> style="display: none;"<!-- ENDIF -->>
+			<dt class="<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG -->has-profile-rank<!-- ELSE -->no-profile-rank<!-- ENDIF --> <!-- IF postrow.POSTER_AVATAR -->has-avatar<!-- ELSE -->no-avatar<!-- ENDIF -->">
+				<div class="avatar-container">
+					<!-- EVENT viewtopic_body_avatar_before -->
+					<!-- IF postrow.POSTER_AVATAR -->
+						<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}" class="avatar">{postrow.POSTER_AVATAR}</a><!-- ELSE --><span class="avatar">{postrow.POSTER_AVATAR}</span><!-- ENDIF -->
+					<!-- ENDIF -->
+					<!-- EVENT viewtopic_body_avatar_after -->
+				</div>
+				<!-- EVENT viewtopic_body_post_author_before -->
+				<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
+				<!-- EVENT viewtopic_body_post_author_after -->
+			</dt>
+
+			<!-- EVENT viewtopic_body_postrow_rank_before -->
+			<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd class="profile-rank">{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->
+			<!-- EVENT viewtopic_body_postrow_rank_after -->
+
+		<!-- IF postrow.POSTER_POSTS != '' --><dd class="profile-posts"><strong>{L_POSTS}{L_COLON}</strong> <!-- IF postrow.U_SEARCH !== '' --><a href="{postrow.U_SEARCH}"><!-- ENDIF -->{postrow.POSTER_POSTS}<!-- IF postrow.U_SEARCH !== '' --></a><!-- ENDIF --></dd><!-- ENDIF -->
+		<!-- IF postrow.POSTER_JOINED --><dd class="profile-joined"><strong>{L_JOINED}{L_COLON}</strong> {postrow.POSTER_JOINED}</dd><!-- ENDIF -->
+		<!-- IF postrow.POSTER_WARNINGS --><dd class="profile-warnings"><strong>{L_WARNINGS}{L_COLON}</strong> {postrow.POSTER_WARNINGS}</dd><!-- ENDIF -->
+
+		<!-- IF postrow.S_PROFILE_FIELD1 -->
+			<!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
+			<dd><strong>{postrow.PROFILE_FIELD1_NAME}{L_COLON}</strong> {postrow.PROFILE_FIELD1_VALUE}</dd>
+		<!-- ENDIF -->
+
+		<!-- EVENT viewtopic_body_postrow_custom_fields_before -->
+		<!-- BEGIN custom_fields -->
+			<!-- IF not postrow.custom_fields.S_PROFILE_CONTACT -->
+				<dd class="profile-custom-field profile-{postrow.custom_fields.PROFILE_FIELD_IDENT}"><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}{L_COLON}</strong> {postrow.custom_fields.PROFILE_FIELD_VALUE}</dd>
+			<!-- ENDIF -->
+		<!-- END custom_fields -->
+		<!-- EVENT viewtopic_body_postrow_custom_fields_after -->
+
+		<!-- EVENT viewtopic_body_contact_fields_before -->
+		<!-- IF not S_IS_BOT and .postrow.contact -->
+			<dd class="profile-contact">
+				<strong>{L_CONTACT}{L_COLON}</strong>
+				<div class="dropdown-container dropdown-{S_CONTENT_FLOW_END} dropdown-down">
+					<a href="#" class="dropdown-trigger" title="{postrow.CONTACT_USER}">
+						<i class="icon fa-commenting-o fa-fw icon-lg" aria-hidden="true"></i><span class="sr-only">{postrow.CONTACT_USER}</span>
+					</a>
+					<div class="dropdown">
+						<div class="pointer"><div class="pointer-inner"></div></div>
+						<div class="dropdown-contents contact-icons">
+							<!-- BEGIN contact -->
+								{% set REMAINDER = postrow.contact.S_ROW_COUNT % 4 %}
+								<!-- DEFINE $S_LAST_CELL = ((REMAINDER eq 3) or (postrow.contact.S_LAST_ROW and postrow.contact.S_NUM_ROWS < 4)) -->
+								<!-- IF REMAINDER eq 0 -->
+									<div>
+								<!-- ENDIF -->
+									<a href="<!-- IF postrow.contact.U_CONTACT -->{postrow.contact.U_CONTACT}<!-- ELSE -->{postrow.U_POST_AUTHOR}<!-- ENDIF -->" title="{postrow.contact.NAME}"<!-- IF $S_LAST_CELL --> class="last-cell"<!-- ENDIF --><!-- IF postrow.contact.ID eq 'jabber' --> onclick="popup(this.href, 750, 320); return false;"<!-- ENDIF -->>
+										<span class="contact-icon {postrow.contact.ID}-icon">{postrow.contact.NAME}</span>
+									</a>
+								<!-- IF REMAINDER eq 3 or postrow.contact.S_LAST_ROW -->
+									</div>
+								<!-- ENDIF -->
+							<!-- END contact -->
+						</div>
+					</div>
+				</div>
+			</dd>
+		<!-- ENDIF -->
+		<!-- EVENT viewtopic_body_contact_fields_after -->
+
+		</dl>
+
+		<div class="postbody">
+			<!-- IF postrow.S_POST_HIDDEN -->
+				<!-- IF postrow.S_POST_DELETED -->
+					<div class="ignore" id="post_hidden{postrow.POST_ID}">
+						{postrow.L_POST_DELETED_MESSAGE}<br />
+						{postrow.L_POST_DISPLAY}
+					</div>
+				<!-- ELSEIF postrow.S_IGNORE_POST -->
+					<div class="ignore" id="post_hidden{postrow.POST_ID}">
+						{postrow.L_IGNORE_POST}<br />
+						{postrow.L_POST_DISPLAY}
+					</div>
+				<!-- ENDIF -->
+			<!-- ENDIF -->
+			<div id="post_content{postrow.POST_ID}"<!-- IF postrow.S_POST_HIDDEN --> style="display: none;"<!-- ENDIF -->>
+
+			<!-- EVENT viewtopic_body_post_subject_before -->
+			<h3 <!-- IF postrow.S_FIRST_ROW -->class="first"<!-- ENDIF -->><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="{postrow.POST_ICON_IMG_ALT}" title="{postrow.POST_ICON_IMG_ALT}" /> <!-- ENDIF --><a href="{postrow.U_MINI_POST}">{postrow.POST_SUBJECT}</a></h3>
+
+		<!-- DEFINE $SHOW_POST_BUTTONS = (postrow.U_EDIT or postrow.U_DELETE or postrow.U_REPORT or postrow.U_WARN or postrow.U_INFO or postrow.U_QUOTE) -->
+		<!-- EVENT viewtopic_body_post_buttons_list_before -->
+		<!-- IF not S_IS_BOT -->
+			<!-- IF $SHOW_POST_BUTTONS -->
+				<ul class="post-buttons">
+					<!-- EVENT viewtopic_body_post_buttons_before -->
+					<!-- IF postrow.U_EDIT -->
+						<li>
+							<a href="{postrow.U_EDIT}" title="{L_EDIT_POST}" class="button button-icon-only">
+								<i class="icon fa-pencil fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_EDIT}</span>
+							</a>
+						</li>
+					<!-- ENDIF -->
+					<!-- IF postrow.U_DELETE -->
+						<li>
+							<a href="{postrow.U_DELETE}" title="{L_DELETE_POST}" class="button button-icon-only">
+								<i class="icon fa-times fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_DELETE}</span>
+							</a>
+						</li>
+					<!-- ENDIF -->
+					<!-- IF postrow.U_REPORT -->
+						<li>
+							<a href="{postrow.U_REPORT}" title="{L_REPORT_POST}" class="button button-icon-only">
+								<i class="icon fa-exclamation fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_REPORT}</span>
+							</a>
+						</li>
+					<!-- ENDIF -->
+					<!-- IF postrow.U_WARN -->
+						<li>
+							<a href="{postrow.U_WARN}" title="{L_WARN_USER}" class="button button-icon-only">
+								<i class="icon fa-exclamation-triangle fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_WARN}</span>
+							</a>
+						</li>
+					<!-- ENDIF -->
+					<!-- IF postrow.U_INFO -->
+						<li>
+							<a href="{postrow.U_INFO}" title="{L_INFORMATION}" class="button button-icon-only">
+								<i class="icon fa-info fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_INFORMATION}</span>
+							</a>
+						</li>
+					<!-- ENDIF -->
+					<!-- IF postrow.U_QUOTE -->
+						<li>
+							<a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}" class="button button-icon-only">
+								<i class="icon fa-quote-left fa-fw" aria-hidden="true"></i><span class="sr-only">{L_BUTTON_QUOTE}</span>
+							</a>
+						</li>
+					<!-- ENDIF -->
+					<!-- EVENT viewtopic_body_post_buttons_after -->
+				</ul>
+			<!-- ENDIF -->
+		<!-- ENDIF -->
+		<!-- EVENT viewtopic_body_post_buttons_list_after -->
+
+			<!-- EVENT viewtopic_body_postrow_post_details_before -->
+			<p class="author">
+				<!-- IF S_IS_BOT -->
+					<span><i class="icon fa-file fa-fw <!-- IF postrow.S_UNREAD_POST -->icon-red<!-- ELSE -->icon-lightgray<!-- ENDIF --> icon-md" aria-hidden="true"></i><span class="sr-only">{postrow.MINI_POST}</span></span>
+				<!-- ELSE -->
+					<a class="unread" href="{postrow.U_MINI_POST}" title="{postrow.MINI_POST}">
+						<i class="icon fa-file fa-fw <!-- IF postrow.S_UNREAD_POST -->icon-red<!-- ELSE -->icon-lightgray<!-- ENDIF --> icon-md" aria-hidden="true"></i><span class="sr-only">{postrow.MINI_POST}</span>
+					</a>
+				<!-- ENDIF -->
+				<span class="responsive-hide">{L_POST_BY_AUTHOR} <strong>{postrow.POST_AUTHOR_FULL}</strong> &raquo; </span><time datetime="{postrow.POST_DATE_RFC3339}">{postrow.POST_DATE}</time>
+			</p>
+			<!-- EVENT viewtopic_body_postrow_post_details_after -->
+
+			<!-- IF postrow.S_POST_UNAPPROVED -->
+			<!-- IF postrow.S_CAN_APPROVE -->
+			<form method="post" class="mcp_approve" action="{postrow.U_APPROVE_ACTION}">
+				<p class="post-notice unapproved">
+					<strong>{L_POST_UNAPPROVED_ACTION}</strong>
+					<input class="button2" type="submit" value="{L_DISAPPROVE}" name="action[disapprove]" />
+					<input class="button1" type="submit" value="{L_APPROVE}" name="action[approve]" />
+					<input type="hidden" name="post_id_list[]" value="{postrow.POST_ID}" />
+					{S_FORM_TOKEN}
+				</p>
+			</form>
+			<!-- ELSE -->
+				<p class="post-notice unapproved">
+					<span><i class="icon fa-exclamation icon-red fa-fw" aria-hidden="true"></i></span>
+					<strong>{L_POST_UNAPPROVED_EXPLAIN}</strong>
+				</p>
+			<!-- ENDIF -->
+			<!-- ELSEIF postrow.S_POST_DELETED -->
+			<form method="post" class="mcp_approve" action="{postrow.U_APPROVE_ACTION}">
+				<p class="post-notice deleted">
+					<strong>{L_POST_DELETED_ACTION}</strong>
+					<!-- IF postrow.S_DELETE_PERMANENT -->
+						<input class="button2" type="submit" value="{L_DELETE}" name="action[delete]" />
+					<!-- ENDIF -->
+					<input class="button1" type="submit" value="{L_RESTORE}" name="action[restore]" />
+					<input type="hidden" name="post_id_list[]" value="{postrow.POST_ID}" />
+					{S_FORM_TOKEN}
+				</p>
+			</form>
+			<!-- ENDIF -->
+
+			<!-- IF postrow.S_POST_REPORTED -->
+			<p class="post-notice reported">
+				<a href="{postrow.U_MCP_REPORT}"><i class="icon fa-exclamation fa-fw icon-red" aria-hidden="true"></i><strong>{L_POST_REPORTED}</strong></a>
+			</p>
+			<!-- ENDIF -->
+
+			<div class="content">{postrow.MESSAGE}</div>
+
+			<!-- EVENT viewtopic_body_postrow_content_after -->
+
+			<!-- IF postrow.S_HAS_ATTACHMENTS -->
+				<dl class="attachbox">
+					<dt>
+						{L_ATTACHMENTS}
+					</dt>
+					<!-- BEGIN attachment -->
+						<dd>{postrow.attachment.DISPLAY_ATTACHMENT}</dd>
+					<!-- END attachment -->
+				</dl>
+			<!-- ENDIF -->
+
+			<!-- EVENT viewtopic_body_postrow_post_notices_before -->
+			<!-- IF postrow.S_DISPLAY_NOTICE --><div class="rules">{L_DOWNLOAD_NOTICE}</div><!-- ENDIF -->
+			<!-- IF postrow.DELETED_MESSAGE or postrow.DELETE_REASON -->
+				<div class="notice post_deleted_msg">
+					{postrow.DELETED_MESSAGE}
+					<!-- IF postrow.DELETE_REASON --><br /><strong>{L_REASON}{L_COLON}</strong> <em>{postrow.DELETE_REASON}</em><!-- ENDIF -->
+				</div>
+			<!-- ELSEIF postrow.EDITED_MESSAGE or postrow.EDIT_REASON -->
+				<div class="notice">
+					{postrow.EDITED_MESSAGE}
+					<!-- IF postrow.EDIT_REASON --><br /><strong>{L_REASON}{L_COLON}</strong> <em>{postrow.EDIT_REASON}</em><!-- ENDIF -->
+				</div>
+			<!-- ENDIF -->
+
+			<!-- IF postrow.BUMPED_MESSAGE --><div class="notice"><br /><br />{postrow.BUMPED_MESSAGE}</div><!-- ENDIF -->
+			<!-- EVENT viewtopic_body_postrow_post_notices_after -->
+			<!-- IF postrow.SIGNATURE --><div id="sig{postrow.POST_ID}" class="signature">{postrow.SIGNATURE}</div><!-- ENDIF -->
+
+			<!-- EVENT viewtopic_body_postrow_post_content_footer -->
+			</div>
+
+		</div>
+
+		</div>
+		<!-- EVENT viewtopic_body_postrow_back2top_before -->
+		<div class="back2top">
+			<!-- EVENT viewtopic_body_postrow_back2top_prepend -->
+			<a href="#top" class="top" title="{L_BACK_TO_TOP}">
+				<i class="icon fa-chevron-circle-up fa-fw icon-gray" aria-hidden="true"></i>
+				<span class="sr-only">{L_BACK_TO_TOP}</span>
+			</a>
+			<!-- EVENT viewtopic_body_postrow_back2top_append -->
+		</div>
+		<!-- EVENT viewtopic_body_postrow_back2top_after -->
+	</div>
+
+	<!-- EVENT viewtopic_body_postrow_post_after -->
+<!-- END postrow -->
+
+<!-- IF S_QUICK_REPLY -->
+	<!-- INCLUDE quickreply_editor.html -->
+<!-- ENDIF -->
+
+<!-- EVENT viewtopic_body_topic_actions_before -->
+	<div class="action-bar bar-bottom">
+	<!-- EVENT viewtopic_buttons_bottom_before -->
+
+	<!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO -->
+		<a href="{U_POST_REPLY_TOPIC}" class="button" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->">
+			<!-- IF S_IS_LOCKED -->
+				<span>{L_BUTTON_TOPIC_LOCKED}</span> <i class="icon fa-lock fa-fw" aria-hidden="true"></i>
+			<!-- ELSE -->
+				<span>{L_BUTTON_POST_REPLY}</span> <i class="icon fa-reply fa-fw" aria-hidden="true"></i>
+			<!-- ENDIF -->
+		</a>
+	<!-- ENDIF -->
+	<!-- EVENT viewtopic_buttons_bottom_after -->
+
+	<!-- INCLUDE viewtopic_topic_tools.html -->
+
+	<!-- IF (S_NUM_POSTS > 1 or .pagination) and not S_IS_BOT  -->
+		<form method="post" action="{S_TOPIC_ACTION}">
+		<!-- INCLUDE display_options.html -->
+		</form>
+	<!-- ENDIF -->
+
+	<!-- IF .quickmod -->
+	<div class="quickmod dropdown-container dropdown-container-left dropdown-up dropdown-{S_CONTENT_FLOW_END} dropdown-button-control" id="quickmod">
+		<span title="{L_QUICK_MOD}" class="button button-secondary dropdown-trigger dropdown-select">
+			<i class="icon fa-gavel fa-fw" aria-hidden="true"></i><span class="sr-only">{L_QUICK_MOD}</span>
+			<span class="caret"><i class="icon fa-sort-down fa-fw" aria-hidden="true"></i></span>
+		</span>
+		<div class="dropdown">
+				<div class="pointer"><div class="pointer-inner"></div></div>
+				<ul class="dropdown-contents">
+				<!-- BEGIN quickmod -->
+					<!-- DEFINE $QUICKMOD_AJAX = (quickmod.VALUE in ['lock', 'unlock', 'delete_topic', 'restore_topic', 'make_normal', 'make_sticky', 'make_announce', 'make_global']) -->
+					<li><a href="{quickmod.LINK}"<!-- IF $QUICKMOD_AJAX --> data-ajax="true" data-refresh="true"<!-- ENDIF -->>{quickmod.TITLE}</a></li>
+				<!-- END quickmod -->
+				</ul>
+			</div>
+		</div>
+	<!-- ENDIF -->
+
+	<!-- EVENT viewtopic_dropdown_bottom_custom -->
+
+	<!-- IF .pagination or TOTAL_POSTS -->
+		<div class="pagination">
+			{TOTAL_POSTS}
+			<!-- IF .pagination -->
+				<!-- INCLUDE pagination.html -->
+			<!-- ELSE -->
+				&bull; {PAGE_NUMBER}
+			<!-- ENDIF -->
+		</div>
+	<!-- ENDIF -->
+</div>
+
+<!-- EVENT viewtopic_body_footer_before -->
+<!-- INCLUDE jumpbox.html -->
+
+<!-- IF S_DISPLAY_ONLINE_LIST and U_VIEWONLINE -->
+	<div class="stat-block online-list">
+		<h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3>
+		<p>{LOGGED_IN_USER_LIST}</p>
+	</div>
+<!-- ENDIF -->
+
+<!-- INCLUDE overall_footer.html -->
diff --git a/simplicity/theme/_colours.scss b/simplicity/theme/_colours.scss
new file mode 100644
index 0000000..e708ca4
--- /dev/null
+++ b/simplicity/theme/_colours.scss
@@ -0,0 +1,1685 @@
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for common.css
+// --------------------------------------------------------------
+
+html, body {
+	color: $text-color;
+	background-image: url('./images/pattern.png');
+	@if $use-wrapper {
+		background-color: $page-background;
+		&.simple {
+			background-color: $content-background;
+		}
+	}
+	@else {
+		background-color: $content-background;
+	}
+}
+
+h1, p.sitename {
+	color: $header-text;
+}
+
+h2 {
+	color: $page-title-color;
+}
+
+h3 {
+	color: $stats-title-color;
+	.post & {
+		color: $block-title-color;
+	}
+	a {
+		color: inherit;
+		&:hover {
+			color: $link-hover-color;
+		}
+	}
+}
+
+hr {
+	border-color: $content-top-border;
+	border-top-color: $content-bottom-border;
+}
+
+/* Post body links */
+.postlink {
+	border-bottom-color: $link-color;
+	color: $link-color;
+}
+
+.postlink:visited {
+	border-bottom-color: $muted-color;
+	color: $muted-color;
+}
+
+.postlink:hover {
+	background-color: darken($block-background, 10%);
+	color: $link-hover-color;
+}
+
+.signature a, .signature a:hover {
+	background-color: transparent;
+}
+
+// Search box
+// ---------------------------------------------
+
+.search-box .inputbox,
+.search-box .inputbox:hover,
+.search-box .inputbox:focus,
+.search-box .button:hover {
+	border-color: $search-box-border;
+}
+
+.search-box .button {
+	&, &:hover {
+		background-color: $block-background !important;
+		border-color: $search-box-border !important;
+	}
+	&, &:before, &:after {
+		color: $primary-color;
+	}
+	&:hover, &:hover:before, &:hover:after {
+		color: $secondary-color !important;
+	}
+}
+
+.search-header {
+	box-shadow: $search-box-shadow;
+	.navbar.with-search & {
+		box-shadow: none;
+	}
+	.inputbox, .button {
+		background: $block-background !important;
+		border-color: $block-background !important;
+	}
+	.navbar.with-search & .button {
+		&, &:before, &:after {
+			color: $link-color;
+		}
+	}
+	.inputbox:hover, .inputbox:focus {
+		background-color: $block-background3 !important;
+		color: $bold-text-color !important;
+		border-color: $block-background !important;
+	}
+	.button:hover, .button:focus {
+		&, &:before, &:after {
+			background-color: $secondary-color !important;
+			color: #fff !important;
+			border-color: $secondary-color !important;
+		}
+	}
+}
+
+// Round cornered boxes and backgrounds
+// ----------------------------------------
+#wrap {
+	@if $use-wrapper {
+		background-color: $content-background;
+		background-image: url('./images/pattern.png');
+		border-color: $content-border-color;
+	}
+}
+
+.headerbar {
+	color: $header-text;
+}
+
+// Navigation
+.breadcrumbs .crumb:before {
+	color: $muted-color;
+}
+
+.navbar {
+	background-image: none;
+	&.secondary {
+		color: $link-color;
+		> ul > li:hover,
+		> ul > li.dropdown-visible {
+			&, &:after, &:before {
+				color: $secondary-nav-hover-link;
+			}
+		}
+		.dropdown {
+			color: $text-color;
+		}
+	}
+
+	.nav-tabs {
+		background-color: $primary-nav-bg;
+
+		.tab {
+			color: $primary-nav-color;
+			&.selected {
+				color: $primary-nav-selected-color;
+				background-color: $primary-nav-selected-bg;
+			}
+			&:hover,
+			&.dropdown-visible {
+				color: $primary-nav-hover-color;
+				background-color: $primary-nav-hover-bg;
+			}
+			& > strong {
+				color: $primary-nav-alert-color;
+				background-color: $primary-nav-alert-bg;
+				box-shadow: $primary-nav-alert-shadow;
+				.arrow {
+					border-top-color: $primary-nav-alert-bg;
+				}
+			}
+			.dropdown {
+				color: $text-color;
+			}
+		}
+	}
+
+	// Tabbed navigation
+	@if $tabbed-navigation {
+		&.tabbed.not-static {
+			.nav-tabs {
+				li.tab {
+					// Tabs layout
+					color: $link-color;
+					background-color: $block-background;
+
+					&.selected {
+						@include tabbed-nav-layout-all {
+							background-color: $primary-color;
+							color: $overlay-color;
+						}
+					}
+
+					&:hover {
+						@include tabbed-nav-layout-all {
+							background-color: $secondary-color;
+							color: $overlay-color;
+						}
+					}
+
+					&.dropdown-visible {
+						@include tabbed-nav-layout-all {
+							background-color: $primary-color;
+							color: $overlay-color;
+						}
+					}
+				}
+			}
+
+			// Second row
+			+ .navbar.secondary {
+				background: $primary-color;
+				color: $overlay-color;
+
+				> ul > li {
+					&, &:after, &:before {
+						color: $overlay-color;
+					}
+				}
+
+				> ul > li:hover,
+				> ul > li.dropdown-visible {
+					&, &:after, &:before {
+						color: $overlay-color;
+					}
+					background: none;
+					box-shadow: none;
+					filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+				}
+			}
+		}
+	}
+}
+
+.panel {
+	background-color: $block-background;
+	color: $text-color;
+}
+
+.post:target .content {
+	color: $bold-text-color;
+}
+
+.post:target h3 a {
+	color: $bold-text-color;
+}
+
+.bg1 {
+	background-color: $block-background;
+}
+
+table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
+	background-color: $block-background;
+}
+
+.bg2 {
+	background-color: $block-background2;
+}
+
+table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
+	background-color: $block-background2;
+}
+
+.bg3 { 
+	background-color: $block-background3;
+	&.panel {
+		background: transparent none;
+		background-color: rgba($content-background, .3);
+		border-top-color: $tab-selected-background;
+		&:before, &:after {
+			background: -webkit-linear-gradient(to bottom, $tab-selected-background 0%, rgba($tab-selected-background, 0) 100%);
+			background: linear-gradient(to bottom, $tab-selected-background 0%, rgba($tab-selected-background, 0) 100%);
+		}
+	}
+	.section-posting &.panel {
+		background-color: $block-background;
+		&:before, &:after {
+			background: transparent;
+		}
+	}
+}
+
+// Horizontal lists
+// ----------------------------------------
+
+ul.navlinks {
+	border-top-color: $block-inner-border;
+}
+
+// Forums list layout
+// ----------------------
+.forumtitle {
+	.forum_unread &,
+	.forum_unread_subforum &,
+	.forum_unread_locked & {
+		color: $link-hover-color;
+	}
+}
+
+.topictitle {
+	.global_unread &,
+	.global_unread_mine &,
+	.global_unread_locked &,
+	.global_unread_locked_mine &,
+	.announce_unread &,
+	.announce_unread_mine &,
+	.announce_unread_locked &,
+	.announce_unread_locked_mine &,
+	.sticky_unread &,
+	.sticky_unread_mine &,
+	.sticky_unread_locked &,
+	.sticky_unread_locked_mine &,
+	.topic_unread &,
+	.topic_unread_mine &,
+	.topic_unread_locked &,
+	.topic_unread_locked_mine &,
+	.topic_unread_hot &,
+	.topic_unread_hot_mine &
+	{
+		color: $link-hover-color;
+	}
+}
+
+.forum-statistics {
+	color: $muted-color;
+}
+
+.forum-lastpost {
+	color: $muted-color;
+	span:before {
+		opacity: .5;
+	}
+}
+
+.forum-description.toggle {
+	color: $forum-description-color;
+	background-color: fade-out($forum-description-bg, .2);
+	a {
+		color: inherit !important;
+	}
+	span.arrow {
+		border-right-color: fade-out($forum-description-bg, .2);
+	}
+	.rtl & span.arrow {
+		border-right-color: transparent;
+		border-left-color: fade-out($forum-description-bg, .2);
+	}
+}
+
+.forum-statistics {
+	.value {
+		color: $bold-text-color;
+	}
+}
+
+// Table styles
+// ----------------------------------------
+table.table1 thead th {
+	color: $heading-color;
+}
+
+table.table1 tbody tr {
+	border-color: $block-inner-border;
+}
+
+table.table1 tbody tr:hover, table.table1 tbody tr.hover {
+	background-color: $block-background3;
+	color: $bold-text-color;
+}
+
+table.table1 td {
+	color: $text-color;
+}
+
+table.table1 tbody td {
+	border-top-color: $block-inner-border;
+}
+
+table.table1 tbody th {
+	border-bottom-color: $block-bottom-border;
+	color: $bold-text-color;
+	background-color: $content-background;
+}
+
+table.info tbody th {
+	color: $bold-text-color;
+}
+
+// Misc layout styles
+// ----------------------------------------
+dl.details dt {
+	color: $bold-text-color;
+}
+
+dl.details dd {
+	color: $tab-color;
+}
+
+.sep {
+	color: $primary-color;
+}
+
+/* Icon styles
+---------------------------------------- */
+.icon.icon-blue, a:hover .icon.icon-blue {
+	color: #196db5;
+}
+
+.icon.icon-green, a:hover .icon.icon-green{
+	color: #1b9A1B;
+}
+
+.icon.icon-red, a:hover .icon.icon-red{
+	color: #BC2A4D;
+}
+
+.icon.icon-orange, a:hover .icon.icon-orange{
+	color: #FF6600;
+}
+
+.icon.icon-bluegray, a:hover .icon.icon-bluegray{
+	color: #536482;
+}
+
+.icon.icon-gray, a:hover .icon.icon-gray{
+	color: #777777;
+}
+
+.icon.icon-lightgray, a:hover .icon.icon-lightgray{
+	color: #999999;
+}
+
+.icon.icon-black, a:hover .icon.icon-black{
+	color: #333333;
+}
+
+.alert_close .icon:before {
+	background-color: #FFFFFF;
+}
+
+/* Jumpbox */
+.jumpbox .dropdown li {
+	border-top-color: $dropdown-heading-top;
+}
+
+.jumpbox-cat-link {
+	background-color: $dropdown-heading-top;
+	color: $dropdown-heading-color;
+}
+
+.jumpbox-cat-link:hover {
+	background-color: $secondary-color;
+	border-top-color: $secondary-color;
+	color: $dropdown-heading-link-hover-color;
+}
+
+.jumpbox-forum-link {
+	background-color: $dropdown-bg;
+}
+
+.jumpbox-forum-link:hover {
+	background-color: $content-background;
+}
+
+.jumpbox .dropdown .pointer-inner {
+	border-color: $dropdown-bg transparent;
+}
+
+.jumpbox-sub-link {
+	background-color: $dropdown-bg;
+}
+
+.jumpbox-sub-link:hover {
+	background-color: $content-background;
+}
+
+
+
+// Pagination
+// ----------------------------------------
+
+.pagination li a {
+	color: $link-color;
+	background-color: $block-background;
+	border-color: $block-inner-border;
+}
+
+.pagination li.ellipsis span {
+	background-color: transparent;
+	color: $bold-text-color;
+}
+
+.pagination li.active span {
+	color: $overlay-color;
+	background-color: $primary-color;
+	border-color: $primary-color;
+}
+
+.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
+	border-color: $link-hover-color;
+	background-color: $link-hover-color;
+	color: $overlay-color;
+}
+
+.pagination li.page-jump a:after {
+	color: $link-color;
+}
+
+.pagination li.page-jump a:hover:after {
+	color: $link-hover-color;
+}
+
+// Miscellaneous styles
+// ----------------------------------------
+
+.copyright {
+	color: $muted-color;
+}
+
+.error {
+	color: $secondary-color;
+}
+
+.reported {
+	background-color: $block-background-reported;
+	.postprofile, .signature {
+		border-color: darken($block-background-reported, 3%);
+	}
+}
+
+li.reported:hover {
+	background-color: $block-background-reported;
+}
+.sticky, .announce {
+	// you can add a background for stickies and announcements
+}
+
+div.rules {
+	background-color: mix($content-background, $rules-color, 85%);
+	color: $rules-color;
+}
+
+p.post-notice {
+	background-color: mix($block-background, $rules-color, 85%);
+	color: $rules-color;
+	background-image: none;
+}
+
+// Blank FontAwesome replacement
+%post-notice {
+	font-family: FontAwesome;
+}
+
+p.post-notice.deleted:before {
+	@extend %post-notice;
+	content: '\f057';	// fa-times-circle
+	color: $secondary-color;
+}
+
+p.post-notice.unapproved:before {
+	@extend %post-notice;
+	content: '\f059';	// fa-question-circle
+	color: $secondary-color;
+}
+
+p.post-notice.reported:before, p.post-notice.error:before {
+	@extend %post-notice;
+	content: '\f071';	// fa-warning
+	color: $secondary-color;
+}
+
+// Topic status
+.topic-status.sticky {
+	color: $muted-color;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for links.css
+// --------------------------------------------------------------
+
+a { color: $link-color; }
+a:hover	{ color: $link-hover-color; }
+
+a.time { 
+	color: $faint-color; 
+	&:hover {
+		color: $link-hover-color;
+	}
+}
+
+// Links on gradient backgrounds
+.forumbg .header a, .forabg .header a, th a {
+	color: $heading-link;
+}
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+	color: $heading-link-hover;
+}
+
+// Notification mark read link
+.dropdown-extended a.mark_read {
+	background-color: $dropdown-bg;
+}
+
+// Back to top of page
+a.top, a.top2 {
+	color: $muted-color;
+	&:hover {
+		color: $link-hover-color;
+	}
+}
+
+// Arrow links
+a.arrow-left:hover {
+}
+
+a.arrow-right:hover {
+}
+
+a.feed-icon-forum:after {
+	color: mix($muted-color, $block-background, 50%);
+}
+
+a.feed-icon-forum:hover:after {
+	color: $link-hover-color;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for content.css
+// --------------------------------------------------------------
+
+ul.forums {
+}
+
+ul.topiclist li {
+	color: $text-color;
+	@if $split-forums == false {
+		.forabg &, .forumbg & {
+			background: transparent;
+		}
+	}
+}
+
+ul.topiclist li.row dt a.subforum.read {
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-size: 11px 9px;
+	}
+}
+
+ul.topiclist li.row dt a.subforum.unread {
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-size: 11px 9px;
+	}
+}
+
+li.row {
+	border-top-color: $block-top-border;
+	border-bottom-color: $block-bottom-border;
+	.forum-lastpost strong,
+	.subforums-list strong {
+		color: $muted-color;
+	}
+}
+
+li.row strong {
+	color: $bold-text-color;
+}
+
+li.row:hover {
+}
+
+li.row:hover dd {
+}
+
+// Unread forum/topic
+.icon-link + .list-inner > a.forumtitle,
+.pm_unread .topictitle,
+a.subforum.unread {
+	color: $secondary-color;
+}
+
+// Post body styles
+// ----------------------------------------
+.postbody {
+	color: $post-text-color;
+}
+
+// Content container styles
+// ----------------------------------------
+.content {
+	color: $post-text-color;
+}
+
+.content h2, .panel h2 {
+	color: $panel-title-color;
+	border-bottom-color:  $panel-title-border;
+}
+
+dl.faq dt {
+	color: $post-text-color;
+}
+
+.posthilit {
+	background-color: $block-background-reported;
+	color: if($light, darken($secondary-color, 10%), lighten($secondary-color, 10%));
+}
+
+.announce, .unreadpost {
+	// Highlight the announcements & unread posts box
+}
+
+// Post signature
+.signature {
+	border-top-color: $block-inner-border;
+}
+
+// Post noticies
+.notice {
+	border-top-color:  $block-inner-border;
+}
+
+// BB Code styles
+// ----------------------------------------
+// Quote block
+blockquote {
+	background-color: $bbcode-background;
+	border-color: $bbcode-outer-border;
+	border-left-color: lighten($secondary-color, 15%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten($secondary-color, 15%);
+	}
+}
+
+blockquote blockquote,
+blockquote .codebox,
+blockquote .attachbox {
+	// Nested quotes
+	background-color: $bbcode-background2;
+	background-color: rgba(196, 196, 196, 0.1);
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+blockquote blockquote blockquote,
+blockquote blockquote .codebox,
+blockquote blockquote .attachbox {
+	// Nested quotes
+	background-color: $bbcode-background;
+	border-left-color: lighten($secondary-color, 15%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten($secondary-color, 15%);
+	}
+}
+
+blockquote:before {
+	color: $muted-color;
+}
+
+// Code block
+.codebox {
+	background-color: $bbcode-background;
+	border-color: $bbcode-outer-border;
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+.codebox p {
+	border-bottom-color:  $bbcode-inner-border;
+}
+
+.codebox code {
+	color: $bbcode-code-color;
+}
+
+// Attachments
+// ----------------------------------------
+.attachbox {
+	background-color: $bbcode-background;
+	border-color:  $bbcode-outer-border;
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+.attachbox dd {
+	border-top-color: $bbcode-inner-border;
+}
+
+.attachbox p {
+	color: $bbcode-heading-text;
+}
+
+.attachbox p.stats {
+	color: $bbcode-heading-text;
+}
+
+// Inline image thumbnails
+
+dl.file dd {
+	color: $bbcode-heading-text;
+}
+
+dl.thumbnail img {
+	border-color: $bbcode-inner-border;
+	background-color: $block-background;
+}
+
+dl.thumbnail dd {
+	color: $bbcode-heading-text;
+}
+
+// Post poll styles
+// ----------------------------------------
+
+fieldset.polls dl {
+	border-top-color: $block-top-border;
+	border-bottom-color: $block-bottom-border;
+	color: $text-color;
+}
+
+fieldset.polls dl.voted {
+	color: $bold-text-color;
+}
+
+fieldset.polls dd div {
+	color: $overlay-color;
+}
+
+%pollbar {
+	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
+}
+
+.pollbar1 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 30%);
+}
+
+.pollbar2 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 25%);
+}
+
+.pollbar3 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 20%);
+}
+
+.pollbar4 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 10%);
+}
+
+.pollbar5 {
+	@extend %pollbar;
+	background-color: $secondary-color;
+}
+
+// Poster profile block
+// ----------------------------------------
+.postprofile {
+	color: $text-color;
+	border-color: $block-inner-border;
+}
+
+.postprofile strong {
+	color: $bold-text-color;
+}
+
+.online-ribbon span {
+	background-color: $secondary-color;
+	color: #fff;
+}
+
+dd.profile-warnings {
+	color: #BC2A4D;
+}
+
+.no-avatar .avatar-container {
+	background-image: url("./images/no_avatar.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+		background-image: url("./images/no_avatar_hd.png");
+	}
+}
+
+.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+	background: rgba(0, 0, 0, .1);
+}
+
+.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+	background: rgba(0, 0, 0, .3);
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for buttons.css
+// --------------------------------------------------------------
+.button {
+	&, .buttons > &.locked-icon {
+		border-color: $button-border;
+		background-color: $button-bg;
+		color: $button-text;
+		box-shadow: none;
+	}
+
+
+	&:after, &:before {
+	}
+	.buttons > &.locked-icon {
+		color: $button-icon;
+		&:after, &:before {
+			color: $button-icon !important;
+		}
+		&:hover {
+			box-shadow: none;
+		}
+	}
+
+	& > strong {
+	}
+
+	.buttons > &, &.report-icon, &.delete-icon {
+		border-color: $primary-color;
+		background-color: $primary-color;
+		color: $overlay-color;
+
+		&:after, &:before {
+			color: mix($overlay-color, $primary-color, 85%) !important;
+		}
+
+		& > strong {
+		}
+	}
+	&.report-icon, &.delete-icon {
+		border-color: $secondary-color;
+		background-color: $secondary-color;
+
+		&:after, &:before {
+			color: mix($overlay-color, $secondary-color, 85%) !important;
+		}
+	}
+}
+
+.dropdown-select {
+	.buttons > & {
+		color: $muted-color;
+	}
+}
+
+.dropdown-select:after { 
+	border-color: mix($button-bg, $content-background, 60%);
+}
+.dropdown-select:hover	{ 
+	border-color: $button-border; 
+}
+
+.dropdown-select:hover:after, .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after	{ 
+	border-color: mix($secondary-color, $content-background, 90%);
+}
+
+.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select,
+.buttons > .button:hover,
+.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
+	border-color: $secondary-color !important;
+	background-color: $secondary-color;
+	color: $overlay-color;
+
+	&:after, &:before {
+		color: $overlay-color !important;
+	}
+}
+
+.contact-icons a		{ border-color: $block-inner-border; }
+
+// Small icons
+%icon-button {
+	color: $button-icon;
+	&:hover {
+		color: $button-icon-hover;
+	}
+}
+
+%icon-button-visible {
+	.dropdown-visible &,
+	.nojs .dropdown-container:hover & {
+		color: $button-icon-hover;
+	}
+}
+
+.jabber-icon:after {
+	color: #c90000;
+}
+
+.phpbb_icq-icon:after {
+	color: #60ff00;
+	text-shadow: 0 0 1px #000, 0 0 2px #000;
+}
+
+.phpbb_wlm-icon:after {
+	color: #75afd3;
+}
+
+.phpbb_aol-icon:after {
+	color: #ffd800;
+	text-shadow: 0 0 1px #000, 0 0 2px #000;
+}
+
+// Icon images
+// ----------------------------------------
+%icon-image {
+	&:after {
+		color: $link-color;
+	}
+	&:hover:after {
+		color: $link-hover-color;
+	}
+}
+
+%icon-search-new {
+	&:after {
+		color: $secondary-color;
+	}
+}
+
+%icon-search-misc {
+	&:after {
+		color: $faint-color;
+	}
+}
+
+.icon-home {
+	&.breadcrumbs:after {
+		color: $link-color;
+	}
+}
+
+.icon-notification, .icon-pm {
+	&.non-zero:after {
+		color: $secondary-color;
+	}
+}
+
+.icon-time {
+	&:after {
+		color: $faint-color;
+	}
+}
+
+/* Profile & navigation icons */
+.pm-icon							{ background-position: 0 0; }
+.email-icon							{ background-position: -21px 0; }
+.jabber-icon						{ background-position: -80px 0; }
+.phpbb_icq-icon						{ background-position: -61px 0 ; }
+.phpbb_wlm-icon						{ background-position: -182px 0; }
+.phpbb_aol-icon						{ background-position: -244px 0; }
+.phpbb_website-icon					{ background-position: -40px 0; }
+.phpbb_youtube-icon					{ background-position: -98px 0; }
+.phpbb_facebook-icon				{ background-position: -119px 0; }
+.phpbb_googleplus-icon				{ background-position: -140px 0; }
+.phpbb_skype-icon					{ background-position: -161px 0; }
+.phpbb_twitter-icon					{ background-position: -203px 0; }
+.phpbb_yahoo-icon					{ background-position: -224px 0; }
+
+// Forum icons & Topic icons
+.global_read													{ background-image: url("./images/announce_read.png"); }
+.global_read_mine												{ @extend .global_read; }
+.global_read_locked												{ background-image: url("./images/announce_read_locked.png"); }
+.global_read_locked_mine										{ @extend .global_read_locked; }
+.global_unread													{ background-image: url("./images/announce_unread.png"); }
+.global_unread_mine												{ @extend .global_unread; }
+.global_unread_locked											{ background-image: url("./images/announce_unread_locked.png"); }
+.global_unread_locked_mine										{ @extend .global_unread_locked; }
+
+.announce_read													{ @extend .global_read; }
+.announce_read_mine												{ @extend .global_read_mine; }
+.announce_read_locked											{ @extend .global_read_locked; }
+.announce_read_locked_mine										{ @extend .global_read_locked_mine; }
+.announce_unread												{ @extend .global_unread; }
+.announce_unread_mine											{ @extend .global_unread_mine; }
+.announce_unread_locked											{ @extend .global_unread_locked; }
+.announce_unread_locked_mine									{ @extend .global_unread_locked_mine; }
+
+.forum_link														{ background-image: url("./images/forum_link.png"); }
+.forum_read														{ background-image: url("./images/forum_read.png"); }
+.forum_read_locked												{ background-image: url("./images/forum_read_locked.png"); }
+.forum_read_subforum											{ background-image: url("./images/forum_read_subforum.png"); }
+.forum_unread													{ background-image: url("./images/forum_unread.png"); }
+.forum_unread_locked											{ background-image: url("./images/forum_unread_locked.png"); }
+.forum_unread_subforum											{ background-image: url("./images/forum_unread_subforum.png"); }
+
+.sticky_read													{ @extend .topic_read; }
+.sticky_read_mine												{ @extend .topic_read_mine; }
+.sticky_read_locked												{ @extend .topic_read_locked; }
+.sticky_read_locked_mine										{ @extend .topic_read_locked_mine; }
+.sticky_unread													{ @extend .topic_unread; }
+.sticky_unread_mine												{ @extend .topic_unread_mine; }
+.sticky_unread_locked											{ @extend .topic_unread_locked; }
+.sticky_unread_locked_mine										{ @extend .topic_unread_locked_mine; }
+
+.topic_moved													{ background-image: url("./images/topic_moved.png"); }
+.topic_read														{ background-image: url("./images/topic_read.png"); }
+.topic_read_mine												{ background-image: url("./images/topic_read_mine.png"); }
+.topic_read_hot													{ background-image: url("./images/topic_read_hot.png"); }
+.topic_read_hot_mine											{ background-image: url("./images/topic_read_hot_mine.png"); }
+.topic_read_locked												{ background-image: url("./images/topic_read_locked.png"); }
+.topic_read_locked_mine											{ background-image: url("./images/topic_read_locked_mine.png"); }
+.topic_unread,													{ background-image: url("./images/topic_unread.png"); }
+.topic_unread_mine												{ background-image: url("./images/topic_unread_mine.png"); }
+.topic_unread_hot												{ background-image: url("./images/topic_unread_hot.png"); }
+.topic_unread_hot_mine											{ background-image: url("./images/topic_unread_hot_mine.png"); }
+.topic_unread_locked											{ background-image: url("./images/topic_unread_locked.png"); }
+.topic_unread_locked_mine										{ background-image: url("./images/topic_unread_locked_mine.png"); }
+
+.pm_read														{ @extend .topic_read; }
+.pm_unread														{ @extend .topic_unread; }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)
+{
+	.global_read, .global_read_locked, .global_unread, .global_unread_locked,
+	.forum_link, .forum_read, .forum_read_locked, .forum_read_subforum, .forum_unread, .forum_unread_locked, .forum_unread_subforum,
+	.topic_moved, .topic_read, .topic_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .topic_read_locked_mine,
+	.topic_unread, .topic_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .topic_unread_locked_mine
+	{
+		background-size: 36px 36px;
+	}
+
+	.global_read												{ background-image: url("./images/announce_read_hd.png"); }
+	.global_read_locked											{ background-image: url("./images/announce_read_locked_hd.png"); }
+	.global_unread												{ background-image: url("./images/announce_unread_hd.png"); }
+	.global_unread_locked										{ background-image: url("./images/announce_unread_locked_hd.png"); }
+
+	.forum_link													{ background-image: url("./images/forum_link_hd.png"); }
+	.forum_read													{ background-image: url("./images/forum_read_hd.png"); }
+	.forum_read_locked											{ background-image: url("./images/forum_read_locked_hd.png"); }
+	.forum_read_subforum										{ background-image: url("./images/forum_read_subforum_hd.png"); }
+	.forum_unread												{ background-image: url("./images/forum_unread_hd.png"); }
+	.forum_unread_locked										{ background-image: url("./images/forum_unread_locked_hd.png"); }
+	.forum_unread_subforum										{ background-image: url("./images/forum_unread_subforum_hd.png"); }
+
+	.topic_moved												{ background-image: url("./images/topic_moved_hd.png"); }
+	.topic_read													{ background-image: url("./images/topic_read_hd.png"); }
+	.topic_read_mine											{ background-image: url("./images/topic_read_mine_hd.png"); }
+	.topic_read_hot												{ background-image: url("./images/topic_read_hot_hd.png"); }
+	.topic_read_hot_mine										{ background-image: url("./images/topic_read_hot_mine_hd.png"); }
+	.topic_read_locked											{ background-image: url("./images/topic_read_locked_hd.png"); }
+	.topic_read_locked_mine										{ background-image: url("./images/topic_read_locked_mine_hd.png"); }
+	.topic_unread												{ background-image: url("./images/topic_unread_hd.png"); }
+	.topic_unread_mine											{ background-image: url("./images/topic_unread_mine_hd.png"); }
+	.topic_unread_hot											{ background-image: url("./images/topic_unread_hot_hd.png"); }
+	.topic_unread_hot_mine										{ background-image: url("./images/topic_unread_hot_mine_hd.png"); }
+	.topic_unread_locked										{ background-image: url("./images/topic_unread_locked_hd.png"); }
+	.topic_unread_locked_mine									{ background-image: url("./images/topic_unread_locked_mine_hd.png"); }
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for cp.css
+// --------------------------------------------------------------
+
+// Main CP box
+// ----------------------------------------
+
+.panel-container h3, .panel-container hr, #cp-menu hr {
+}
+
+.panel-container .panel li.row {
+}
+
+ul.cplist {
+}
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+	color: $bold-text-color;
+}
+
+.panel-container table.table1 thead th {
+	color: $post-text-color;
+	border-bottom-color: $block-inner-border;
+}
+
+#cp-main .pm-message {
+	border-color: $block-border;
+	background-color: $block-background;
+}
+
+// CP tabbed menu
+// ----------------------------------------
+#tabs .tab > a {
+	background: $tab-background;
+	color: $tab-color;
+}
+
+#tabs .tab > a:hover {
+	background: $tab-hover-background;
+	color: $tab-hover-color;
+}
+
+#tabs .activetab > a,
+#tabs .activetab > a:hover {
+	background: $tab-selected-background;
+	box-shadow: 0 5px 5px -5px $tab-selected-background;
+	border-color: $tab-selected-background;
+	color: $tab-selected-color;
+}
+
+#tabs .activetab > a:hover {
+}
+
+// Mini tabbed menu used in MCP
+// ----------------------------------------
+#minitabs .tab > a {
+	background-color: $block-background2;
+}
+
+#minitabs .activetab > a,
+#minitabs .activetab > a:hover {
+	background-color: #F9F9F9;
+	color: #333333;
+}
+
+// Responsive tabs
+// ----------------------------------------
+.responsive-tab .responsive-tab-link:before {
+	color: $tab-color;
+}
+
+// UCP navigation menu
+// ----------------------------------------
+
+// Link styles for the sub-section links
+#navigation a {
+	color: $text-color;
+	background: $block-background;
+	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .1);
+}
+
+#navigation a:hover {
+	background: $block-background2;
+	color: $link-hover-color;
+}
+
+#navigation #active-subsection a {
+	background: $primary-color;
+	color: $overlay-color;
+}
+
+#navigation #active-subsection a:hover {
+	background-color: $secondary-color;
+}
+
+#navigation > hr {
+	border-top-color: $block-background2;
+}
+
+// Preferences pane layout
+// ----------------------------------------
+.panel-container h2 {
+	color: $post-text-color;
+}
+
+.panel-container .panel {
+	background: mix($content-background, $block-background3, 60%);
+	box-shadow: none;
+	border-width: 0;
+	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+	& > .inner > h3:first-child {
+		@include section-heading-cp;
+	}
+	&:before, &:after {
+		background: transparent;
+	}
+}
+
+#cp-main .pm {
+	background-color: $block-background;
+}
+
+// Friends list
+.cp-mini {
+	background-color: $block-background2;
+}
+
+dl.mini dt {
+}
+
+// PM Styles
+// ----------------------------------------
+// PM Message history
+.current {
+	color: $bold-text-color !important;
+}
+
+// PM marking colours
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: #BC2A4D;
+	border-right-color: #BC2A4D;
+}
+
+.pmlist li.pm_marked_colour, .pm_marked_colour {
+	border-color: #FF6600;
+}
+
+.pmlist li.pm_replied_colour, .pm_replied_colour {
+	border-color: #A9B8C2;
+}
+
+.pmlist li.pm_friend_colour, .pm_friend_colour {
+	border-color: #5D8FBD;
+}
+
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+	border-color: #000000;
+}
+
+// Avatar gallery
+#gallery label {
+	background: $block-background2;
+	border-color: $block-inner-border;
+}
+
+#gallery label:hover {
+	background-color: $block-background3;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for forms.css
+// --------------------------------------------------------------
+
+// General form styles
+// ----------------------------------------
+select {
+	border-color: $input-border;
+	background-color: $input-bg;
+	color: $input-text;
+}
+
+label {
+	color: $text-color;
+}
+
+option.disabled-option {
+	color: $muted-color;
+}
+
+// Definition list layout for forms
+// ----------------------------------------
+dd label {
+	color: $post-text-color;
+}
+
+fieldset.fields1 {
+	background-color: transparent;
+}
+
+// Hover effects
+fieldset dl:hover dt label {
+	color: $bold-text-color;
+}
+
+fieldset.fields2 dl:hover dt label {
+	color: inherit;
+}
+
+// Quick-login on index page
+fieldset.quick-login input.inputbox {
+}
+
+// Posting page styles
+// ----------------------------------------
+
+#message-box textarea {
+	color: $input-text;
+}
+
+#message-box textarea.drag-n-drop {
+	outline-color: rgba($faint-color, 0.5);
+}
+
+#message-box textarea.drag-n-drop-highlight {
+	outline-color: rgba($muted-color, 0.5);
+}
+
+// Input field styles
+// ----------------------------------------
+.inputbox, select {
+	background-color: $input-bg;
+	border-color: $input-border;
+	color: $input-text;
+}
+
+.inputbox {
+	@include placeholder {
+		color: mix($input-text, $input-bg, 70%);
+	}
+}
+
+.inputbox:hover, select:hover {
+	background-color: $input-hover-bg;
+	border-color: $input-hover-border;
+	color: $input-hover-text;
+}
+
+.inputbox:focus, select:focus {
+	background-color: $input-focus-bg;
+	border-color: $input-focus-border;
+	color: $input-focus-text;
+}
+
+.inputbox:hover {
+	@include placeholder {
+		color: $input-hover-text;
+	}
+}
+
+.inputbox:focus {
+	@include placeholder {
+		color: transparent;
+	}
+}
+
+
+// Form button styles
+// ----------------------------------------
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+	color: $button-text;
+	border-color: $button-border;
+	background-color: $button-bg;
+}
+
+a.button1, input.button1 {
+	border-color: $primary-color;
+	background-color: $primary-color;
+	color: $overlay-color;
+}
+
+input.button3 {
+	background-image: none;
+}
+
+// Hover states
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+	border-color: $secondary-color;
+	background-color: $secondary-color;
+	color: $overlay-color;
+}
+
+// Focus states
+input.button1:focus, input.button2:focus, input.button3:focus {
+	border-color: $secondary-color;
+	background-color: $secondary-color;
+	color: $overlay-color;
+}
+
+input.disabled {
+	color: $muted-color;
+}
+
+// jQuery popups
+// ----------------------------------------
+.phpbb_alert {
+	background-color: $content-background;
+	border-color: $block-inner-border;
+}
+.phpbb_alert .alert_close:before {
+	color: $link-color;
+}
+.phpbb_alert .alert_close:hover:before {
+	color: $link-hover-color;
+}
+.phpbb_alert .alert_close:after {
+	color: $content-background;
+}
+.darken {
+	background-color: #000;
+}
+
+.loading_indicator {
+	background-color: #000;
+	background-image: url("./images/loading.gif");
+}
+
+.dropdown-extended ul li {
+	border-top-color: $block-inner-border;
+}
+
+.dropdown-extended ul li:hover {
+	background-color: $block-background2;
+	color: $bold-text-color;
+}
+
+.dropdown-extended .header, .dropdown-extended .footer {
+	border-color: $block-inner-border;
+	color: $bold-text-color;
+}
+
+.dropdown-extended .footer {
+	border-top-style: solid;
+	border-top-width: 1px;
+}
+
+.dropdown-extended .header {
+	background: $dropdown-heading-top;
+	// background-image: -webkit-linear-gradient(top, $dropdown-heading-top 0, $dropdown-heading-bottom 100%);
+	// background-image: linear-gradient(to bottom, $dropdown-heading-top 0, $dropdown-heading-bottom 100%);
+	// filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($dropdown-heading-top)}', endColorstr='#{ie-hex-str($dropdown-heading-top)}');
+	color: $dropdown-heading-color;
+	a {
+		color: $dropdown-heading-link-color;
+		&:hover {
+			color: $dropdown-heading-link-hover-color;
+		}
+	}
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+	color: $link-color;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
+	color: $link-hover-color;
+}
+
+.dropdown .dropdown-contents {
+	background: $dropdown-bg;
+	border-color: $dropdown-border;
+	box-shadow: $dropdown-shadow;
+}
+
+.dropdown-up .dropdown-contents {
+	box-shadow: $dropdown-shadow-up;
+}
+
+.dropdown li, .dropdown li li {
+	border-color: $dropdown-inner-border;
+}
+
+.dropdown li.separator {
+	border-color: $dropdown-inner-border;
+}
+
+// Notifications
+// ----------------------------------------
+.notification_list li {
+	&.notification-reported strong, &.notification-disapproved strong {
+		color: $secondary-color;
+	}
+
+	&.dropdown-notification {
+		background-color: $dropdown-notification-bg;
+		color: $dropdown-notification-color;
+		&, .panel-container & {
+			border-top-color: lighten($dropdown-notification-bg, 10%);
+			border-bottom-color: darken($dropdown-notification-bg, 10%);
+		}
+		strong {
+			color: $dropdown-notification-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($dropdown-notification-bg, $dropdown-notification-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($dropdown-notification-bg) < 50%, darken($dropdown-notification-bg, 30%), lighten($dropdown-notification-bg, 30%)), 100%);
+			&, &:after {
+				color: $dropdown-notification-strong-color;
+				&:hover {
+					color: $dropdown-notification-color;
+				}
+			}
+		}
+	}
+
+	&.bg3 {
+		// Unread
+		background-color: $notification-unread-bg;
+		color: $notification-unread-color;
+		&, .panel-container & {
+			border-top-color: lighten($notification-unread-bg, 10%);
+			border-bottom-color: darken($notification-unread-bg, 10%);
+		}
+		strong {
+			color: $notification-unread-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($notification-unread-bg, $notification-unread-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($notification-unread-bg) < 50%, darken($notification-unread-bg, 30%), lighten($notification-unread-bg, 30%)), 100%);
+			&, &:after {
+				color: $notification-unread-strong-color;
+				&:hover {
+					color: $notification-unread-color;
+				}
+			}
+		}
+	}
+
+	&.dropdown-notification:hover {
+		background-color: $dropdown-notification-hover-bg;
+		color: $dropdown-notification-color;
+		&, .panel-container & {
+			border-top-color: lighten($dropdown-notification-hover-bg, 10%);
+			border-bottom-color: darken($dropdown-notification-hover-bg, 10%);
+		}
+		strong {
+			color: $dropdown-notification-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($dropdown-notification-hover-bg, $dropdown-notification-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($dropdown-notification-hover-bg) < 50%, darken($dropdown-notification-hover-bg, 30%), lighten($dropdown-notification-hover-bg, 30%)), 100%);
+			&, &:after {
+				color: $dropdown-notification-strong-color;
+				&:hover {
+					color: $dropdown-notification-color;
+				}
+			}
+		}
+	}
+}
+
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for imageset.css
+// --------------------------------------------------------------
+// .imageset.icon_post_target_unread {
+// 	&:after {
+// 		color: #D31141;
+// 	}
+// }
+
+.imageset.icon_post_target {
+	background-image: url("./images/icon_post_target.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-image: url("./images/icon_post_target_hd.png");
+	}
+}
+.imageset.icon_post_target_unread {
+	background-image: url("./images/icon_post_target_unread.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-image: url("./images/icon_post_target_unread_hd.png");
+	}
+}
+
+.imageset.icon_topic_attach {
+	&:after {
+		color: $muted-color;
+	}
+}
+
+%imageset-secondary-color {
+	&:after {
+		color: $secondary-color;
+	}
+}
+
+.imageset.icon_topic_poll {
+	&:after {
+		color: desaturate(mix($primary-color, $block-background, 80%), 30%);
+	}
+}
diff --git a/simplicity/theme/_custom.scss b/simplicity/theme/_custom.scss
new file mode 100644
index 0000000..adc0a77
--- /dev/null
+++ b/simplicity/theme/_custom.scss
@@ -0,0 +1,6 @@
+//
+//	Add your custom code to this file
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
diff --git a/simplicity/theme/_custom_config.scss b/simplicity/theme/_custom_config.scss
new file mode 100644
index 0000000..750dc54
--- /dev/null
+++ b/simplicity/theme/_custom_config.scss
@@ -0,0 +1,13 @@
+//
+//	Add your custom configuration variables to this file.
+//	See _style_config.scss for list of variables
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
+
+
+// Examples: (commented to prevent it from working)
+// 
+// $show-logo: true;
+// $use-wrapper: false;
diff --git a/simplicity/theme/_style_config.scss b/simplicity/theme/_style_config.scss
new file mode 100644
index 0000000..2cdc5ca
--- /dev/null
+++ b/simplicity/theme/_style_config.scss
@@ -0,0 +1,414 @@
+//
+// Do not edit configuration values in this file.
+//
+// Instead add your own configuration to _custom_config.scss
+// Copy line from this file, paste it to _custom_config.scss and change value.
+//
+
+// Configuration file
+$show-logo:								true !default;	// true or false
+$center-logo:							true !default;	// true or false
+$logo-block-padding:					10px 0 !default;
+$responsive-hide-logo:					false !default;	// Hide logo on mobile devices. true or false
+
+$show-forum-title:						false !default;	// true or false
+
+$profile-width:							150px !default;
+$profile-side:							left !default;	// left or right
+$post-margin:							($profile-width + 10px) !default;
+
+$use-wrapper:							false !default;	// true or false
+$max-width:								none !default;	// Maximum width. Set to "none" to make layout fluid
+
+$split-forums:							true !default;	// Changes layout of forums list. Values are true or false
+
+$tabbed-navigation:						false !default;	// true or false. Toggles tabbed navigation layout
+
+//
+// Fonts
+//
+
+$font-size:								11px !default;	// Base font size
+$font-family:							Verdana, Helvetica, Arial, sans-serif !default;	// Default font
+$line-height:							1.4 !default;	// Line height
+
+$h1-font-size:							$font-size + 10px !default;
+$h1-font-family:						"Trebuchet MS", Arial, Helvetica, sans-serif !default;
+
+$h2-font-size:							$font-size + 8px !default;
+$h2-font-family:						"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$paragraph-line-height:					1.3 !default;
+
+$nav-primary-font-size:					$font-size + 1px !default;
+$nav-secondary-font-size:				$font-size + 1px !default;
+
+$heading-font-size:						$font-size + 4px !default;
+$panel-heading-font-size:				$font-size + 4px !default;
+
+$list-heading-font-size:				$font-size + 1px !default;
+$list-heading-line-height:				$font-size + 7px !default;
+$list-heading-font-family:				"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$forum-heading-font-size:				$list-heading-font-size + 2px !default;
+$forum-heading-font-family:				$list-heading-font-family !default;
+$forum-heading-font-weight:				500 !default;
+
+$button-font-size:						$font-size + 3px !default;
+$button-line-height:					floor(($font-size + 8px) / 2) * 2 !default;	// Convert to even number
+$button-glyph-font-size:				floor($font-size / 2) * 2 !default;	// Convert to even number
+
+$dropdown-header-font-size:				$font-size + 2px !default;
+$dropdown-header-font-family:			Arial, "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$dropdown-header-line-height:			30px !default;
+
+$forum-link-font-size:					$font-size + 5px !default;
+$forum-link-line-height:				1.2 !default;
+$forum-link-font-family:				"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$forum-list-column-font-size:			$font-size + 1px !default;
+$forum-list-last-column-font-size:		$font-size !default;
+$forum-list-description-font-size:		$font-size + 2px !default;
+
+$topic-link-font-size:					$font-size + 4px !default;
+$topic-link-font-family:				$forum-link-font-family !default;
+
+$tab-font-size:							$font-size !default;
+$tab-line-height:						$tab-font-size * 2 + 4px !default;
+
+// Posts
+$post-content-font-size:				$font-size + 2px !default;	// Post content
+$post-content-line-height:				1.4 !default;
+$post-content-font-family:				"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif !default;
+
+$post-title-font-size:					$font-size + 5px !default;
+$post-title-line-height:				1.25 !default;
+$post-title-font-family:				$h2-font-family !default;
+
+$post-signature-font-size:				$font-size + 1px !default;
+$post-quote-font-size:					$post-content-font-size - 1px !default;
+$post-code-font-size:					$post-content-font-size - 1px !default;
+
+$post-block-title-font-size:			$post-quote-font-size !default;	// Quote title, code title
+$post-block-title-line-height:			1.6 !default;
+$post-block-title-font-family:			$post-content-font-family !default;
+
+$post-profile-font-size:				$font-size !default;
+$post-profile-line-height:				$line-height !default;
+
+// Forms
+$input-button-font-size:				$font-size + 2px !default;
+$input-button-font-family:				"Lucida Grande", Verdana, Helvetica, Arial, sans-serif !default;
+$bbcode-button-font-size:				$font-size + 1px !default;
+
+//
+// Color palette
+//
+
+// Absolute black and white colors. Reverse them for dark styles
+$black-color:							#000 !default;		// Main color to mix with. Black for light styles, white for dark styles
+$white-color:							#fff !default;		// Opposite of $black-color
+
+// Page colors
+$page-background:						#e8e8e8 !default;	// HTML element
+$content-background:					#e0e0e0 !default;	// Page inside content wrapper
+$content-border-color:					#e0e0e0 !default;	// Border color for content wrapper
+
+// Primary colors
+$primary-color:							#1fa67a !default;	// Main color, used for links and stuff
+$secondary-color:						#d06d3c !default;	// Secondary color, usually in red - yellow range
+$overlay-color:							$white-color !default;	// Text on top of sections that use colorful background.
+$block-background:						#f4f4f4 !default;	// Background of blocks
+$block-background-reported:				#f5ede9 !default;	// Background for reported posts
+
+// Global color values
+$text-color:							#141414 !default;	// Text color
+$bold-text-color:						$black-color !default;	// Text color with higher contrast to background. #000 or #fff
+$post-text-color:						$text-color !default;	// Text inside posts
+$link-color:							$primary-color !default;	// Links
+$link-hover-color:						$secondary-color !default;	// Links, hover state
+$muted-color:							mix($black-color, $content-background, 40%) !default;	// Gray color
+$faint-color:							mix($black-color, $content-background, 30%) !default;	// Gray color
+$rules-color:							$secondary-color !default;	// Forum rules
+
+//
+// Calculated colors
+//
+
+// Misc. DO NOT EDIT!
+$light:									if(lightness($black-color) < 50%, true, false) !default;
+
+// Blocks
+$block-background2:						#f6f6f6 !default;	// Blocks with .bg2 background color
+$block-background3:						#f8f8f8 !default;	// Blocks with .bg3 background color - mostly UCP/MCP and posting form
+
+$block-border:							#e0e0e0 !default;	// Border color for blocks
+$border-radius:							3px !default;		// Main border radius
+$block-top-border:						lighten($block-background, 10%) !default;	// Top border of forums in forums list
+$block-bottom-border:					darken($block-background, 5%) !default;		// Bottom border of forums in forums list
+$block-inner-border:					$block-bottom-border !default;	// Border inside blocks where there is only 1 border instead of top/bottom borders
+
+$block-title-color:						desaturate($link-color, 5%) !default;	// Title inside blocks, such as post title
+
+// Tabs
+$tab-color:								desaturate($link-color, 20%) !default;
+$tab-background:						$block-background !default;
+
+$tab-hover-color:						$link-hover-color !default;
+$tab-hover-background:					$block-background3 !default;
+
+$tab-selected-color:					mix($text-color, $block-background3, 90%) !default;
+$tab-selected-background:				$block-background3 !default;
+
+// Header
+$header-bg:								$content-background !default;
+$header-text:							$text-color !default;
+$header-link:							$overlay-color !default;
+$header-link-hover:						mix($header-link, $header-bg, 80%) !default;
+
+// Primary navigation
+$primary-nav-bg:						$primary-color !default;
+$primary-nav-color:						$overlay-color !default;
+
+$primary-nav-selected-bg:				$block-background !default;
+$primary-nav-selected-color:			$primary-color !default;
+
+$primary-nav-hover-bg:					$block-background !default;
+$primary-nav-hover-color:				$secondary-color !default;
+
+$primary-nav-alert-bg:					hsl(0, saturation($secondary-color), lightness($secondary-color)) !default;
+$primary-nav-alert-color:				$overlay-color !default;
+$primary-nav-alert-shadow:				1px 1px 3px rgba(0, 0, 0, .2) !default;
+
+// Secondary navigation
+$secondary-nav-hover-link:				$link-hover-color !default;
+
+// Dropdown
+$dropdown-bg:							$block-background !default;
+$dropdown-border:						$primary-color !default;
+$dropdown-shadow:						1px 3px 5px rgba(0, 0, 0, 0.5) !default;
+$dropdown-shadow-up:					1px 0 5px rgba(0, 0, 0, 0.5) !default;
+$dropdown-inner-border:					if($light, darken($dropdown-bg, 10%), lighten($dropdown-bg, 10%)) !default;
+
+$dropdown-heading-top:					$dropdown-border !default;
+$dropdown-heading-bottom:				$dropdown-heading-top !default;
+$dropdown-heading-color:				$overlay-color !default;
+$dropdown-heading-link-color:			$overlay-color !default;
+$dropdown-heading-link-hover-color:		$overlay-color !default;
+
+$forum-description-color:				$overlay-color !default;
+$forum-description-bg:					mix($black-color, $block-background, 75%) !default;
+
+// Notifications
+$notification-unread-bg:				mix($content-background, $rules-color, 90%) !default;
+$notification-unread-color:				$rules-color !default;
+$notification-unread-strong-color:		$black-color !default;
+
+$dropdown-notification-bg:				$block-background !default;
+$dropdown-notification-hover-bg:		$block-background2 !default;
+$dropdown-notification-color:			$link-color !default;
+$dropdown-notification-strong-color:	desaturate(if(lightness($dropdown-notification-color) < 50%, darken($dropdown-notification-color, 30%), lighten($dropdown-notification-color, 30%)), 100%) !default;
+
+// Panels
+$panel-title-color:						desaturate(if($light, darken($primary-color, 10%), lighten($primary-color, 10%)), 25%) !default;
+$panel-title-border:					$block-inner-border !default;
+
+// Content outside of blocks
+$page-title-color:						$primary-color !default;
+$stats-title-color:						$primary-color !default;
+$content-top-border:					lighten($content-background, 10%) !default;
+$content-bottom-border:					darken($content-background, 10%) !default;
+$content-inner-border:					$content-bottom-border !default;
+
+// Heading section
+$heading-bg:							$primary-color !default;
+$heading-border:						$heading-bg !default;
+$heading-color:							$overlay-color !default;
+$heading-link:							$overlay-color !default;
+$heading-link-hover:					$overlay-color !default;
+
+// Inputs
+$input-text:							$text-color !default;	// Input text color
+$input-bg:								$white-color !default;	// Input background
+$input-border:							#c6c6c6 !default;	// Input border color
+$input-hover-text:						$input-text !default;
+$input-hover-bg:						$input-bg !default;
+$input-hover-border:					$secondary-color !default;
+$input-focus-text:						$input-text !default;
+$input-focus-bg:						$input-bg !default;
+$input-focus-border:					$primary-color !default;
+$input-border-radius:					2px !default;
+
+$search-box-border:						#c6c6c6 !default;	// Border for search box block
+$search-box-border-header:				#ccc !default;		// Same as above, for search box in header
+$search-box-shadow:						1px 1px 3px rgba(0, 0, 0, .1) !default;	// Box-shadow for search box in header
+
+// Buttons
+$button-bg:								mix($block-background, $primary-color, 10%) !default;
+$button-border-radius:					3px !default;
+$button-border:							$button-bg !default;
+$button-icon:							$overlay-color !default;
+$button-icon-hover:						$overlay-color !default;
+$button-text:							$overlay-color !default;
+
+$button-top-padding:					2px !default;
+$button-side-padding:					8px !default;
+$button-border-width:					1px !default;
+$button-height:							$button-line-height + ($button-top-padding + $button-border-width) * 2 !default;
+
+$big-button-border-radius:				4px !default;	// For big buttons and blocks like quick search
+
+// BBCode
+$bbcode-border-radius:					0px !default;
+$bbcode-background:						#fff !default;
+$bbcode-background2:					#f4f4f4 !default;
+$bbcode-outer-border:					if($light, darken($bbcode-background, 7%), lighten($bbcode-background, 7%)) !default;
+$bbcode-inner-border:					if($light, darken($bbcode-background, 5%), lighten($bbcode-background, 5%)) !default;
+$bbcode-heading-text:					#666 !default;
+
+// Code colors
+@function code-color($hue) {
+	@return hsl($hue, saturation($primary-color), lightness($primary-color));
+}
+$bbcode-code-color:						code-color(128deg) !default;
+
+// Do not edit few lines below
+$post-side:								if($profile-side == left, right, left) !default;
+
+// Mixins
+@mixin section {
+	background: $block-background;
+	border: 0 solid $block-border;
+	border-radius: $border-radius;
+	padding: 5px 10px;
+}
+
+@mixin section-forum {
+	@include section;
+	padding: 5px;
+}
+
+// Undo section mixin
+@mixin section-empty {
+	background: transparent;
+	border-width: 0;
+	border-radius: 0;
+	box-shadow: none;
+	padding: 0;
+}
+
+// Heading block
+@mixin section-heading {
+	margin: -5px -10px 5px;
+	border-radius: max(0, $border-radius - 1px);
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+	background: $heading-bg;
+	border: 0 solid $heading-border;
+	padding: 5px;
+	text-transform: none;
+	font-size: $heading-font-size;
+	line-height: $line-height;
+	font-weight: normal;
+	color: $heading-color;
+
+	@if $border-radius > 1px {
+		@media (max-width: 700px) {
+			border-radius: 0;
+		}
+	}
+
+	a {
+		color: $heading-link;
+		&:hover {
+			color: $heading-link-hover;
+		}
+	}
+}
+
+@mixin section-heading-forum {
+	@include section-heading;
+	@if $split-forums == false {
+		margin: -5px -5px 0;
+	}
+	@else {
+		@include section-heading-separate;
+		margin: 0;
+	}
+}
+
+@mixin section-heading-separate {
+	border-radius: $border-radius;
+}
+
+@mixin section-heading-cp {
+	background-color: transparent;
+	color: $stats-title-color;
+	background-image: none;
+	a {
+		color: $link-color;
+		&:hover {
+			color: $link-hover-color;
+		}
+	}
+}
+
+@mixin table-heading {
+	background: $heading-bg;
+	border: 0 solid $heading-border;
+	color: $heading-color;
+
+	@if $border-radius > 1px {
+		&:first-child {
+			border-top-left-radius: max(0, $border-radius - 1px);
+		}
+		&:last-child {
+			border-top-right-radius: max(0, $border-radius - 1px);
+		}
+	}
+}
+
+@mixin table-heading-transparent {
+	background: transparent;
+	color: inherit;
+}
+
+@mixin placeholder {
+	&::-moz-placeholder {
+		@content 
+	}
+	&::-webkit-input-placeholder {
+		@content
+	}
+	&:-ms-input-placeholder {
+		@content
+	}
+}
+
+@mixin tabbed-nav-layout-all {
+	@if ($use-wrapper) {
+		&, #wrap & {
+			@content;
+		}
+	}
+	@else {
+		@content;
+	}
+}
+
+@mixin tabbed-nav-layout-alt {
+	@if ($use-wrapper) {
+		@content;
+	}
+}
+
+@mixin tabbed-nav-layout-default {
+	@if ($use-wrapper) {
+		#wrap & {
+			@content;
+		}
+	}
+	@else {
+		@content;
+	}
+}
diff --git a/simplicity/theme/bidi.css b/simplicity/theme/bidi.css
new file mode 100644
index 0000000..917eb2b
--- /dev/null
+++ b/simplicity/theme/bidi.css
@@ -0,0 +1,1053 @@
+/* RTL definitions
+---------------------------------------- */
+
+/**
+* common.css
+*/
+.rtl h1 {
+	margin-right: 0;
+	margin-left: 200px;
+}
+
+.rtl p.right {
+	text-align: left;
+}
+
+.rtl p.jumpbox-return {
+	float: right;
+}
+
+.rtl div.rules ul {
+	margin-left: 0;
+	margin-right: 20px;
+}
+
+/* Main blocks
+---------------------------------------- */
+.rtl .icon {
+	padding-right: 0;
+}
+
+.rtl .logo {
+	float: right;
+	padding: 10px 10px 0 13px;
+}
+
+/* Round cornered boxes and backgrounds
+---------------------------------------- */
+.rtl .post {
+	background-position: 0 0;
+}
+
+/* Horizontal lists
+----------------------------------------*/
+.rtl ul.linklist > li {
+	float: right;
+	margin-right: 0;
+	margin-left: 7px;
+}
+
+.rtl ul.linklist > li.rightside, .rtl p.rightside, .rtl a.rightside {
+	float: left;
+	margin-right: 7px;
+	margin-left: 0;
+	text-align: left;
+}
+
+.rtl ul.leftside > li, .rtl ul.rightside > li {
+	float: left;
+}
+
+.rtl ul.leftside {
+	float: right;
+	margin-left: 5px;
+	margin-right: 0;
+	text-align: right;
+}
+
+.rtl ul.rightside {
+	float: left;
+	margin-left: 0;
+	margin-right: 5px;
+	text-align: left;
+}
+
+/* Bulletin icons for list items
+----------------------------------------*/
+.rtl ul.linklist.bulletin > li:before {
+	padding-left: 4px;
+	padding-right: 0;
+}
+
+/* Dropdown menu
+---------------------------------------- */
+.rtl .dropdown-container.topic-tools, .rtl .dropdown-container-left {
+	float: right;
+}
+
+.rtl .dropdown li {
+	text-align: right;
+}
+
+.rtl .dropdown-contents > li {
+	padding-left: 15px;
+	padding-right: 0;
+}
+
+.rtl .dropdown-nonscroll > li {
+	padding-left: 0;
+}
+
+.rtl .dropdown li li {
+	padding-left: 0;
+	padding-right: 18px;
+}
+
+.rtl .dropdown-extended .header {
+	text-align: right;
+}
+
+.rtl .dropdown-extended .header .header_settings, .rtl .dropdown-container-right {
+	float: left;
+}
+
+.rtl .jumpbox .dropdown-contents a {
+	margin-right: 0;
+	margin-left: 20px;
+}
+
+/* Notifications
+----------------------------------------*/
+.rtl .notification_list ul li img {
+	float: right;
+	margin-left: 5px;
+	margin-right: 0;
+}
+
+.rtl .notification_list div.notifications {
+	margin-left: 0;
+	margin-right: 50px;
+}
+
+.rtl .notification_text {
+	margin-left: 0;
+	margin-right: 58px;
+}
+
+.rtl .notification_list p.notification-time {
+	text-align: left;
+}
+
+/* Responsive breadcrumbs
+----------------------------------------*/
+.rtl .breadcrumbs .crumb {
+	float: right;
+}
+
+/* Table styles
+----------------------------------------*/
+.rtl table.table1 thead th {
+	padding: 0 3px 4px 0;
+}
+
+.rtl table.table1 thead th span {
+	padding-left: 0;
+	padding-right: 7px;
+}
+
+.rtl table.table1 tbody th {
+	text-align: right;
+}
+
+/* Specific column styles */
+.rtl table.table1 .name		{ text-align: right; }
+.rtl table.table1 .joined	{ text-align: right; }
+.rtl table.table1 .active	{ text-align: right; }
+.rtl table.table1 .info		{ text-align: right; }
+.rtl table.table1 thead .autocol { padding-left: 0; padding-right: 1em; }
+
+.rtl table.table1 span.rank-img {
+	float: left;
+}
+
+.rtl table.info tbody th {
+	text-align: left;
+}
+
+.rtl .forumbg table.table1 {
+	margin: 0 -1px -1px -2px;
+}
+
+/* Misc layout styles
+---------------------------------------- */
+/* column[1-2] styles are containers for two column layouts */
+.rtl .column1 {
+	float: right;
+	clear: right;
+}
+
+.rtl .column2 {
+	float: left;
+	clear: left;
+}
+
+/* General classes for placing floating blocks */
+.rtl .left-box {
+	float: right;
+	text-align: right;
+}
+
+.rtl .right-box {
+	float: left;
+	text-align: left;
+}
+
+.rtl dl.details dt {
+	float: right;
+	clear: right;
+	text-align: left;
+}
+
+.rtl dl.details dd {
+	margin-right: 0;
+	margin-left: 0;
+	padding-right: 5px;
+	padding-left: 0;
+	float: right;
+}
+
+*:first-child+html dl.details dd {
+	margin-right: 30%;
+	float: none;
+}
+
+* html dl.details dd {
+	margin-right: 30%;
+	float: none;
+}
+
+/* Pagination
+---------------------------------------- */
+.rtl .page-number {
+	float: left;
+}
+
+.rtl .pagination {
+	text-align: left;
+	float: left;
+}
+
+.rtl .pagination > ul {
+	margin-left: 0;
+	margin-right: 5px;
+}
+
+/* Pagination in viewforum for multipage topics */
+.rtl .row .pagination {
+	float: left;
+	padding-left: 0;
+	padding-right: 15px;
+}
+
+.rtl .row .pagination > ul {
+	margin: 0;
+}
+
+.rtl .pagination span {
+	direction: ltr;
+}
+
+.pagination li.page-jump {
+	margin-left: 5px;
+	margin-right: 0;
+}
+
+/* Action Bar styles
+---------------------------------------- */
+.rtl .action-bar .button {
+	margin-right: 0;
+	float: right;
+}
+
+.rtl .action-bar > .button {
+	margin-left: 5px;
+	float: right;
+}
+
+.rtl .action-bar .dropdown-button-control .button {
+	margin-left: 5px;
+}
+
+
+/* Miscellaneous styles
+---------------------------------------- */
+.rtl .quick-links {
+	margin-left: 7px;
+	margin-right: 0;
+}
+
+.rtl .header-avatar span:after {
+	float: left;
+	padding-left: 0;
+	padding-right: 2px;
+}
+
+.rtl .member-search {
+	float: right;
+}
+
+/**
+* links.css
+*/
+
+/* Links adjustment to correctly display an order of rtl/ltr mixed content */
+.rtl a {
+	direction: rtl;
+	unicode-bidi: embed;
+}
+
+li.breadcrumbs span:first-child > a {
+	padding-left: 0;
+}
+
+/* Notification mark read link */
+.rtl .dropdown-extended a.mark_read {
+	border-radius: 0 3px 3px 0;
+	left: 0;
+	right: auto;
+}
+
+.rtl .back2top .top {
+	float: left;
+}
+
+.rtl a.top:after, .rtl a.top2:after {
+	left: auto;
+	right: 0;
+}
+
+.rtl .skiplink {
+	/* invisible skip link, used for accessibility  */
+	left: 0;
+	right: -999px;
+}
+
+.rtl a.feed-icon-forum {
+	float: left;
+}
+
+/**
+* content.css
+*/
+.rtl ul.topiclist dt, .rtl li.header dt {
+	float: right;
+	margin-right: 0;
+	margin-left: -440px;
+}
+
+.rtl ul.topiclist.missing-column dt {
+	margin-right: 0;
+	margin-left: -345px;
+}
+
+.rtl ul.topiclist.two-long-columns dt {
+	margin-right: 0;
+	margin-left: -250px;
+}
+
+.rtl ul.topiclist.two-columns dt {
+	margin-right: 0;
+	margin-left: -80px;
+}
+
+.rtl ul.topiclist dt .list-inner {
+	margin-right: 0;
+	margin-left: 440px;
+}
+
+.rtl ul.topiclist.missing-column dt .list-inner {
+	margin-right: 0;
+	margin-left: 330px;
+}
+
+.rtl ul.topiclist.two-long-columns dt .list-inner {
+	margin-right: 0;
+	margin-left: 250px;
+}
+
+.rtl ul.topiclist.two-columns dt .list-inner {
+	margin-right: 0;
+	margin-left: 80px;
+}
+
+.rtl ul.topiclist dd {
+	float: right;
+	border-left: none;
+}
+
+.rtl ul.topiclist dfn {
+	left: auto;
+	right: -999px;
+}
+
+.rtl ul.topiclist li.row dt a.subforum {
+	padding-right: 12px;
+	background-position: right;
+	position: static;
+}
+
+.rtl .forum-image {
+	float: right;
+	margin-right: 0;
+	margin-left: 5px;
+}
+
+.rtl li.header dt, .rtl li.header dd {
+	border-right-width: 0;
+}
+
+.rtl li.header dd {
+	padding-left: 0;
+	padding-right: 1px;
+}
+
+.rtl dl.row-item{
+	background-position: 99.5% 50%;
+}
+
+.rtl .forabg li.header dl.row-item dt .list-inner {
+	/* Tweak for headers alignment when folder icon used */
+	padding-right: 0;
+	padding-left: 50px;
+}
+
+.rtl dl.row-item dt {
+	background-position: 99.5% 95%;			/* Position of topic icon */
+}
+
+.rtl dl.row-item dt .list-inner {
+	padding-left: 5px;
+	padding-right: 45px;					/* Space for folder icon */
+}
+
+.rtl dl a.row-item-link {						/* topic row icon links */
+	display: inline-block;
+	left: auto;
+	right: 0;
+	margin-left: 0;
+	margin-right: 2px;
+}
+
+.rtl dd.lastpost > span, .rtl ul.topiclist dd.info > span, .rtl ul.topiclist dd.time > span, .rtl dd.redirect > span, .rtl dd.moderation > span {
+	padding-left: 0;
+	padding-right: 5px;
+}
+
+/* Post body styles
+----------------------------------------*/
+.rtl .date {
+	float: left;
+}
+
+.rtl .postbody h3 {
+	float: right;
+}
+
+.rtl .has-profile .postbody h3 {
+	margin-right: 0;
+	margin-left: 180px;
+}
+
+.rtl p.post-notice {
+	padding-left: 5px;
+	padding-right: 26px;
+}
+
+.rtl p.post-notice:before {
+	left: auto;
+	right: 0;
+}
+
+/* Topic review panel
+----------------------------------------*/
+.rtl .topicreview {
+	padding-right: 0;
+	padding-left: 5px;
+}
+
+/* Content container styles
+----------------------------------------*/
+.rtl .content ul, .rtl .content ol {
+	margin-right: 3em;
+	margin-left: 0;
+}
+
+.rtl .signature {
+	clear: right;
+}
+
+.rtl .notice {
+	clear: right;
+}
+
+/* Jump to post link for now */
+.rtl ul.searchresults {
+	text-align: left;
+}
+
+/* BB Code styles
+----------------------------------------*/
+/* Quote block */
+.rtl blockquote {
+	margin: 0.5em 25px 0 1px;
+}
+
+.rtl blockquote:after {
+	left: auto;
+	right: 4px;
+}
+
+.rtl blockquote blockquote {
+	/* Nested quotes */
+	margin: 0.5em 15px 0 1px;
+}
+
+.rtl blockquote cite {
+	/* Username/source of quoter */
+	margin-left: 0;
+}
+
+.rtl blockquote cite:before, .rtl .uncited:before {
+	padding-left: 5px;
+}
+
+.rtl blockquote .codebox {
+	margin-right: 0;
+}
+
+.rtl code {
+	direction: ltr;
+}
+
+/* Attachments
+----------------------------------------*/
+.rtl .attachbox {
+	float: right;
+	margin: 5px 0 5px 5px;
+	clear: right;
+}
+
+.rtl .attachbox dd {
+	clear: right;
+}
+
+.rtl .attachbox p {
+	clear: right;
+}
+
+.rtl .attachbox p.stats {
+	clear: right;
+}
+
+/* Post poll styles
+----------------------------------------*/
+.rtl fieldset.polls dt {
+	text-align: right;
+	float: right;
+	border-left: none;
+}
+
+.rtl fieldset.polls dd {
+	float: right;
+	border-right: none;
+	margin-right: 0;
+}
+
+.rtl fieldset.polls dd div {
+	text-align: left;
+}
+
+.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
+	border-left-width: 1px;
+	border-left-style: solid;
+	border-right: none;
+}
+
+/* Poster profile block
+----------------------------------------*/
+.rtl dl.pmlist dd {
+	margin-right: 61% !important;
+	margin-left: 0 !important;
+}
+
+/**
+* buttons.css
+*/
+.rtl .caret {
+	border-right: 1px solid;
+	border-right-color: inherit;
+	border-left: none;
+	right: 6px;
+}
+
+/* Post control buttons
+--------------------------------------------- */
+.rtl .post-buttons {
+	float: left;
+}
+
+.rtl .has-profile .post-buttons {
+	left: 0;
+	right: auto;
+}
+
+.rtl .post-buttons li {
+	float: right;
+}
+
+/* Poster contact icons
+ ----------------------------------------*/
+.rtl .contact-icons a {
+	border-left-width: 1px;
+	border-left-style: dotted;
+	border-right: none;
+	float: right;
+}
+
+.rtl .contact-icons .last-cell {
+	border-left: none;
+}
+
+/**
+* cp.css
+*/
+/* Control Panel Styles
+---------------------------------------- */
+
+
+/* Main CP box
+----------------------------------------*/
+.rtl .cp-main .panel ol {
+	margin-right: 2em;
+	margin-left: 0;
+}
+
+.rtl .cp-main .buttons {
+	margin-right: 0;
+	margin-left: 0;
+}
+
+.tabs-container h2 {
+	float: right;
+}
+
+/* CP tabbed menu
+----------------------------------------*/
+.rtl .tabs {
+	margin-left: 0;
+	margin-right: 7px;
+}
+
+.rtl .tabs .tab {
+	float: right;
+}
+
+.rtl .tabs .tab > a {
+	margin-left: 1px;
+	margin-right: 0;
+}
+
+/* Mini tabbed menu used in MCP
+----------------------------------------*/
+.rtl .minitabs {
+	float: left;
+	margin-right: 0;
+	margin-left: 7px;
+}
+
+.rtl .minitabs .tab {
+	float: left;
+}
+
+.rtl .minitabs .tab > a {
+	margin-right: 2px;
+	margin-left: 0;
+}
+
+/* Responsive tabs
+----------------------------------------*/
+.rtl .tabs .dropdown {
+	margin-left: -2px;
+}
+
+.rtl .tabs .dropdown li {
+	text-align: left;
+}
+
+.rtl .minitabs .dropdown {
+	margin-left: -4px;
+}
+
+.rtl .minitabs .dropdown li {
+	text-align: right;
+}
+
+/* Responsive *CP navigation
+----------------------------------------*/
+@media (max-width: 900px)
+{
+	.rtl .cp-menu, .rtl .navigation, .rtl .cp-main {
+		float: none;
+	}
+}
+
+/* UCP navigation menu
+----------------------------------------*/
+
+/* Preferences pane layout
+----------------------------------------*/
+.rtl .cp-main h2 {
+	margin-left: 0;
+	margin-right: 10px;
+}
+
+/* Friends list */
+.rtl .cp-mini {
+	margin: 10px 5px 10px 15px;
+}
+
+/* PM Styles
+----------------------------------------*/
+
+/* Defined rules list for PM options */
+.rtl ol.def-rules {
+	padding-right: 0;
+}
+
+/* PM marking colours */
+.rtl .pm-legend {
+	border-right-width: 10px;
+	border-right-style: solid;
+	border-left-width: 0;
+	padding-left: 0;
+	padding-right: 3px;
+}
+
+/* Avatar gallery */
+.rtl .gallery label {
+	float: right;
+}
+
+/* Responsive *CP navigation
+----------------------------------------*/
+@media (max-width: 900px)
+{
+	.rtl .cp-menu, .rtl .navigation, .rtl .cp-main {
+		float: none;
+	}
+}
+
+/**
+* forms.css
+*/
+
+/* General form styles
+----------------------------------------*/
+
+.rtl option {
+	padding-right: 0;
+	padding-left: 1em;
+}
+
+.rtl label {
+	padding-right: 0;
+	padding-left: 5px;
+}
+
+/* Definition list layout for forms
+---------------------------------------- */
+.rtl fieldset dt {
+	float: right;
+	text-align: right;
+}
+
+.rtl fieldset dd {
+	margin-left: 0;
+	margin-right: 41%;
+}
+
+/* Specific layout 1 */
+.rtl fieldset.fields1 dt {
+	border-left-width: 0;
+	border-right-width: 1px;
+}
+
+.rtl fieldset.fields1 dd {
+	margin-right: 15em;
+	margin-left: 0;
+	border-right-width: 0;
+	border-left-width: 1px;
+}
+
+/* Specific layout 2 */
+.rtl fieldset.fields2 dt {
+	border-right-width: 1px;
+	border-left-width: 0;
+}
+
+.rtl fieldset.fields2 dd {
+	margin-right: 16em;
+	margin-left: 0;
+	border-left-width: 1px;
+	border-right-width: 0;
+}
+
+/* Form elements */
+.rtl dt label {
+	text-align: right;
+}
+
+.rtl dd input, .rtl dd textarea {
+	margin-left: 3px;
+	margin-right: 0;
+}
+
+/* Quick-login on index page */
+.rtl fieldset.quick-login input.inputbox {
+	margin-left: 5px;
+	margin-right: 0;
+}
+
+.rtl fieldset.quick-login label {
+	padding-left: 2px;
+	padding-right: 0;
+}
+
+/* Display options on viewtopic/viewforum pages  */
+.rtl fieldset.display-options label {
+	padding-left: 2px;
+	padding-right: 0;
+}
+
+.rtl .dropdown fieldset.display-options label {
+	text-align: left;
+}
+
+/* Display actions for ucp and mcp pages */
+.rtl fieldset.display-actions {
+	text-align: left;
+	padding-left: 1em;
+	padding-right: 0;
+}
+
+.rtl fieldset.display-actions label {
+	padding-left: 2px;
+	padding-right: 0;
+}
+
+/* MCP forum selection*/
+.rtl fieldset.forum-selection {
+	float: left;
+}
+
+.rtl fieldset.forum-selection2 {
+	float: left;
+}
+
+/* Posting page styles
+----------------------------------------*/
+
+/* Emoticons panel */
+.rtl .smiley-box {
+	float: left;
+}
+
+/* Search box
+---------------------------------------- */
+
+/* Topic and forum Search */
+.rtl .search-box {
+	float: right;
+}
+
+.rtl .search-box .inputbox {
+	border-left-width: 0;
+	border-right-width: 1px;
+	float: right;
+	padding: 3px;
+}
+
+.rtl .button-search,
+.button-search-end {
+	float: right;
+}
+
+.rtl .button-search-end {
+	border-radius: 4px 0 0 4px;
+	border-left-width: 1px;
+	border-right-width: 0;
+}
+
+.rtl .search-header .button-search-end {
+	border: 0;
+}
+
+.rtl .search-header {
+	right: auto;
+	left: 5px;
+}
+
+
+/* Form button styles
+---------------------------------------- */
+
+/** Reference: Bug #27155 */
+.rtl .wrap, .rtl .headerbar, .rtl .site-description, .rtl .navbar {
+	position: relative;
+}
+
+/* Former imageset */
+.rtl .imageset.icon_topic_latest:after, .rtl .imageset.icon_topic_newest:after {
+	content: '\f060';
+}
+
+.rtl .imageset.icon_post_target:after, .rtl .imageset.icon_post_target_unread:after {
+	text-align: right;
+}
+
+/**
+* plupload.css
+*/
+
+.rtl .attach-controls {
+	float: left;
+}
+
+/**
+* colours.css
+*/
+.icon-home.breadcrumbs:after {
+	text-align: right;
+}
+
+/**
+* responsive.css
+*/
+@media (max-width: 700px)
+{
+	/* .topiclist lists
+	----------------------------------------*/
+	.rtl ul.topiclist li.header dt, .rtl ul.topiclist li.header dt .list-inner {
+		margin-left: 0 !important;
+		padding-left: 0;
+	}
+
+	.rtl ul.topiclist dt, .rtl ul.topiclist dt .list-inner,
+	.rtl ul.topiclist.missing-column dt, .rtl ul.topiclist.missing-column dt .list-inner,
+	.rtl ul.topiclist.two-long-columns dt, .rtl ul.topiclist.two-long-columns dt .list-inner,
+	.rtl ul.topiclist.two-columns dt, .rtl ul.topiclist.two-columns dt .list-inner {
+		margin-left: 0;
+	}
+
+	.rtl ul.topiclist dt .list-inner.with-mark {
+		padding-left: 34px;
+	}
+
+	/* Forums and topics lists
+	----------------------------------------*/
+	.rtl ul.topiclist.forums dt {
+		margin-left: -250px;
+	}
+	.rtl ul.topiclist.forums dt .list-inner {
+		margin-left: 250px;
+	}
+
+	.rtl ul.topiclist dd.mark {
+		left: 5px;
+		right: auto;
+		text-align: right;
+	}
+
+	.rtl table.responsive.show-header thead, .rtl table.responsive.show-header th:first-child {
+		text-align: right !important;
+	}
+
+	.rtl table.responsive td {
+		text-align: right !important;
+	}
+
+	/* User profile
+	----------------------------------------*/
+	.rtl .column1, .rtl .column2, .rtl .left-box.profile-details {
+		float: none;
+	}
+
+	/* Post
+	----------------------------------------*/
+	.rtl .postprofile, .rtl .postbody, .rtl .search .postbody {
+		float: none;
+	}
+
+	.rtl .post .postprofile {
+		border-width: 0 0 1px 0;
+	}
+
+	.rtl .postprofile dt, .rtl .postprofile dd.profile-rank, .rtl .search .postprofile dd {
+		margin: 0;
+	}
+
+	.rtl .postprofile .avatar {
+		margin-left: 5px;
+		margin-right: 0;
+	}
+
+	.rtl .has-profile .post-buttons {
+		left: 20px;
+	}
+
+	/* Forms
+	----------------------------------------*/
+	.rtl fieldset dt, .rtl fieldset.fields1 dt, .rtl fieldset.fields2 dt {
+		float: none;
+	}
+
+	.rtl fieldset dd, .rtl fieldset.fields1 dd, .rtl fieldset.fields2 dd {
+		margin-right: 20px;
+	}
+}
+
+@media (max-width: 550px)
+{
+	/* .topiclist lists
+	----------------------------------------*/
+	.rtl ul.topiclist.forums dt {
+		margin-left: 0;
+	}
+
+	.rtl ul.topiclist.forums dt .list-inner {
+		margin-left: 0;
+	}
+}
+
+@media (max-width: 500px)
+{
+	.rtl dl.details dt, .rtl dl.details dd {
+		float: none;
+		text-align: right;
+	}
+
+	.rtl dl.details dd {
+		margin-left: 0;
+		margin-right: 20px;
+	}
+
+	.captcha-panel dd.captcha {
+		margin-right: 0;
+	}
+	
+	.rtl p.responsive-center {
+		float: none;
+		text-align: center;
+		margin-bottom: 5px;
+	}
+}
diff --git a/simplicity/theme/common/_buttons.scss b/simplicity/theme/common/_buttons.scss
new file mode 100644
index 0000000..eed1254
--- /dev/null
+++ b/simplicity/theme/common/_buttons.scss
@@ -0,0 +1,304 @@
+// Button Styles
+// ----------------------------------------
+
+$button-inner-height:	$button-line-height + $button-top-padding * 2;
+$button-outer-height:	$button-inner-height + $button-border-width * 2;
+
+.button {
+	display: inline-block;
+	padding: $button-top-padding $button-side-padding;
+	font-size: $button-font-size;
+	font-weight: 600;
+	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;		
+	line-height: $button-line-height;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	-ms-touch-action: manipulation;
+	    touch-action: manipulation;
+	cursor: pointer;
+	-webkit-user-select: none;
+	   -moz-user-select: none;
+	    -ms-user-select: none;
+	        user-select: none;
+	border: $button-border-width solid transparent;
+	border-radius: $big-button-border-radius;
+
+	& > strong {
+		font-weight: 600;
+	}
+}
+
+.button:focus,
+.button:hover {
+ 	text-decoration: none;
+ 	outline: none;
+}
+
+.caret {
+	border-left: 1px solid;
+	position: relative;
+	right: -6px;
+}
+
+.caret i {
+	vertical-align: top;
+}
+
+/* Posting page styles
+----------------------------------------*/
+.button-search,
+.button-search-end  {
+	float: left;
+	border-radius: 0;
+	margin: 0;
+	padding: 2px 5px;
+}
+
+.button-search-end {
+	border-left-width: 0;
+	border-radius: 0 4px 4px 0;
+}
+
+.search-header .button-search,
+.search-header .button-search-end {
+	border-top-width: 0;
+	border-bottom-width: 0;
+	padding: 3px 5px;
+}
+
+.search-header .button-search-end {
+	border-right-width: 0;
+}
+
+.button-icon-only {
+	padding-left: 3px;
+	padding-right: 3px;
+}
+
+// Poster contact icons
+// ----------------------------------------
+.contact-icons.dropdown-contents {
+	min-width: 0;
+	padding: 0;
+	font-size: 0;
+}
+
+.contact-icon {
+	position: relative;
+	display: block;
+	height: 16px;
+	width: 16px;
+	&:after {
+		content: '';
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		text-align: center;
+		font-family: FontAwesome;
+		font-size: 14px;
+		line-height: 16px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+}
+.contact-icons a {
+	border-bottom: 1px dotted;
+	border-right: 1px dotted;
+	display: block;
+	float: left;
+	padding: 8px;
+}
+
+%contact-icon-gi {
+	font-family: 'Glyphicons Regular', 'Glyphicons';
+}
+
+.contact-icons .last-cell {
+	border-right: none;
+}
+
+.contact-icons div:last-child a {
+	border-bottom: none;
+}
+
+.contact-icons div {
+	clear: left;
+}
+
+// Profile icons
+.pm-icon:after {
+	content: '\f086';	// fa-comments
+}
+.email-icon:after {
+	content: '\f0e0';	// fa-envelope
+}
+.jabber-icon:after {
+	content: '\f0eb';	// fa-lightbulb-o
+	font-size: 16px;
+}
+.phpbb_icq-icon:after {
+	content: '\f013';	// fa-cog
+}
+.phpbb_wlm-icon:after {
+	content: '\f007';	// fa-user
+}
+.phpbb_aol-icon:after {
+	content: '\f2bb';	// fa-address-card
+}
+.phpbb_website-icon:after {
+	content: '\f08e';	// fa-external-link
+}
+.phpbb_youtube-icon:after {
+	content: '\f16a';	// fa-youtube-play
+}
+.phpbb_facebook-icon:after {
+	content: '\f230';	// fa-facebook-official
+}
+.phpbb_googleplus-icon:after {
+	content: '\f0d5';	// fa-google-plus
+}
+.phpbb_skype-icon:after {
+	content: '\f17e';	// fa-skype
+}
+.phpbb_twitter-icon:after {
+	content: '\f099';	// fa-twitter
+}
+.phpbb_yahoo-icon:after {
+	content: '\f19e';	// fa-yahoo
+}
+
+
+// Post control buttons
+// ---------------------------------------------
+.post-buttons {
+	float: right;
+	list-style: none;
+	margin-top: 2px;
+	.rtl & {
+		float: left;
+	}
+}
+
+.has-profile .post-buttons {
+	float: none;
+	position: absolute;
+	margin: 0;
+	top: 5px;
+
+	@if $profile-side == left {
+		right: 0;
+		.rtl & {
+			left: 0;
+		}
+	}
+	@else {
+		right: $post-margin;
+		.rtl & {
+			left: $post-margin;
+		}
+	}
+
+	.rtl & {
+		right: auto;
+	}
+}
+
+.post-buttons > li {
+	float: left;
+	margin-right: 3px;
+}
+
+.post-buttons .button, .format-buttons .button {
+	padding-left: 3px;
+	padding-right: 3px;
+}
+
+
+.hastouch .post-buttons {
+	margin-right: 10px;
+}
+
+.post-buttons .button span {
+	font-size: 0;
+}
+
+// Responsive buttons in post body
+.post-buttons .dropdown {
+	top: 20px;
+}
+
+$post-dropdown-glyphs-font-size:	floor($dropdown-content-font-size / 2) * 2;
+
+.post-buttons .dropdown a {
+	display: block;
+	font-size: $dropdown-content-font-size;
+	line-height: $dropdown-content-line-height;
+	text-align: left;
+	margin-left: 18px;
+	position: relative;
+	&:before {
+		position: absolute;
+		left: -16px;
+		top: 50%;
+		height: $post-dropdown-glyphs-font-size;
+		line-height: $post-dropdown-glyphs-font-size + 2px;
+		margin: -#{$post-dropdown-glyphs-font-size / 2} 0 0;
+		pointer-events: none;
+		color: inherit;
+	}
+	.rtl & {
+		text-align: right;
+	}
+}
+
+.hasjs .postbody .post-buttons {
+	max-width: 40%;
+}
+
+// Browser-specific tweaks
+button::-moz-focus-inner {
+	padding: 0;
+	border: 0
+}
+
+
+/* Deprecated as of version 3.2
+-------------------------------------------------*/
+.small-icon {
+	background-position: 0 50%;
+	background-repeat: no-repeat;
+	background-image: none;
+}
+
+.dropdown .small-icon {
+	background-position: 5px 50%;
+	padding: 5px;
+}
+
+.small-icon > a {
+	padding: 0 0 0 18px;
+}
+
+ul.linklist.bulletin > li.small-icon:before {
+	display: none;
+}
+
+.dropdown .small-icon > a {
+	display: block;
+}
+
+.rtl .small-icon {
+	background-position: 100% 50%;
+}
+
+.rtl .small-icon > a {
+	padding-left: 0;
+	padding-right: 19px;
+}
diff --git a/simplicity/theme/common/_common.scss b/simplicity/theme/common/_common.scss
new file mode 100644
index 0000000..7503c91
--- /dev/null
+++ b/simplicity/theme/common/_common.scss
@@ -0,0 +1,2336 @@
+// CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
+// ----------------------------------------
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+// HTML5 display-role reset for older browsers
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+abbr {
+	text-decoration: none;
+}
+
+// Useful stuff
+%clearfix {
+	&:after, &:before {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+}
+
+// General Markup Styles
+// ----------------------------------------
+html {
+	font-size: 100%;
+	height: 100%;
+}
+
+body {
+	font-family: $font-family;
+	font-size: $font-size;
+	line-height: $line-height;
+	margin: 0;
+	padding: 0 0 12px;
+	word-wrap: break-word;
+	min-height: 100%;
+	box-sizing: border-box;
+	-webkit-print-color-adjust: exact;
+}
+
+$h1-font-size:		$font-size + 10px !default;
+$h1-line-height:	inherit !default;
+
+h1, p.sitename {
+	// Forum name
+	font-family: $h1-font-family;
+	margin-right: 200px;
+	margin-top: 15px;
+	margin-bottom: 0;
+	font-weight: bold;
+	font-size: $h1-font-size;
+	line-height: $h1-line-height;
+}
+
+h2 {
+	// Forum header titles
+	font-family: $h2-font-family;
+	font-weight: normal;
+	font-size: $h2-font-size;
+	margin: 0.8em 0 0.2em 0;
+}
+
+h2.solo {
+	margin-bottom: 1em;
+}
+
+$h3-font-size:			($h2-font-size - 2px) !default;
+$h3-font-family:		$h2-font-family !default;
+
+h3 {
+	// Sub-headers (also used as post headers, but defined later)
+	font-family: $h3-font-family;
+	font-weight: 500;
+	margin-bottom: 5px;
+	font-size: $h3-font-size;
+	margin-top: 20px;
+}
+
+$h4-font-size:			ceil($font-size * 1.3) !default;
+$h4-font-family:		$h1-font-family !default;
+
+h4 {
+	// Forum and topic list titles
+	font-family: $h4-font-family;
+	font-size: $h4-font-size;
+}
+
+$paragraph-font-size:	$font-size !default;
+
+p {
+	line-height: $paragraph-line-height;
+	font-size: $paragraph-font-size;
+	margin-bottom: 1.5em;
+}
+
+img {
+	border-width: 0;
+}
+
+hr {
+	border: 0 solid transparent;
+	border-top-width: 1px;
+	height: 1px;
+	margin: 5px 0;
+	display: block;
+	clear: both;
+}
+
+hr.dashed {
+	border-top-style: dashed;
+	margin: 10px 0;
+}
+
+hr.divider {
+	display: none;
+}
+
+p.right {
+	text-align: right;
+}
+
+p.jumpbox-return {
+	margin-top: 10px;
+	margin-bottom: 0;
+	float: left;
+}
+
+b, strong {
+	font-weight: bold;
+}
+
+.text-strong {
+	font-weight: bold;
+}
+
+i, em {
+	font-style: italic;
+}
+
+.text-italics {
+	font-style: italic;
+}
+
+u {
+	text-decoration: underline;
+}
+
+ul {
+	list-style-type: disc;
+}
+
+ol {
+	list-style-type: decimal;
+}
+
+li {
+	display: list-item;
+}
+
+ul ul, ol ul {
+	list-style-type: circle;
+}
+
+ol ol ul, ol ul ul, ul ol ul, ul ul ul {
+	list-style-type: square;
+}
+
+
+// Main blocks
+// ----------------------------------------
+@mixin wrapper-padding {
+	padding: 10px;
+}
+
+#wrap {
+	@if $use-wrapper {
+		border: 1px solid transparent;
+		border-radius: 8px;
+		@include wrapper-padding;
+	}
+}
+
+@mixin page-width {
+	box-sizing: border-box;
+	margin: 0 auto;
+	max-width: $max-width;
+	min-width: 625px;
+	@if $max-width != none {
+		@media (max-width: ($max-width + 24px)) {
+			margin: 0 12px;
+		}
+	}
+	@else {
+		margin: 0 12px;
+	}
+}
+.page-width {
+	@include page-width;
+}
+
+.page-width .page-width {
+	margin: 0;
+}
+
+.page-body {
+	margin: 4px 0;
+	#wrap > &:first-of-type {
+		margin-top: 0;
+	}
+	#wrap > &:last-of-type {
+		margin-bottom: 0;
+	}
+	clear: both;
+}
+
+.page-footer {
+	clear: both;
+	#wrap + & {
+		margin-top: 5px;
+	}
+}
+
+.page-footer h3 {
+	margin-top: 20px;
+}
+
+.logo {
+	@if $show-logo == true {
+		display: block;
+		box-sizing: border-box;
+		max-width: 100%;
+		@if $center-logo == true {
+			&, & img {
+				margin: 0 auto;
+			}
+		}
+		@else {
+			float: left;
+		}
+		img {
+			display: block;
+			max-width: 100%;
+		}
+		padding: $logo-block-padding;
+		&:hover {
+			text-decoration: none;
+		}
+	}
+	@else {
+		display: none;
+	}
+}
+
+// Site description and logo
+.site-description {
+	@extend %clearfix;
+	h1, p.sitename {
+		margin-left: 0;
+		margin-right: 0;
+	}
+
+	@if $center-logo == true {
+		text-align: center;
+	}
+
+	@if $show-forum-title == false {
+		h1, p {
+			display: none;
+		}
+	}
+}
+
+// Round cornered boxes and backgrounds
+// ----------------------------------------
+.headerbar {
+	& > .inner {
+		position: relative;
+	}
+}
+
+$nav-primary-glyph-font-size:	$nav-primary-font-size + 2px !default;
+$nav-primary-glyph-margin:		0px - ($nav-primary-glyph-font-size  / 2) !default;
+
+$nav-alert-font-size:		9px !default;
+
+.navbar {
+	$navtabs-border-radius: min(5px, $border-radius) !default;
+	$navtabs-border-radius-small: max(0px, $navtabs-border-radius - 2) !default;
+	$tab-height: $nav-primary-font-size + 18px !default;
+	$tab-padding: 12px !default;
+	$tab-padding-glyph: 8px !default;
+
+	@include section;
+	padding: 0 9px;
+	clear: both;
+
+	&.tabbed, &.secondary {
+		@include section-empty;
+	}
+
+	.page-body & {
+		margin-bottom: 10px;
+	}
+	+ .navbar {
+		margin-top: 5px;
+	}
+	&.tabbed {
+		padding: 0;
+	}
+	&.secondary {
+		@extend %clearfix;
+		margin: 0;
+		padding: 1px 0;
+		> ul {
+			list-style-type: none;
+			margin: 0;
+			padding: 0;
+		}
+		> ul > li {
+			position: relative;
+			display: inline-block;
+			margin: 0;
+			padding: 0;
+			> a {
+				display: inline-block;
+				color: inherit;
+				padding: 1px 8px;
+				text-align: center;
+				line-height: $nav-secondary-font-size + 14px;
+				font-size: $nav-secondary-font-size;
+			}
+			&:hover {
+				> a {
+					text-decoration: none;
+				}
+				border-radius: 3px;
+			}
+			&.small-icon > a {
+				padding-left: 18px;
+			}
+			.dropdown {
+				top: $nav-secondary-font-size + 16px;
+			}
+			&.dropdown-up .dropdown {
+				top: auto;
+				bottom: $nav-secondary-font-size + 16px;
+			}
+			&.search-box {
+				display: block;
+				margin: 0;
+				float: right;
+				.rtl & {
+					float: left;
+				}
+				&, &:hover {
+					border-radius: 0;
+					border-width: 0;
+					box-shadow: none;
+					background: none;
+					filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+				}
+			}
+		}
+		+ .nav-breadcrumbs {
+			margin-top: 0;
+		}
+	}
+
+	li.small-icon > a {
+		padding-left: 18px;
+	}
+
+	.nav-tabs {
+		border-radius: $navtabs-border-radius;
+		& .leftside {
+			& .tab:first-child,
+			& .tab.first-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+			}
+		}
+		.rtl & .rightside {
+			& .tab:last-child,
+			& .tab.last-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+			}
+		}
+		& .rightside {
+			& .tab:last-child,
+			& .tab.last-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+			}
+		}
+		.rtl & .leftside {
+			& .tab:first-child,
+			& .tab.first-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+			}
+		}
+
+		@extend %clearfix;
+
+		& > ul {
+			list-style-type: none;
+			margin: 0;
+			height: $tab-height;
+
+			&.leftside, .rtl &.rightside {
+				float: left;
+			}
+			&.rightside, .rtl &.leftside {
+				float: right;
+			}
+
+			& > li {
+				float: left;
+				height: $tab-height;
+			}
+			.rtl & > li {
+				float: right;
+			}
+			.quick-links {
+				margin: 0;
+				&.empty {
+					display: none;
+				}
+				&.showing-responsive-menu {
+					display: block;
+				}
+			}
+		}
+
+		.nav-link {
+			text-decoration: none;
+			color: inherit;
+			display: inline-block;
+			height: $tab-height;
+			line-height: $tab-height;
+			padding: 0 $tab-padding;
+			vertical-align: baseline;
+			font-size: $nav-primary-font-size;
+			outline-style: none;
+			&.dropdown-toggle {
+				position: relative;
+				&:before {
+					$nav-primary-font-size-toggle:	ceil($nav-primary-font-size * 2 / 3) !default;
+					content: '\f078';	// fa-chevron-down
+					font-family: FontAwesome;
+					position: absolute;
+					right: 12px;
+					top: 50%;
+					font-size: $nav-primary-font-size-toggle;
+					line-height: $nav-primary-font-size;
+					width: $nav-primary-font-size-toggle;
+					height: $nav-primary-font-size;
+					margin-top: -6px;
+					.rtl & {
+						right: auto;
+						left: 12px;
+					}
+				}
+				&:hover:before {
+				}
+			}
+			.username-coloured {
+				color: inherit !important;
+				font-weight: inherit;
+				font-style: inherit;
+			}
+		}
+
+		.responsive-menu .nav-link:before,
+		.dropdown-visible .nav-link:before {
+          		content: '\f077'; // fa-chevron-up
+          		font-family: FontAwesome;
+          		position: absolute;
+          		right: 12px;
+         		top: 50%;
+          		font-size: 9px;
+          		line-height: 13px;
+          		width: 9px;
+          		height: 13px;
+          		margin-top: -6px;
+		}
+
+		.dropdown {
+			top: $tab-height;
+			.dropdown-up & {
+				top: auto;
+				bottom: $tab-height;
+			}
+		}
+
+		.tab {
+			position: relative;
+			// Alert
+			& > strong {
+				display: none;
+				font-weight: bold;
+				font-size: $nav-alert-font-size;
+				padding: 0 2px;
+				border-radius: 3px;
+				position: absolute;
+				right: 5px;
+				top: -10px;
+				line-height: $nav-alert-font-size + 5px;
+				min-width: 10px;
+				_width: 10px;
+				text-align: center;
+				text-shadow: none;
+				white-space: nowrap;
+				word-wrap: normal;
+				height: $nav-alert-font-size + 5px;
+				pointer-events: none;
+				.rtl & {
+					right: auto;
+					left: 5px;
+				}
+				.arrow {
+					border: 3px solid transparent;
+					border-bottom: 1px none black;
+					position: absolute;
+					bottom: -3px;
+					right: 4px;
+					line-height: 0;
+					text-shadow: none;
+					_display: none;
+					width: 0;
+					height: 0;
+				}
+			}
+			&.non-zero > strong {
+				display: block;
+			}
+		}
+
+		// Glyphs
+		%glyph {
+			position: relative;
+			padding-left: ($tab-padding + 18px);
+			&:after {
+				position: absolute;
+				left: $tab-padding;
+				top: 50%;
+				margin-top: $nav-primary-glyph-margin;
+				width: $nav-primary-glyph-font-size;
+				font-size: $nav-primary-font-size;
+				line-height: $nav-primary-glyph-font-size;
+				height: $nav-primary-glyph-font-size;
+				text-align: left;
+				font-weight: normal;
+				font-style: normal;
+				text-indent: 0;
+			}
+			.rtl & {
+			}
+			.rtl &:after {
+				left: auto;
+				right: $tab-padding;
+			}
+		}
+		%glyph-only {
+			@extend %glyph;
+			text-indent: 999px;
+			width: $nav-primary-glyph-font-size;
+			padding: 0 $tab-padding-glyph;
+			overflow: hidden;
+			&:after {
+				text-align: center;
+				font-size: $nav-primary-glyph-font-size;
+				left: $tab-padding-glyph;
+			}
+			.rtl &:after {
+				left: auto;
+				right: $tab-padding-glyph;
+			}
+			& + strong {
+				right: -2px;
+				.rtl & {
+					right: auto;
+					left: -2px;
+				}
+			}
+		}
+		@media (max-width: 550px) {
+			%glyph-only-media {
+				text-indent: 999px;
+				width: $nav-primary-glyph-font-size;
+				padding: 0 $tab-padding-glyph;
+				overflow: hidden;
+				&:after {
+					text-align: center;
+					font-size: $nav-primary-glyph-font-size;
+					left: $tab-padding-glyph;
+				}
+				.rtl &:after {
+					left: auto;
+					right: $tab-padding-glyph;
+				}
+				& + strong {
+					right: -2px;
+					.rtl & {
+						right: auto;
+						left: -2px;
+					}
+				}
+			}
+		}
+
+		%glyph-fa {
+			font-family: FontAwesome;
+		}
+
+		.responsive-menu .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0c9';	// fa-bars
+			}
+		}
+
+		.members .nav-link {
+			@extend %glyph;
+			padding-left: ($tab-padding + 20px);
+			padding-right: ($tab-padding + 12px);
+			.rtl & {
+				padding-left: ($tab-padding + 12px);
+				padding-right: ($tab-padding + 20px);
+			}
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0c0';	// fa-groups
+			}
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+				padding: 0 $tab-padding-glyph !important;
+			}
+		}
+
+		.forums .nav-link {
+			@extend %glyph;
+			.rtl & {
+				padding-left: $tab-padding;
+				padding-right: ($tab-padding + 20px);
+			}
+			&:after {
+				@extend %glyph-fa;
+				content: '\f075';	// fa-comment
+			}
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+
+		.account .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f007';	// fa-user
+			}
+		}
+
+		.pm .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f01c';	// fa-inbox
+			}
+		}
+
+		.notifications .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0f3';	// fa-bell
+				font-size: $nav-primary-glyph-font-size - 1px;
+			}
+		}
+
+		.mcp .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0e3';	// fa-gavel
+			}
+		}
+
+		.acp .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f085';	// fa-cogs
+			}
+		}
+
+		.faq .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f059';	// fa-question-circle
+			}
+		}
+
+		@media (max-width: 550px) {
+			.faq {
+				&, & .nav-link {
+					display: none !important;
+				}
+			}
+		}
+
+		.logout .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f08b';	// fa-sign-out
+				margin-left: 1px;
+			}
+		}
+
+		.login .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f090';	// fa-sign-in
+			}
+		}
+
+		.register .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f234';	// fa-user-plus
+			}
+		}
+
+		// Commonly used links for extensions
+		.boardrules .nav-link {
+			&:after {
+				@extend %glyph-fa;
+				content: '\f071';	// fa-exclamation-triangle
+			}
+		}
+		.leftside .boardrules .nav-link {
+			@extend %glyph;
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+		.rightside .boardrules .nav-link {
+			@extend %glyph-only;
+		}
+
+		.pages .nav-link {
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0f6';	// fa-file-text-o
+			}
+		}
+		.leftside .pages .nav-link {
+			@extend %glyph;
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+		.rightside .pages .nav-link {
+			@extend %glyph-only;
+		}
+	}
+
+	// Tabbed navigation
+	@if $tabbed-navigation {
+		&.tabbed.not-static {
+
+			@if $use-wrapper {
+				// Add spacing between top of wrapper and tabs on mobile devices
+				@media (max-width: 700px) {
+					#wrap > div:first-child > &:first-child:before {
+						content: '';
+						display: block;
+						height: 10px;
+					}
+				}
+			}
+
+			.nav-tabs {
+				background: none;
+				box-shadow: none;
+				border-radius: 0;
+				border-width: 0;
+				padding: 0 10px;
+
+				.quick-links {
+					margin: 0 3px;
+				}
+				li.tab {
+					// Tabs layout
+					margin: 0 3px;
+					padding: 0;
+					border-width: 0;
+					border-radius: 0;
+					text-shadow: none;
+
+					@include tabbed-nav-layout-alt {
+						border-top-left-radius: ($navtabs-border-radius + 2);
+						border-top-right-radius: ($navtabs-border-radius + 2);
+					}
+
+					@include tabbed-nav-layout-default {
+						border-top-left-radius: $navtabs-border-radius;
+						border-top-right-radius: $navtabs-border-radius;
+					}
+
+					@media (max-width: 700px) {
+						margin: 0 2px;
+					}
+
+					// Link
+					.nav-link.dropdown-toggle {
+						&:before {
+							display: none;
+							right: 2px;
+							.rtl & {
+								right: auto;
+								left: 2px;
+							}
+						}
+						&:hover:before {
+							display: block;
+						}
+					}
+
+					// Dropdown position
+					&.dropdown-right .dropdown {
+						left: -1px;
+					}
+
+					&.dropdown-left .dropdown {
+						right: -1px;
+					}
+
+					&.dropdown-down .dropdown {
+						top: ($tab-height - 1);
+					}
+
+					&.dropdown-up .dropdown {
+						bottom: ($tab-height - 1);
+					}
+				}
+
+				.rightside li.tab {
+					margin: 0 2px;
+				}
+			}
+
+			// Second row
+			+ .navbar.secondary {
+				border-width: 0;
+				border-radius: $border-radius;
+				font-size: $nav-secondary-font-size;
+				z-index: 2;
+				position: relative;
+				margin: 0 0 10px;
+				padding: 0 5px;
+
+				@media (max-width: 700px) {
+					border-radius: 0;
+					border-left-width: 0;
+					border-right-width: 0;
+				}
+			}
+		}
+	}
+
+	// Static navigation
+	.inner.static {
+		position: fixed;
+		top: 0;
+		z-index: 50;
+		left: 0;
+		right: 0;
+		padding-top: 0;
+		padding-bottom: 0;
+		width: auto;
+		max-width: none;
+		opacity: .9;
+		transition: opacity .2s;
+		@if $use-wrapper {
+			#wrap & > .static-inner {
+				@include wrapper-padding;
+			}
+		}
+		& > .static-inner {
+			@include page-width;
+			padding-top: 0 !important;
+			padding-bottom: 0 !important;
+		}
+		&:hover {
+			opacity: 1;
+		}
+		.nav-tabs {
+			border-radius: 0;
+			& .leftside, .rtl & .rightside {
+				& .tab:first-child,
+				& .tab.first-visible {
+					border-radius: 0;
+				}
+			}
+			& .rightside, .rtl & .leftside {
+				& .tab:last-child,
+				& .tab.last-visible {
+					border-radius: 0;
+				}
+			}
+			.tab > strong {
+				position: relative;
+				top: 0;
+				left: 0;
+				right: 0;
+				bottom: 0;
+				vertical-align: top;
+				margin-top: 8px;
+				margin-left: -7px;
+				margin-right: 5px;
+				padding-bottom: 1px;
+				pointer-events: none;
+				.arrow {
+					display: none;
+				}
+			}
+			.tab.non-zero > strong {
+				display: inline-block;
+			}
+			.pm > .nav-link + strong {
+				margin-left: -5px;
+			}
+		}
+	}
+}
+
+.forabg {
+	@if $split-forums == false {
+		@include section-forum;
+		margin-bottom: 4px;
+		clear: both;
+		& + .forabg {
+			margin-top: 10px;
+		}
+	}
+	@else {
+		padding: 0;
+		margin: 10px 0;
+	}
+}
+
+.forumbg {
+	@if $split-forums == false {
+		@include section-forum;
+		margin-bottom: 4px;
+		clear: both;
+
+		&.forumbg-table {
+			@include section-empty;
+			padding: 0 1px;
+		}
+	}
+	@else {
+		padding: 0;
+	}
+}
+
+.panel {
+	@include section;
+	margin-bottom: 10px;
+	padding: 5px 10px;
+
+	// UCP/MCP panel
+	&.bg3 {
+		border-radius: 0;
+		border-width: 0;
+		box-shadow: none;
+		border-top: 3px solid transparent;
+		position: relative;
+		&:before, &:after {
+			content: '';
+			position: absolute;
+			top: 0;
+			width: 3px;
+			height: 50px;
+		}
+		&:before {
+			left: 0;
+		}
+		&:after {
+			right: 0;
+		}
+	}
+
+	// Posting form
+	.postform &.panel {
+		border-radius: $border-radius;
+	}
+}
+
+$panel-heading-line-height:	$line-height !default;
+
+.panel > .inner > h3:first-child,
+.panel > h3:first-child {
+	@include section-heading;
+	padding-left: 10px;
+	padding-right: 10px;
+	.panel-container & {
+		font-size: $panel-heading-font-size;
+		line-height: $panel-heading-line-height;
+	}
+}
+
+.post {
+	@include section;
+	padding: 0;
+	margin-bottom: 10px;
+	position: relative;
+}
+
+.post > .inner {
+	padding: 5px 10px;
+}
+
+.rowbg {
+	margin: 5px 5px 2px 5px;
+}
+
+// Horizontal lists
+// ----------------------------------------
+.navbar ul.linklist {
+	padding: 2px 0;
+}
+
+ul.linklist {
+	display: block;
+	margin: 0;
+}
+
+.cp-main .panel {
+	padding: 5px 10px;
+}
+
+$list-font-size:	$font-size !default;
+$list-line-height:	2 !default;
+ul.linklist > li {
+	float: left;
+	font-size: $list-font-size;
+	line-height: $list-line-height;
+	list-style-type: none;
+	margin-right: 7px;
+	padding-top: 1px;
+	width: auto;
+	&, &.rightside {
+		&.icon-only {
+			text-align: center;
+			min-width: 20px;
+		}
+	}
+}
+
+ul.linklist > li.rightside, p.rightside, a.rightside {
+	float: right;
+	margin-right: 0;
+	margin-left: 7px;
+	text-align: right;
+}
+
+ul.navlinks {
+	border-top: 1px solid transparent;
+	&.nav-breadcrumbs {
+		border-top-width: 0;
+	}
+}
+
+ul.leftside {
+	float: left;
+	margin-left: 0;
+	margin-right: 5px;
+	text-align: left;
+}
+
+ul.rightside {
+	float: right;
+	margin-left: 5px;
+	margin-right: -5px;
+	text-align: right;
+}
+
+ul.linklist li.responsive-menu {
+	position: relative;
+	margin: 0 5px;
+}
+
+$responsive-menu-font-size:		$font-size + 2px !default;
+
+.fa-bars:before {
+	display: none;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+	display: inline-block;
+	margin: 0 5px;
+	font-size: $responsive-menu-font-size + 4px;
+	position: relative;
+	width: $responsive-menu-font-size + 4px;
+	line-height: $responsive-menu-font-size + 8px;
+	text-decoration: none;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+	&:before {
+		content: '\f0c9';	// fa-bars
+		font-family: FontAwesome;
+		position: absolute;
+		left: 0;
+		top: 50%;
+		margin-top: -#{$responsive-menu-font-size / 2};
+		width: $responsive-menu-font-size + 2px;
+		font-size: $responsive-menu-font-size;
+		line-height: $responsive-menu-font-size;
+		height: $responsive-menu-font-size;
+		text-align: center;
+		font-weight: normal;
+		font-style: normal;
+		text-indent: 0;
+	}
+	&:hover:before {
+		font-family: FontAwesome;
+		content: '\f078';	// fa-chevron-down
+	}
+}
+
+.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
+	max-width: 48%;
+}
+
+.hasjs ul.linklist.fullwidth {
+	max-width: none;
+}
+
+li.responsive-menu.dropdown-right .dropdown {
+}
+
+li.responsive-menu.dropdown-left .dropdown {
+}
+
+ul.linklist .dropdown {
+	top: $list-font-size * 2;
+}
+
+ul.linklist .dropdown-up .dropdown {
+	bottom: $list-font-size * 2;
+	top: auto;
+}
+
+// Bulletin icons for list items
+// ----------------------------------------
+ul.linklist.bulletin > li:before {
+	display: inline-block;
+	content: "\2022";
+	font-size: inherit;
+	line-height: inherit;
+	padding-right: 4px;
+}
+
+ul.linklist.bulletin > li:first-child:before,
+ul.linklist.bulletin > li.rightside:last-child:before {
+	content: none;
+}
+
+ul.linklist.bulletin > li.no-bulletin:before {
+	content: none;
+}
+
+.responsive-menu:before {
+	display: none !important;
+}
+
+// Profile in overall_header.html
+.header-profile {
+	display: inline-block;
+	vertical-align: top;
+}
+
+.header-avatar:hover {
+	text-decoration: none;
+}
+
+.header-avatar img {
+	margin-bottom: 2px;
+	max-height: 20px;
+	vertical-align: middle;
+	width: auto;
+}
+
+.header-avatar span:after {
+	content: '\f078';	// fa-chevron-down
+	font-family: FontAwesome;
+	display: inline-block;
+	font-size: 7px;
+	float: right;
+	padding-left: 2px;
+	font-weight: normal;
+	opacity: 0.7;
+}
+
+// Dropdown menu
+// ----------------------------------------
+.dropdown-container {
+	position: relative;
+}
+
+.dropdown-container-right {
+	float: right;
+}
+
+.dropdown-container-left {
+	float: left;
+}
+
+.nojs .dropdown-container:hover .dropdown {
+	display: block !important;
+}
+
+.dropdown {
+	display: none;
+	position: absolute;
+	left: 0;
+	top: if(unitless($line-height), #{$line-height}em, $line-height);
+	z-index: 30;
+	padding: 0;
+	margin-right: -500px;
+}
+
+.dropdown.live-search {
+	top: auto;
+}
+
+.dropdown-container.topic-tools {
+	float: left;
+}
+
+.dropdown-up .dropdown {
+	top: auto;
+	bottom: if(unitless($line-height), #{$line-height}em, $line-height);
+}
+
+.dropdown-left .dropdown, .nojs .rightside .dropdown {
+	left: auto;
+	right: 0;
+	margin-left: -500px;
+	margin-right: 0;
+}
+
+.dropdown-button-control .dropdown {
+	top: $button-height;
+}
+
+.dropdown-button-control.dropdown-up .dropdown {
+	top: auto;
+	bottom: $button-height;
+}
+
+.dropdown .pointer, .dropdown .pointer-inner {
+	position: absolute;
+	width: 0;
+	height: 0;
+	border-top-width: 0;
+	border-bottom: 10px solid transparent;
+	border-left: 10px dashed transparent;
+	border-right: 10px dashed transparent;
+	-webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
+	display: block;
+}
+
+.dropdown-up .pointer, .dropdown-up .pointer-inner {
+	border-bottom-width: 0;
+	border-top: 10px solid transparent;
+}
+
+.dropdown .pointer {
+	right: auto;
+	left: 10px;
+	top: 0;
+	z-index: 3;
+}
+
+.dropdown-up .pointer {
+	bottom: 0;
+	top: auto;
+}
+
+.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
+	left: auto;
+	right: 10px;
+}
+
+.dropdown .pointer-inner {
+	top: auto;
+	bottom: -11px;
+	left: -10px;
+}
+
+.dropdown-up .pointer-inner {
+	bottom: auto;
+	top: -11px;
+}
+
+.dropdown .dropdown-contents {
+	z-index: 30;
+	overflow: hidden;
+	overflow-y: auto;
+	border: 0px solid transparent;
+	border-radius: 0 0 min($border-radius, 5px) min($border-radius, 5px);
+	border-top-width: 3px;
+	padding: 5px;
+	position: relative;
+	min-width: 40px;
+	max-height: 300px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	.notifications & {
+		min-width: 300px;
+	}
+}
+
+.dropdown-up .dropdown-contents {
+	border-bottom-width: 3px;
+	border-top-width: 0;
+	border-radius: min($border-radius, 5px) min($border-radius, 5px) 0 0;
+}
+
+$dropdown-content-font-size:	$font-size + 1px !default;
+$dropdown-content-line-height:	$line-height !default;
+
+.dropdown-contents > li {
+	padding-right: 15px;
+	min-width: 180px;
+}
+
+.dropdown-nonscroll > li {
+	padding-right: 0;
+}
+
+.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
+	border-top: 0;
+}
+
+.dropdown li li:first-child {
+	margin-top: 4px;
+}
+
+.dropdown li li:last-child {
+	padding-bottom: 0;
+}
+
+.dropdown li li {
+	border-top: 1px dotted transparent;
+	padding-left: 18px;
+}
+
+#wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
+	white-space: normal;
+}
+
+.dropdown li.separator {
+	border-top: 1px solid transparent;
+	margin: 4px 0;
+	padding: 0;
+}
+
+.dropdown li.separator:first-child, .dropdown li.separator:last-child {
+	display: none !important;
+}
+
+.dropdown-trigger > i.glyphicons, .dropdown-trigger > i.fa {
+	display: inline;
+	line-height: inherit;
+	top: 0;
+	vertical-align: baseline;
+	&:before {
+		font-size: 1.4em;
+		line-height: 1;
+		position: relative;
+		top: 1px;
+	}
+}
+
+// Responsive breadcrumbs
+// ----------------------------------------
+.breadcrumbs .crumb {
+	float: left;
+	font-weight: bold;
+	word-wrap: normal;
+	position: relative;
+	padding-left: $list-font-size + 2px;
+	.rtl & {
+		padding-left: 0;
+		padding-right: $list-font-size + 2px;
+	}
+}
+
+.breadcrumbs .crumb:before {
+	content: '\f054';	// fa-chevron-right
+	font-family: FontAwesome;
+	font-weight: normal;
+	position: absolute;
+	left: 1px;
+	width: $list-font-size;
+	top: 50%;
+	margin-top: -#{$list-font-size / 2};
+	font-size: $list-font-size - 4px;
+	height: $list-font-size;
+	line-height: $list-font-size;
+	text-align: center;
+	.rtl & {
+		left: auto;
+		right: 1px;
+		content: '\f053';	// fa-chevron-left
+	}
+}
+
+.breadcrumbs .crumb:first-child {
+	padding-left: 0;
+	padding-right: 0;
+	&:before {
+		display: none;
+	}
+}
+
+.breadcrumbs .crumb a {
+	display: inline-block;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	vertical-align: bottom;
+	overflow: hidden;
+}
+
+.breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; }
+.breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; }
+.breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; }
+
+.breadcrumbs .crumb.wrapped-max a { max-width: 120px; }
+.breadcrumbs .crumb.wrapped-wide a { max-width: 100px; }
+.breadcrumbs .crumb.wrapped-medium a { max-width: 80px; }
+.breadcrumbs .crumb.wrapped-small a { max-width: 60px; }
+.breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; }
+
+// Table styles
+// ----------------------------------------
+table.table1 {
+	width: 100%;
+}
+
+.ucp-main table.table1 {
+	padding: 2px;
+}
+
+$table-heading-font-size:	$font-size + 2px !default;
+$table-heading-line-height:	$line-height !default;
+$table-content-font-size:	$font-size + 1px !default;
+
+table.table1 thead th {
+	@include table-heading;
+	text-transform: none;
+	line-height: $table-heading-line-height;
+	font-weight: normal;
+	font-size: $table-heading-font-size;
+	padding: 4px;
+}
+
+table.table1 thead th span {
+	padding-left: 7px;
+}
+
+table.table1 tbody tr {
+	border-top: 1px solid transparent;
+}
+
+table.table1 td {
+	font-size: $table-content-font-size;
+	line-height: $line-height;
+}
+
+table.table1 tbody td {
+	padding: 5px;
+	border-top: 1px solid transparent;
+}
+
+table.table1 tbody th {
+	padding: 5px;
+	border-bottom: 1px solid transparent;
+	text-align: left;
+}
+
+// Specific column styles
+table.table1 .name		{ text-align: left; }
+table.table1 .center	{ text-align: center; }
+table.table1 .reportby	{ width: 15%; }
+table.table1 .posts		{ text-align: center; width: 7%; }
+table.table1 .joined	{ text-align: left; width: 15%; }
+table.table1 .active	{ text-align: left; width: 15%; }
+table.table1 .mark		{ text-align: center; width: 7%; }
+table.table1 .info		{ text-align: left; width: 30%; max-width: 200px;
+	@media (max-width: 550px) {
+		max-width: 150px;
+	}
+}
+table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
+table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
+table.table1 thead .autocol { padding-left: 1em; }
+
+table.table1 th.info {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+table.table1 span.rank-img {
+	float: right;
+	width: auto;
+}
+
+table.info td {
+	padding: 3px;
+}
+
+table.info tbody th {
+	padding: 3px;
+	text-align: right;
+	vertical-align: top;
+	font-weight: normal;
+}
+
+.forumbg table.table1 {
+	margin: 0;
+}
+
+.forumbg-table > .inner {
+	margin: 0 -1px;
+}
+
+.color_palette_placeholder table {
+	border-collapse: separate;
+	border-spacing: 1px;
+}
+
+// Misc layout styles
+// ----------------------------------------
+// column[1-2] styles are containers for two column layouts
+.column1 {
+	float: left;
+	clear: left;
+	width: 49%;
+}
+
+.column2 {
+	float: right;
+	clear: right;
+	width: 49%;
+}
+
+// General classes for placing floating blocks
+.left-box {
+	float: left;
+	width: auto;
+	text-align: left;
+	max-width: 100%;
+}
+
+.left-box.profile-details {
+	width: 80%;
+}
+
+.right-box {
+	float: right;
+	width: auto;
+	text-align: right;
+	max-width: 100%;
+}
+
+dl.details {
+	font-size: $font-size;
+}
+
+dl.details dt {
+	float: left;
+	clear: left;
+	width: 30%;
+	text-align: right;
+	display: block;
+}
+
+dl.details dd {
+	margin-left: 0;
+	padding-left: 5px;
+	margin-bottom: 5px;
+	float: left;
+	width: 65%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.clearfix, fieldset dl, dl.polls {
+	overflow: hidden;
+}
+
+ul.topiclist dl {
+	@extend %clearfix;
+}
+
+ul.topiclist dd.lastpost {
+	float: right;
+}
+
+fieldset.fields1 ul.recipients {
+	list-style-type: none;
+	line-height: 1.8;
+	max-height: 150px;
+	overflow-y: auto;
+}
+
+fieldset.fields1 dd.recipients {
+	clear: left;
+	margin-left: 1em;
+}
+
+fieldset.fields1 ul.recipients  input.button2{
+	font-size: $font-size - 2px;
+	margin-right: 0;
+	padding: 0;
+}
+
+fieldset.fields1 dl.pmlist > dt {
+	width: auto !important;
+}
+
+fieldset.fields1 dl.pmlist dd.recipients {
+	margin-left: 0 !important;
+}
+
+// Action-bars (container for post/reply buttons, pagination, etc.)
+// ----------------------------------------
+.action-bar {
+	font-size: $font-size;
+	margin: 4px 0;
+}
+
+.forabg + .action-bar {
+	margin-top: 10px;
+}
+
+.action-bar .button {
+	margin-right: 5px;
+	float: left;
+}
+
+.action-bar .button-search {
+	margin-right: 0;
+}
+
+
+// Pagination
+// ----------------------------------------
+$pagination-font-size:				$font-size !default;
+$pagination-line-height:			$font-size + 2px !default;
+$pagination-link-font-size:			$font-size !default;
+$pagination-link-line-height:		$font-size !default;
+
+.pagination {
+	float: right;
+	font-size: $font-size;
+	text-align: right;
+	width: auto;
+}
+
+.action-bar.bottom .pagination {
+	margin-top: 0;
+}
+
+.action-bar .pagination .button {
+	margin-right: 0;
+	float: none;
+}
+
+.pagination > ul {
+	display: inline-block;
+	list-style: none !important;
+	margin-left: 5px;
+}
+
+.pagination > ul > li {
+	display: inline-block !important;
+	padding: 0;
+	font-size: $font-size;
+	line-height: normal;
+	vertical-align: middle;
+}
+
+.pagination li a, .pagination li span {
+	border-radius: 2px;
+	padding: 2px 5px;
+}
+
+.pagination li.active span {
+	display: inline-block;
+	font-size: 13px;
+	font-weight: normal;
+	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+	line-height: 1.4;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	border: 1px solid transparent;
+}
+
+.pagination li.ellipsis span {
+	border: none;
+	padding: 0;
+}
+
+.pagination li.page-jump {
+	margin-right: 5px;
+}
+
+.pagination li.page-jump a {
+	background: transparent none !important;
+	border-color: transparent !important;
+	padding: 0 8px;
+}
+
+.pagination li.page-jump a i {
+	font-size: 21px;
+}
+
+.pagination .arrow a {
+	padding: 2px 0;
+}
+
+.rtl .pagination li.previous a:after {
+	content: '\f054';	// fa-chevron-right
+	right: 1px;
+	left: 3px;
+}
+
+.rtl .pagination li.next a:after {
+	content: '\f053';	// fa-chevron-left
+	left: 1px;
+	right: 3px;
+}
+
+// Pagination in viewforum for multipage topics
+.row .pagination {
+	display: block;
+	margin-top: 3px;
+	margin-bottom: 3px;
+}
+
+.row .pagination > ul {
+	margin: 0;
+}
+
+.row .pagination li a, .row .pagination li span {
+	border-radius: 2px;
+	padding: 1px 3px;
+	font-size: 9px;
+}
+
+// jQuery popups
+// ----------------------------------------
+.phpbb_alert {
+	border: 1px solid transparent;
+	display: none;
+	left: 0;
+	padding: 0 25px 20px 25px;
+	position: fixed;
+	right: 0;
+	top: 150px;
+	z-index: 50;
+	width: 620px;
+	margin: 0 auto;
+}
+
+@media (max-height: 500px)
+{
+	.phpbb_alert {
+		top: 25px;
+	}
+}
+
+.phpbb_alert .alert_close {
+	display: block;
+	float: right;
+	width: 24px;
+	height: 24px;
+	overflow: hidden;
+	text-decoration: none !important;
+	background: transparent none 0 0 no-repeat;
+	margin-top: -12px;
+	margin-right: -36px;
+	position: relative;
+}
+
+.phpbb_alert .alert_close:before,
+.phpbb_alert .alert_close:after {
+	content: '\f057';	// fa-times-circle
+	font-family: FontAwesome;
+	position: absolute;
+	font-size: 18px;
+	line-height: 24px;
+	font-weight: normal;
+	font-style: normal;
+	text-indent: 0;
+	text-align: center;
+	left: 0;
+	top: 0;
+	margin: 0;
+	padding: 0;
+	width: 24px;
+	height: 24px;
+}
+
+.phpbb_alert .alert_close:before {
+	content: '\f111';	// fa-circle
+	font-size: 20px;
+}
+
+.phpbb_alert p {
+	margin: 8px 0;
+	padding-bottom: 8px;
+}
+
+.phpbb_alert label {
+	display: block;
+	margin: 8px 0;
+	padding-bottom: 8px;
+}
+
+.phpbb_alert div.alert_text > p,
+.phpbb_alert div.alert_text > label,
+.phpbb_alert div.alert_text > select,
+.phpbb_alert div.alert_text > textarea,
+.phpbb_alert div.alert_text > input {
+	font-size: $font-size;
+}
+
+.darkenwrapper {
+	display: none;
+	position: relative;
+	z-index: 44;
+}
+
+.darken {
+	position: fixed;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	opacity: 0.5;
+	z-index: 45;
+}
+
+.loading_indicator {
+	background: center center no-repeat;
+	border-radius: 5px;
+	display: none;
+	opacity: 0.8;
+	margin-top: -50px;
+	margin-left: -50px;
+	height: 50px;
+	width: 50px;
+	position: fixed;
+	left: 50%;
+	top: 50%;
+	z-index: 51;
+}
+
+// Miscellaneous styles
+// ----------------------------------------
+.forum-permissions {
+	float: right;
+	width: auto;
+	padding-left: 5px;
+	margin-left: 5px;
+	margin-top: 10px;
+	text-align: right;
+}
+
+.copyright {
+	font-size: 10px;
+	text-align: center;
+	padding: 10px;
+}
+
+.footer-row {
+	font-size: 10px;
+	line-height: 1.8;
+	margin: 0;
+}
+
+.small {
+	font-size: 0.9em !important;
+}
+
+.titlespace {
+	margin-bottom: 15px;
+}
+
+.headerspace {
+	margin-top: 20px;
+}
+
+.error {
+	font-weight: bold;
+	font-size: $font-size;
+}
+
+$rules-font-size:	$font-size !default;
+
+div.rules {
+	margin: 10px 0;
+	font-size: $rules-font-size;
+	padding: 5px 10px;
+	border-radius: $border-radius;
+}
+
+div.rules ul, div.rules ol {
+	margin-left: 20px;
+}
+
+$post-notice-font-size:		$font-size + 1px;
+
+p.post-notice {
+	position: relative;
+	padding: 5px;
+	padding-left: 26px;
+	min-height: 14px;
+	margin-bottom: 1em;
+	font-size: $post-notice-font-size;
+}
+
+p.post-notice:before {
+	content: '';
+	display: block;
+	position: absolute;
+	top: 50%;
+	margin-top: -10px;
+	font-size: 16px;
+	height: 18px;
+	line-height: 18px;
+	text-align: center;
+	vertical-align: baseline;
+	left: 0;
+	width: 28px;
+	background: transparent none 50% 50% no-repeat;
+	pointer-events: none;
+	font-weight: normal;
+	font-style: normal;
+	text-transform: none;
+}
+
+form > p.post-notice strong {
+	line-height: 20px;
+}
+
+.jumpbox {
+	margin: 5px 0;
+}
+
+.jumpbox .dropdown li {
+	border-top: 1px solid transparent;
+}
+
+.jumpbox .dropdown-select {
+	margin: 0;
+}
+
+.jumpbox .dropdown-contents {
+	padding: 0;
+	text-decoration: none;
+}
+
+.jumpbox .dropdown-contents li {
+	padding: 0;
+}
+
+.jumpbox .dropdown-contents a {
+	margin-right: 20px;
+	padding: 5px 10px;
+	text-decoration: none;
+	width: 100%;
+}
+
+.jumpbox .spacer {
+	display: inline-block;
+	width: 0px;
+}
+
+.jumpbox .spacer + .spacer {
+	width: 20px;
+}
+
+.dropdown-contents a {
+	display: block;
+	padding: 5px;
+}
+
+.jumpbox .dropdown-select {
+	margin: 0;
+}
+
+.jumpbox .dropdown-contents a {
+	text-decoration: none;
+}
+
+.dropdown li {
+	display: list-item;
+	border-top: 1px dotted transparent;
+	float: none !important;
+	line-height: normal !important;
+	font-size: 1em !important;
+	list-style: none;
+	margin: 0;
+	white-space: nowrap;
+	text-align: left;
+}
+
+.stat-block {
+	clear: both;
+}
+
+.top {
+	position: absolute;
+	top: -20px;
+}
+
+.clear {
+	display: block;
+	clear: both;
+	font-size: 1px;
+	line-height: 1px;
+	background: transparent;
+}
+
+// Inner box-model clearing
+.inner:after,
+ul.linklist:after,
+.action-bar:after,
+.notification_text:after,
+.tabs-container:after,
+.tabs > ul:after,
+.minitabs > ul:after,
+.postprofile .avatar-container:after {
+	clear: both;
+	content: '';
+	display: block;
+}
+
+.emoji {
+	min-height: 18px;
+	min-width: 18px;
+	height: 1em;
+	width: 1em;
+}
+
+.hidden {
+	display: none;
+}
+
+.smilies {
+	vertical-align: text-bottom;
+}
+
+.icon-notification {
+	position: relative;
+}
+
+.member-search {
+	float: left;
+	margin: 0;
+	padding: 6px 10px;
+}
+
+.member-search strong {
+	font-size: $font-size;
+}
+
+.dropdown-extended {
+	display: none;
+	z-index: 3;
+}
+
+.dropdown-extended ul {
+	max-height: 350px;
+	overflow-y: auto;
+	overflow-x: hidden;
+	clear: both;
+}
+
+.dropdown-extended ul li {
+	padding: 0;
+	margin: 0 !important;
+	float: none;
+	border-top: 1px solid;
+	list-style-type: none;
+	font-size: $font-size;
+	clear: both;
+	position: relative;
+}
+
+.dropdown-extended ul li:first-child {
+	border-top: none;
+}
+
+.dropdown-extended ul li.no_notifications {
+	padding: 10px;
+}
+
+.dropdown-extended .dropdown-contents {
+	max-height: none;
+	padding: 0;
+	position: absolute;
+	width: 340px;
+}
+
+.nojs .dropdown-extended .dropdown-contents {
+	position: relative;
+}
+
+.dropdown-extended .header {
+	.dropdown-down & {
+		margin-top: -3px;
+	}
+	padding: 0 10px;
+	font-family: $dropdown-header-font-family;
+	font-size: $dropdown-header-font-size;
+	font-weight: bold;
+	text-align: left;
+	// text-transform: uppercase;
+	line-height: $dropdown-header-line-height;
+}
+
+.dropdown-extended .header .header_settings {
+	float: right;
+	font-weight: normal;
+	text-transform: none;
+}
+
+.dropdown-extended .header .header_settings a {
+	display: inline-block;
+	padding: 0 5px;
+}
+
+.dropdown-extended .header:after {
+	content: '';
+	display: table;
+	clear: both;
+}
+
+.dropdown-extended .footer {
+	text-align: center;
+	font-size: $font-size;
+}
+
+.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
+	padding: 8px;
+}
+
+.dropdown-extended .footer > a {
+	padding: 5px 0;
+}
+
+.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
+	display: block;
+	text-decoration: none;
+}
+
+.notification_list ul li img {
+	float: left;
+	max-height: 50px;
+	max-width: 50px;
+	width: auto !important;
+	height: auto !important;
+	margin-right: 5px;
+}
+
+.notification_list ul li p {
+	margin-bottom: 4px;
+	font-size: $font-size;
+}
+
+.notification_list p.notification-reference,
+.notification_list p.notification-location,
+.notification_list li a p.notification-reason {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.notification_list p.notification-time {
+	font-size: $font-size - 1px;
+	margin: 0;
+	text-align: right;
+}
+
+.notification_list div.notifications {
+	margin-left: 50px;
+	padding: 5px;
+}
+
+.notification_list div.notifications a {
+	display: block;
+}
+
+.notification_list p.notifications_title {
+	font-family: $topic-link-font-family;
+	font-size: $topic-link-font-size !important;
+}
+
+.notification_list p.notifications_title strong {
+	font-weight: 600;
+}
+
+.notification_list p.notifications_time {
+	font-size: $font-size !important;
+}
+
+.notification_text {
+	margin-left: 58px;
+	white-space: normal;
+}
+
+.badge {
+	border-radius: 10px;
+	opacity: 0.8;
+	text-align: center;
+	white-space: nowrap;
+	font-size: 10px;
+	line-height: 1;
+	float: right;
+	display: inline-block;
+	margin-left: 3px;
+	vertical-align: baseline;
+	position: relative;
+	top: 3px;
+	padding: 4px 6px;
+ }
+
+.badge.hidden {
+	display: none;
+}
+
+// Navbar specific list items
+// ----------------------------------------
+
+.linklist .quick-links {
+	margin: 0 7px 0 0;
+}
+
+.linklist.compact .rightside > a > span span {
+	display: none;
+}
+
+.dropdown-page-jump .dropdown {
+	top: 20px;
+}
+
+.dropdown-page-jump.dropdown-up .dropdown {
+	bottom: 20px;
+}
+
+.dropdown-page-jump input.tiny {
+	width: 50px;
+}
+
+.dropdown .clone.hidden  {
+	display: none;
+}
+
+.dropdown .clone.hidden + li.separator {
+	display: none;
+}
+
+.dropdown .clone.hidden + li {
+	border-top: none;
+}
diff --git a/simplicity/theme/common/_content.scss b/simplicity/theme/common/_content.scss
new file mode 100644
index 0000000..b7b170d
--- /dev/null
+++ b/simplicity/theme/common/_content.scss
@@ -0,0 +1,1278 @@
+// Content Styles
+// ----------------------------------------
+
+ul.topiclist {
+	display: block;
+	list-style-type: none;
+	margin: 0;
+}
+
+ul.topiclist li {
+	display: block;
+	list-style-type: none;
+	margin: 0;
+	.forabg &.header,
+	.forumbg &.header {
+		@include section-heading-forum;
+		position: relative;
+		.forum-toggle {
+			position: absolute;
+			right: 5px;
+			top: 50%;
+			margin-top: -8px;
+			height: 16px;
+			width: 16px;
+			text-decoration: none !important;
+			outline-style: none !important;
+			color: inherit;
+			transition: opacity 0.3s ease;
+			opacity: .5;
+			&:after {
+				content: '\f056';	// fa-minus-circle
+				font-family: FontAwesome;
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 16px;
+				height: 16px;
+				font-size: 12px;
+				line-height: 16px;
+			}
+			&.toggled:after {
+				content: '\f055';	// fa-plus-circle
+			}
+			&:hover {
+				opacity: 1;
+			}
+			.rtl & {
+				right: auto;
+				left: 4px;
+			}			
+		}
+	}
+}
+
+ul.topiclist dl {
+	position: relative;
+}
+
+ul.topiclist li.row dl {
+	margin: 2px 0;
+}
+
+ul.topiclist dt, ul.topiclist dd {
+	display: block;
+	float: left;
+}
+
+ul.topiclist dt {
+	width: 100%;
+	margin-right: -440px;
+	font-size: $font-size;
+}
+
+ul.topiclist.missing-column dt {
+	margin-right: -345px;
+}
+
+dl.elegant-row dt,
+ul.topiclist.two-long-columns dt {
+	margin-right: -250px;
+}
+
+ul.topiclist.two-columns dt {
+	margin-right: -80px;
+}
+
+ul.topiclist dt .list-inner {
+	margin-right: 440px;
+	padding-left: 5px;
+	padding-right: 5px;
+	position: relative;
+}
+
+ul.topiclist.missing-column dt .list-inner {
+	margin-right: 345px;
+}
+
+dl.elegant-row dt .list-inner,
+ul.topiclist.two-long-columns dt .list-inner {
+	margin-right: 250px;
+}
+
+ul.topiclist.two-columns dt .list-inner {
+	margin-right: 80px;
+}
+
+ul.topiclist dd {
+	border-left: 1px solid transparent;
+	padding: 4px 0;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+ul.topiclist dfn {
+	// Labels for post/view counts
+	display: none;
+	position: absolute;
+	left: -999px;
+	width: 990px;
+}
+
+.forum-image {
+	float: left;
+	padding-top: 5px;
+	margin-right: 5px;
+}
+
+li.row {
+	border-top: 1px solid transparent;
+	border-bottom: 1px solid transparent;
+	&:first-child {
+		border-top-width: 0;
+		padding-top: 0;
+	}
+	&:last-child {
+		border-bottom-width: 0;
+		padding-bottom: 0;
+	}
+
+	@if $split-forums == true {
+		ul.topiclist & {
+			.forabg &, .forumbg & {
+				@include section-forum;
+				margin: 5px 0;
+				padding: 0;
+				&.reported {
+					background-color: $block-background-reported;
+				}
+			}
+		}
+	}
+
+	.forum-description {
+
+	}
+	.subforums-list {
+		ul {
+			list-style-type: none;
+			display: inline;
+			margin: 0;
+		}
+		li {
+			display: inline;
+			& > span {
+				display: inline;
+			}
+		}
+	}
+	.forum-mcplink {
+		right: 4px;
+		top: 4px;
+		.rtl & {
+			right: auto;
+			left: 4px;
+		}
+	}
+}
+
+li.row strong {
+	font-weight: normal;
+}
+
+li.header dt, li.header dd {
+	border-left-width: 0;
+	padding-top: 0;
+	padding-bottom: 0;
+	font-size: $list-heading-font-size;
+	font-family: $list-heading-font-family;
+	line-height: $list-heading-line-height;
+}
+
+li.header dt {
+	.forabg & {
+		font-family: $forum-heading-font-family;
+		font-weight: $forum-heading-font-weight;
+		font-size: $forum-heading-font-size;
+	}
+	width: 100%;
+	margin-right: -440px;
+	.list-inner {
+		margin-right: 440px;
+		text-indent: 5px;
+		padding-left: 0;
+	}
+}
+
+li.header dd {
+	padding-left: 1px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+li.header dl dt, li.header dl dd {
+	min-height: 0;
+}
+
+li.header dl.row-item dt .list-inner {
+	// Tweak for headers alignment when folder icon used
+	.forabg & {
+		padding-left: 0;
+		padding-right: 50px;
+	}
+}
+
+.row .list-inner { padding: 4px 0; }
+
+dl.row-item {
+	background-position: 10px 50%;		// Position of folder icon
+	background-repeat: no-repeat;
+	background-size: 36px;
+}
+
+dl.row-item dt {
+	background-repeat: no-repeat;
+	background-position: 5px 95%;		// Position of topic icon
+	background-size: 17px;
+}
+
+dl.row-item dt .list-inner {
+	padding-left: 55px;					// Space for folder icon
+	position: relative;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	li.header & {
+		padding-top: 0;
+		padding-bottom: 0;
+	}
+}
+
+dl.row-item dt .list-inner .topic-status {
+	position: absolute;
+	right: 4px;
+	top: 3px;
+	font-size: 14px;
+	pointer-events: none;
+	.rtl & {
+		right: auto;
+		left: 4px;
+	}
+}
+
+dl.row-item dt .list-inner .topic-status + .topic-status {
+	right: 20px;
+}
+
+dl.row-item dt, dl.row-item dd {
+	min-height: 42px;
+}
+
+dl.row-item dt a {
+	display: inline;
+}
+
+dl.row-item.with-description dt, dl.row-item.with-description dd {
+	min-height: 50px;
+}
+
+dl a.row-item-link {						// topic row icon links
+	display: block;
+	width: 36px;
+	height: 36px;
+	padding: 0;
+	position: absolute;
+	top: 50%;
+	left: 0;
+	margin-top: -15px;
+	margin-left: 9px;
+	z-index: 2;
+}
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
+	width: 80px;
+	text-align: center;
+}
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark, dd.lastpost.empty {
+	line-height: 34px;
+	font-size: $forum-list-column-font-size;
+	.with-description & {
+		line-height: 42px;
+	}
+}
+
+dd.lastpost.empty br {
+	display: none;
+}
+
+dd.posts, dd.topics, dd.views {
+	width: 95px;
+	.elegant-row & {
+		display: none;
+	}
+}
+
+// List in forum description
+dl.row-item dt ol,
+dl.row-item dt ul {
+	list-style-position: inside;
+	margin-left: 1em;
+}
+
+dl.row-item dt li {
+	display: list-item;
+	list-style-type: inherit;
+}
+
+dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
+	width: 250px;
+	font-size: $forum-list-last-column-font-size;
+}
+
+dd.redirect {
+	line-height: 2.5em;
+}
+
+dd.time {
+	line-height: 200%;
+}
+
+dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
+	display: block;
+	padding-left: 5px;
+}
+
+dd.extra, dd.mark {
+	line-height: 200%;
+}
+
+dd.option {
+	width: 125px;
+	line-height: 200%;
+	text-align: center;
+	font-size: $font-size;
+}
+
+// Forums list layout
+// ----------------------
+.forum-description {
+	font-size: $forum-list-description-font-size;
+	padding-top: 2px;
+}
+
+.forum-statistics {
+	font-size: $font-size;
+	padding-top: 2px;
+	.value {
+	}
+}
+
+.forum-lastpost {
+	display: none;
+	@media (max-width: 550px) {
+		display: block !important;
+		padding-top: 2px;
+		line-height: 1.2;
+		overflow: hidden;
+	}
+	strong, span {
+		text-overflow: ellipsis;
+		overflow: hidden;
+		white-space: nowrap;
+	}
+	strong, span, a.lastsubject {
+		font-weight: normal;
+	}
+	strong {
+		display: block;
+		float: left;
+		max-width: 200px;
+		padding-right: 5px;
+		.rtl & {
+			float: right;
+			padding-right: 0;
+			padding-left: 5px;
+		}
+		@media (max-width: 400px) {
+			max-width: 130px;
+		}
+	}
+	span {
+		display: inline-block;
+		max-width: 100%;
+		&:after {
+			content: '|';
+			display: inline-block;
+			text-align: center;
+			width: 12px;
+		}
+		&:last-of-type:after {
+			display: none;
+		}
+	}
+}
+
+.subforums-list {
+	padding-top: 2px;
+}
+
+.forum-description.toggle {
+	display: none;
+	position: absolute;
+	font-size: $font-size;
+	border-radius: 4px;
+	padding: 4px 9px;
+	max-width: 500px;
+	cursor: pointer;
+	a.forumtitle + & {
+		left: 55px;
+		top: 25px;
+		z-index: 30;
+		.rtl & {
+			left: auto;
+			right: 55px;
+		}
+	}
+	a {
+		background: none !important;
+		text-decoration: underline !important;
+		border-width: 0 !important;
+	}
+	span.arrow {
+		position: absolute;
+		line-height: 0;
+		width: 0;
+		height: 0;
+		border: 6px solid transparent;
+		border-left: 1px none transparent;
+		top: 6px;
+		left: -6px;
+		bottom: auto;
+	}
+	.rtl & span.arrow {
+		border-left: 6px solid transparent;
+		border-right: 1px none transparent;
+		left: auto;
+		right: -6px;
+	}
+	&.no-arrow span.arrow {
+		display: none;
+	}
+}
+
+// Post body styles
+// ----------------------------------------
+.postbody {
+	padding: 0;
+	font-size: $font-size;
+	line-height: $line-height;
+	.postprofile + & {
+		float: $post-side;
+		margin-#{$profile-side}: -#{$post-margin};
+		.rtl & {
+			margin-#{$profile-side}: 0;
+			margin-#{$post-side}: -#{$post-margin};
+			float: $profile-side;
+		}
+		width: 100%;
+		position: relative;
+		.search & {
+			margin-#{$profile-side}: (-100px - $post-margin);
+			.rtl & {
+				margin-#{$profile-side}: 0;
+				margin-#{$post-side}: (-100px - $post-margin);
+			}
+		}
+	}
+}
+
+.postprofile + .postbody > div {
+	margin-#{$profile-side}: $post-margin;
+	&:only-child:after {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+	.rtl & {
+		margin-#{$profile-side}: 0;
+		margin-#{$post-side}: $post-margin;
+	}
+	.search & {
+		margin-#{$profile-side}: ($post-margin + 100px);
+		.rtl & {
+			margin-#{$profile-side}: 0;
+			margin-#{$post-side}: ($post-margin + 100px);
+		}
+	}
+}
+
+.postbody .ignore {
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+}
+
+.postbody h3.first {
+	// The first post on the page uses this
+}
+
+.postbody h3 {
+	// Postbody requires a different h3 format - so change it here
+	float: left;
+	font-size: $post-title-font-size;
+	padding: 2px 0 0 0;
+	margin-top: 0 !important;
+	margin-bottom: 0.3em !important;
+	text-transform: none;
+	border: none;
+	font-family: $post-title-font-family;
+	line-height: $post-title-line-height;
+	.rtl & {
+		float: right;
+	}
+}
+
+.postbody h3 img {
+	vertical-align: bottom;
+}
+
+.has-profile .postbody h3 {
+	// If there is a post-profile, we position the post-buttons differently
+	float: none !important;
+	margin-right: 180px;
+	.rtl & {
+		margin-right: 0;
+		margin-left: 180px;
+	}
+}
+
+.postbody .content {
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	overflow-x: auto;
+}
+
+.postbody img.postimage {
+	max-width: 100%;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+// Topic review panel
+// ----------------------------------------
+.panel .review {
+	margin-top: 2em;
+}
+
+.topicreview {
+	padding-right: 5px;
+	overflow: auto;
+	height: 300px;
+}
+
+.topicreview .postbody {
+	width: auto;
+	float: none;
+	margin: 0;
+	height: auto;
+}
+
+.topicreview .post {
+	height: auto;
+}
+
+.topicreview h2 {
+	border-bottom-width: 0;
+}
+
+.post-ignore .postbody {
+	display: none;
+}
+
+// MCP Post details
+// ----------------------------------------
+.post_details {
+	overflow: auto;
+	max-height: 300px;
+}
+
+// Content container styles
+// ----------------------------------------
+.content {
+	clear: both;
+	min-height: 3em;
+	overflow: hidden;
+	line-height: $post-content-line-height;
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	padding-bottom: 1px;
+}
+
+.content h2, .panel h2 {
+	font-weight: normal;
+	border-bottom: 1px solid transparent;
+	font-size: $panel-heading-font-size;
+	margin-top: 0.5em;
+	margin-bottom: 0.5em;
+	padding-bottom: 0.5em;
+	&.faq-title {
+		margin-top: 5px;
+	}
+}
+
+.panel h3 {
+	margin: 0.5em 0;
+}
+
+$panel-font-size:		$font-size + 2px !default;
+$panel-line-height:		$line-height !default;
+
+.panel p {
+	font-size: $panel-font-size;
+	margin-bottom: 1em;
+	line-height: $panel-line-height;
+}
+
+.content p {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	margin-bottom: 1em;
+	line-height: $post-content-line-height;
+}
+
+dl.faq {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	margin-top: 1em;
+	margin-bottom: 2em;
+	line-height: $post-content-line-height;
+}
+
+dl.faq dt {
+	font-family: $post-title-font-family;
+	font-size: $post-title-font-size;
+	line-height: $post-title-line-height;
+	font-weight: normal;
+	margin-bottom: 5px;
+}
+
+.content dl.faq {
+	@extend dl.faq;
+	margin-bottom: 0.5em;
+}
+
+.content li {
+	list-style-type: inherit;
+}
+
+.content ul, .content ol {
+	margin: 0.8em 0 0.9em 3em;
+}
+
+.posthilit {
+	padding: 0 2px 1px 2px;
+}
+
+// Post author
+p.author {
+	margin-bottom: 0.3em;
+	padding: 0 0 5px 0;
+	font-family: $font-family;
+	font-size: $font-size;
+	line-height: $line-height;
+	clear: both;
+}
+
+// Post signature
+.signature {
+	margin-top: 1.5em;
+	padding-top: 0.2em;
+	font-size: $post-signature-font-size;
+	border-top: 1px solid transparent;
+	clear: left;
+	font-family: $post-content-font-family;
+	line-height: $post-content-line-height;
+	overflow: hidden;
+	width: 100%;
+}
+
+.signature.standalone {
+	border-top-width: 0;
+	margin-top: 0;
+}
+
+dd .signature {
+	margin: 0;
+	padding: 0;
+	clear: none;
+	border: none;
+}
+
+.signature li {
+	list-style-type: inherit;
+}
+
+.signature ul, .signature ol {
+	margin: 0.8em 0 0.9em 3em;
+}
+
+// Post noticies
+.notice {
+	font-family: $post-content-font-family;
+	width: auto;
+	margin-top: 1.5em;
+	padding-top: 0.2em;
+	font-size: $post-content-font-size;
+	border-top: 1px dashed transparent;
+	clear: left;
+	line-height: $post-content-line-height;
+}
+
+// Jump to post link for now
+ul.searchresults {
+	list-style: none;
+	text-align: right;
+	clear: both;
+	@if $profile-side == right {
+		margin-right: ($post-margin + 100px);
+	}
+	.rtl & {
+		text-align: left;
+		@if $profile-side == right {
+			margin-right: 0;
+			margin-left: ($post-margin + 100px);
+		}
+	}
+}
+
+// BB Code styles
+// ----------------------------------------
+// Quote block
+blockquote {
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	font-size: $post-quote-font-size;
+	margin: 8px 12px;
+	overflow: hidden;
+	padding: 5px;
+	position: relative;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+/*blockquote:before {
+	position: absolute;
+	font-family: 'Trebuchet MS';
+	top: 5px;
+	left: 4px;
+	height: 16px;
+	font-size: 30px;
+	line-height: 30px;
+	pointer-events: none;
+}*/
+
+blockquote blockquote {
+	// Nested quotes
+	margin: 5px;
+}
+
+blockquote cite {
+	// Username/source of quoter
+	font-style: normal;
+	font-weight: bold;
+	display: block;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+}
+
+blockquote cite cite {
+}
+
+blockquote cite:before, .uncited:before {
+	padding-right: 5px;
+}
+
+blockquote cite > div {
+	float: right;
+	font-weight: normal;
+}
+
+.postbody .content li blockquote {
+	overflow: inherit;
+	margin-left: 0;
+}
+
+// Code block
+$post-code-line-height:		1.3 !default;
+
+.codebox {
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	margin: 8px 12px;
+	font-size: $post-code-font-size;
+	word-wrap: normal;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+.codebox p {
+	text-transform: uppercase;
+	border-bottom: 1px solid transparent;
+	margin-bottom: 3px;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size !important;
+	line-height: $post-block-title-line-height;
+	font-weight: bold;
+	display: block;
+}
+
+blockquote .codebox {
+	margin-left: 0;
+}
+
+.codebox code {
+	overflow: auto;
+	display: block;
+	height: auto;
+	max-height: 200px;
+	padding: 5px 3px;
+	font-family: Monaco, "Andale Mono","Courier New", Courier, mono;
+	font-size: $post-code-font-size;
+	line-height: $post-code-line-height;
+}
+
+// Attachments
+// ----------------------------------------
+.attachbox {
+	float: left;
+	width: auto;
+	max-width: 100%;
+	margin: 5px 5px 5px 0;
+	padding: 6px;
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	clear: left;
+	box-sizing: border-box;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+.attachbox dt {
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+	font-weight: 500;
+}
+
+.attachbox dd {
+	margin-top: 4px;
+	padding-top: 4px;
+	clear: left;
+	border-top: 1px solid transparent;
+	overflow-x: auto;
+}
+
+.attachbox dd dd {
+	border: none;
+}
+
+.attachbox p, .attachbox p.stats {
+	line-height: $post-content-line-height;
+	font-weight: normal;
+	clear: left;
+}
+
+.attach-image {
+	margin: 3px 0;
+	max-width: 100%;
+}
+
+.attach-image img {
+	// border: 1px solid transparent;
+//	cursor: move;
+	cursor: default;
+}
+
+// Inline image thumbnails
+div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
+	display: block;
+	margin-bottom: 4px;
+}
+
+div.inline-attachment p {
+	font-size: $post-quote-font-size;
+}
+
+dl.file {
+	font-family: $post-block-title-font-family;
+	display: block;
+}
+
+dl.file dt {
+	text-transform: none;
+	margin: 0;
+	padding: 0;
+	font-weight: bold;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+}
+
+dl.file dd {
+	margin: 0;
+	padding: 0;
+}
+
+dl.thumbnail img {
+	padding: 3px;
+	border: 1px solid transparent;
+	box-sizing: border-box;
+}
+
+dl.thumbnail dd {
+	font-style: italic;
+	font-family: $font-family;
+}
+
+.attachbox dl.thumbnail dd {
+	font-size: 100%;
+}
+
+dl.thumbnail dt a:hover img {
+	border: 1px solid transparent;
+}
+
+// Post poll styles
+// ----------------------------------------
+fieldset.polls {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dl {
+	margin: 0;
+	border: 1px solid transparent;
+	border-width: 1px 0;
+	padding: 5px 0;
+	line-height: $post-content-line-height;
+	&:first-child {
+		border-top-width: 0;
+	}
+	&:last-child {
+		border-bottom-width: 0;
+	}
+}
+
+fieldset.polls dl.voted {
+	font-weight: bold;
+}
+
+fieldset.polls dt {
+	text-align: left;
+	float: left;
+	display: block;
+	width: 30%;
+	border-right: none;
+	padding: 0;
+	margin: 0;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dd {
+	float: left;
+	width: 10%;
+	border-left: none;
+	padding: 0 5px;
+	margin-left: 0;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dd.resultbar {
+	width: 50%;
+}
+
+fieldset.polls dd input {
+	margin: 2px 0;
+}
+
+fieldset.polls dd div {
+	text-align: right;
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: bold;
+	font-size: .9em;
+	padding: 0 3px;
+	overflow: visible;
+	min-width: 8px;
+	border-radius: max(min($border-radius, 5px) - 1px, 0);
+}
+
+.vote-submitted {
+	font-size: $post-content-font-size + 2px;
+	font-weight: bold;
+	text-align: center;
+}
+
+// Poster profile block
+// ----------------------------------------
+.postprofile {
+	margin: 0;
+	padding: 5px 0;
+	min-height: 80px;
+	border: 0px solid transparent;
+	border-#{$post-side}-width: 1px;
+	width: $profile-width;
+	float: $profile-side;
+	position: relative;
+	box-sizing: border-box;
+	z-index: 2;
+	.rtl & {
+		float: $post-side;
+		border-width: 0;
+		border-#{$profile-side}-width: 1px;
+	}
+	.search & {
+		width: ($profile-width + 100px);
+	}
+}
+
+.postprofile dd, .postprofile dt {
+	font-size: $post-profile-font-size;
+	line-height: $post-profile-line-height;
+	margin-#{$post-side}: 8px;
+	.rtl & {
+		margin-#{$profile-side}: 8px;
+		margin-#{$post-side}: 0;
+	}
+}
+
+.postprofile dd {
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.postprofile strong {
+	font-weight: normal;
+}
+
+.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
+	margin-bottom: 10px;
+}
+
+// Post-profile avatars
+.postprofile .has-avatar .avatar-container {
+	margin-bottom: 3px;
+	overflow: hidden;
+}
+
+.postprofile .avatar {
+	display: block;
+	float: left;
+	max-width: 100%;
+	.rtl & {
+		float: right;
+	}
+}
+
+.postprofile .avatar img {
+	display: block;
+	height: auto !important;
+	max-width: 100%;
+}
+
+.postprofile .profile-posts a {
+	font-weight: normal;
+}
+
+dd.profile-warnings {
+	font-weight: bold;
+}
+
+dd.profile-contact {
+	overflow: visible;
+}
+
+.profile-contact .dropdown-container {
+	display: inline-block;
+}
+
+.profile-contact .icon_contact {
+	vertical-align: middle;
+}
+
+.profile-contact .dropdown {
+	margin-right: -14px;
+}
+
+.online-ribbon {
+	display: block;
+	width: 70px;
+	height: 70px;
+	position: absolute;
+	overflow: hidden;
+	top: 0;
+	#{$profile-side}: 0;
+	pointer-events: none;
+
+	.rtl & {
+		#{$profile-side}: auto;
+		#{$post-side}: 0;
+	}
+
+	span {
+		display: block;
+		font-weight: 500;
+		font-style: normal;
+		width: 100px;
+		font-size: 11px;
+		line-height: 18px;
+		height: 18px;
+		text-align: center;
+		position: absolute;
+		top: 17px;
+		white-space: nowrap;
+		#{$profile-side}: -25px;
+
+		@if $profile-side == left {
+			-webkit-transform: rotate(-45deg);
+			-ms-transform: rotate(-45deg);
+			transform: rotate(-45deg);
+		}
+		@else {
+			-webkit-transform: rotate(45deg);
+			-ms-transform: rotate(45deg);
+			transform: rotate(45deg);
+		}
+
+		+ span {
+			opacity: .75;
+			z-index: 29;
+		}
+
+		.rtl & {
+			#{$profile-side}: auto;
+			#{$post-side}: -25px;
+
+			@if $profile-side == right {
+				-webkit-transform: rotate(-45deg);
+				-ms-transform: rotate(-45deg);
+				transform: rotate(-45deg);
+			}
+			@else {
+				-webkit-transform: rotate(45deg);
+				-ms-transform: rotate(45deg);
+				transform: rotate(45deg);
+			}
+		}
+	}
+}
+
+.panel.online > .inner {
+	position: relative;
+	z-index: 2;
+}
+
+.no-avatar .avatar-container {
+	display: block;
+	width: 92px;
+	height: 92px;
+	background: transparent none 50% 50% no-repeat;
+	background-size: cover;
+}
+
+// Profile used on view-profile
+.profile-avatar img {
+	max-width: 100%;
+}
+
+// pm list in compose message if mass pm is enabled
+dl.pmlist dt {
+	width: 60% !important;
+}
+
+dl.pmlist dt textarea {
+	width: 95%;
+}
+
+dl.pmlist dd {
+	margin-left: 61% !important;
+	margin-bottom: 2px;
+}
+
+.action-bar div.dl_links {
+	padding: 10px 0 0 10px;
+}
+
+div.dl_links {
+	display: inline-block;
+	text-transform: none;
+}
+
+.dl_links strong {
+	font-weight: bold;
+}
+
+.dl_links ul {
+	list-style-type: none;
+	margin: 0;
+	display: inline-block;
+}
+
+.dl_links li {
+	display: inline-block;
+}
+
+.attachment-filename {
+	width: 100%;
+}
+
+.ellipsis-text {
+	display: inline-block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+table.fixed-width-table {
+	table-layout: fixed;
+}
+
+// Show scrollbars for items with overflow on iOS devices
+// ----------------------------------------
+.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+	width: 8px;
+	height: 8px;
+	-webkit-appearance: none;
+	border-radius: 3px;
+}
+
+.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+	border-radius: 3px;
+}
+
+#memberlist tr.inactive, #team tr.inactive {
+	font-style: italic;
+}
+
+//
+// Extensions
+//
+
+// Thanks for posts
+a.post {
+	display: inline !important;
+	background: none !important;
+	box-shadow: none !important;
+	border: none !important;
+}
diff --git a/simplicity/theme/common/_cp.scss b/simplicity/theme/common/_cp.scss
new file mode 100644
index 0000000..cfbb15e
--- /dev/null
+++ b/simplicity/theme/common/_cp.scss
@@ -0,0 +1,440 @@
+// Control Panel Styles
+// ----------------------------------------
+
+
+// Main CP box
+// ----------------------------------------
+.cp-menu {
+	float:left;
+	width: 19%;
+	margin: 0 -2px;
+	padding-right: 7px;
+	box-sizing: border-box;
+	.rtl & {
+		float: right;
+		padding-left: 7px;
+		padding-right: 0;
+	}
+}
+
+.cp-main {
+	float: left;
+	width: 81%;
+	.rtl & {
+		float: right;
+	}
+}
+
+.cp-main .content {
+	padding: 0;
+}
+
+.panel-container .panel {
+	margin-bottom: 10px;
+}
+
+.panel-container .panel p {
+	font-size: $panel-font-size;
+	line-height: $panel-line-height;
+}
+
+.panel-container .panel ol {
+	margin-left: 2em;
+	font-size: $panel-font-size;
+}
+
+.panel-container .panel li.row {
+	border-bottom: 1px solid transparent;
+	border-top: 1px solid transparent;
+}
+
+ul.cplist {
+	margin-bottom: 5px;
+	border-top: 1px solid transparent;
+}
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+	margin-bottom: 2px;
+}
+
+.panel-container table.table1 {
+	margin-bottom: 1em;
+}
+
+.panel-container table.table1 thead th {
+	@include table-heading-transparent;
+	padding: 5px;
+	font-weight: bold;
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.panel-container table.table1 tbody th {
+	font-style: italic;
+	background-color: transparent !important;
+	border-bottom: none;
+}
+
+.cp-main .pm-message {
+	border: 1px solid transparent;
+	margin: 10px 0;
+	width: auto;
+	float: none;
+}
+
+.pm-message h2 {
+	padding-bottom: 5px;
+}
+
+.cp-main .postbody h3, .cp-main .box2 h3 {
+	margin-top: 0;
+}
+
+.panel-container .postbody p.author {
+	font-size: $font-size;
+}
+
+.cp-main .buttons {
+	margin-left: 0;
+}
+
+.cp-main ul.linklist {
+	margin: 0;
+}
+
+// MCP Specific tweaks
+.mcp-main .postbody {
+	width: 100%;
+}
+
+.tabs-container h2 {
+	float: left;
+	margin-bottom: 0px;
+}
+
+// CP tabs shared
+// ----------------------------------------
+.tabs, .minitabs {
+	line-height: normal;
+}
+
+.tabs > ul, .minitabs > ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	position: relative;
+}
+
+.tabs .tab, .minitabs .tab {
+	display: block;
+	float: left;
+	font-size: $tab-font-size;
+	font-weight: bold;
+	line-height: $tab-line-height;
+}
+
+.tabs .tab > a, .minitabs .tab > a {
+	display: block;
+	padding: 0 9px;
+	position: relative;
+	text-decoration: none;
+	white-space: nowrap;
+	cursor: pointer;
+	font-size: inherit;
+	line-height: inherit;
+}
+
+// CP tabbed menu
+// ----------------------------------------
+.tabs {
+	margin: 20px 0 0 7px;
+}
+
+.tabs .tab > a {
+	border: 1px solid transparent;
+	border-radius: 4px 4px 0 0;
+	margin: 1px 1px 0 0;
+}
+
+.tabs .activetab > a {
+	margin-top: 0;
+	padding-bottom: 2px;
+}
+
+// Mini tabbed menu used in MCP
+// ----------------------------------------
+.minitabs {
+	float: right;
+	margin: 15px 7px 0 0;
+	max-width: 50%;
+}
+
+.minitabs .tab {
+	float: right;
+}
+
+.minitabs .tab > a {
+	border-radius: 5px 5px 0 0;
+	margin-left: 2px;
+}
+
+.minitabs .tab > a:hover {
+	text-decoration: none;
+}
+
+// Responsive tabs
+// ----------------------------------------
+.responsive-tab {
+	position: relative;
+}
+
+a.responsive-tab-link {
+	.responsive-tab > & {
+		display: block;
+		font-size: 16px;
+		position: relative;
+		width: 16px;
+		line-height: 14px;
+		text-decoration: none;
+	}
+	.responsive-tab > &:before {
+		content: '\f0c9';	// fa-bars
+		font-family: FontAwesome;
+		position: absolute;
+		left: 10px;
+		top: 50%;
+		margin-top: -7px;
+		width: 14px;
+		font-size: 13px;
+		line-height: 15px;
+		height: 15px;
+		text-align: center;
+		font-weight: normal;
+		font-style: normal;
+		text-indent: 0;
+	}
+	.dropdown-visible.responsive-tab > &:before,
+	.responsive-tab > &:hover:before {
+		font-family: FontAwesome;
+		content: '\f078';	// fa-chevron-down
+	}
+}
+
+.tabs .dropdown, .minitabs .dropdown {
+	top: $tab-line-height + 2px;
+	margin-right: -2px;
+	font-size: $dropdown-content-font-size;
+	line-height: $dropdown-content-line-height;
+	font-weight: normal;
+}
+
+.minitabs .dropdown {
+	margin-right: -4px;
+}
+
+.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
+	bottom: $tab-line-height + 2px;
+	top: auto;
+}
+
+.tabs .dropdown li {
+	text-align: right;
+}
+
+.minitabs .dropdown li {
+	text-align: left;
+}
+
+// UCP navigation menu
+// ----------------------------------------
+// Container for sub-navigation list
+.navigation {
+	width: 100%;
+	hr {
+		display: none;
+		+ ul {
+			margin-top: 10px;
+		}
+	}
+}
+
+.navigation ul {
+	list-style: none;
+}
+
+// Default list state
+.navigation li {
+	display: inline;
+	font-weight: bold;
+	margin: 1px 0;
+	padding: 0;
+}
+
+// Link styles for the sub-section links
+.navigation a {
+	display: block;
+	padding: 5px;
+	margin: 2px 0;
+	border-radius: max(0px, $border-radius - 2px);
+	text-decoration: none;
+	font-size: $font-size;
+	line-height: $line-height;
+}
+
+.navigation a:hover {
+	text-decoration: none;
+}
+
+// Preferences pane layout
+// ----------------------------------------
+.cp-main h2 {
+	border-bottom: none;
+	padding: 0;
+	margin-left: 10px;
+}
+
+// Friends list
+.cp-mini {
+	margin: 10px 15px 10px 5px;
+	max-height: 200px;
+	overflow-y: auto;
+	padding: 5px 10px;
+	border-radius: $border-radius;
+}
+
+dl.mini dt {
+	font-weight: bold;
+}
+
+dl.mini dd {
+	padding-top: 4px;
+}
+
+.friend-online {
+	font-weight: bold;
+}
+
+.friend-offline {
+	font-style: italic;
+}
+
+// PM Styles
+// ----------------------------------------
+// Defined rules list for PM options
+ol.def-rules {
+	padding-left: 0;
+}
+
+ol.def-rules li {
+	line-height: 180%;
+	padding: 1px;
+}
+
+// PM marking colours
+.pmlist li.bg1 {
+	padding: 0 3px;
+}
+
+.pmlist li.bg2 {
+	padding: 0 3px;
+}
+
+/* DEPRECATED 3.2.6
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: transparent;
+	border-right-color: transparent;
+}
+*/
+
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour,
+.pmlist li.pm_marked_colour, .pm_marked_colour,
+.pmlist li.pm_replied_colour, .pm_replied_colour,
+.pmlist li.pm_friend_colour, .pm_friend_colour,
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+	padding: 0;
+	border: solid 3px transparent;
+	border-width: 0 3px;
+}
+
+.pm-legend {
+	border-left-width: 10px;
+	border-left-style: solid;
+	border-right-width: 0;
+	margin-bottom: 3px;
+	padding-left: 3px;
+}
+
+// Avatar gallery
+.gallery label {
+	position: relative;
+	float: left;
+	margin: 10px;
+	padding: 5px;
+	width: auto;
+	border: 1px solid transparent;
+	text-align: center;
+}
+
+// Responsive *CP navigation
+// ----------------------------------------
+@media (max-width: 900px)
+{
+	.nojs .tabs a span, .nojs .minitabs a span {
+		max-width: 40px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		letter-spacing: -.5px;
+	}
+
+	.cp-menu, .navigation, .cp-main {
+		float: none;
+		width: auto;
+		margin: 0;
+	}
+
+	.cp-menu:after {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+
+	.navigation {
+		padding: 0;
+		max-width: 320px;
+		.cp-menu & {
+			margin: 0 10px;
+			float: left;
+			@media (max-width: 450px) {
+				float: none;
+				margin: 0 auto;
+			}
+		}
+		&, .cp-menu &:only-child {
+			float: none;
+			margin: 0 auto;
+		}
+		.cp-menu & + .cp-mini {
+			float: left;
+			margin: 0 10px;
+			max-width: 220px;
+			@media (max-width: 450px) {
+				float: none;
+				margin: 10px auto 0;
+			}
+		}
+	}
+
+	.navigation a {
+		background-image: none;
+	}
+
+	.navigation li:first-child a {
+		border-top-left-radius: 5px;
+		border-top-right-radius: 5px;
+	}
+
+	.navigation li:last-child a {
+		border-bottom-left-radius: 5px;
+		border-bottom-right-radius: 5px;
+	}
+}
diff --git a/simplicity/theme/common/_forms.scss b/simplicity/theme/common/_forms.scss
new file mode 100644
index 0000000..80a6269
--- /dev/null
+++ b/simplicity/theme/common/_forms.scss
@@ -0,0 +1,459 @@
+// Form Styles
+// ----------------------------------------
+
+// General form styles
+// ----------------------------------------
+$input-font-size:		$font-size + 1px !default;
+$input-font-family:		$font-family !default;
+
+fieldset {
+	border-width: 0;
+	font-family: $font-family;
+	font-size: $font-size;
+}
+
+input {
+	font-weight: normal;
+	vertical-align: middle;
+	padding: 0 3px;
+	font-size: $input-font-size;
+	font-family: $input-font-family;
+}
+
+select {
+	font-family: $input-font-family;
+	font-weight: normal;
+	cursor: pointer;
+	vertical-align: middle;
+	border: 1px solid transparent;
+	border-radius: $input-border-radius;
+	padding: 1px;
+	font-size: $input-font-size;
+}
+
+select:focus {
+	outline-style: none;
+}
+
+option {
+	padding-right: 1em;
+}
+
+select optgroup option {
+	padding-right: 1em;
+	font-family: $input-font-family;
+}
+
+textarea {
+	font-family: $post-content-font-family;
+	width: 60%;
+	padding: 2px;
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	border-radius: $input-border-radius;
+	-webkit-appearance: none;
+}
+
+label {
+	cursor: default;
+	padding-right: 5px;
+}
+
+label input {
+	vertical-align: middle;
+}
+
+label img {
+	vertical-align: middle;
+}
+
+// Definition list layout for forms
+// ----------------------------------------
+fieldset dl {
+	padding: 4px 0;
+}
+
+fieldset dt {
+	float: left;
+	width: 40%;
+	text-align: left;
+	display: block;
+}
+
+fieldset dd {
+	margin-left: 41%;
+	vertical-align: top;
+	margin-bottom: 3px;
+}
+
+// Specific layout 1
+fieldset.fields1 dt {
+	width: 15em;
+	border-right-width: 0;
+}
+
+fieldset.fields1 dd {
+	margin-left: 15em;
+	border-left-width: 0;
+}
+
+fieldset.fields1 div {
+	margin-bottom: 3px;
+}
+
+// Set it back to 0px for the reCaptcha divs: PHPBB3-9587
+fieldset.fields1 .live-search div {
+	margin-bottom: 0;
+}
+
+// Specific layout 2
+fieldset.fields2 dt {
+	width: 15em;
+	border-right-width: 0;
+}
+
+fieldset.fields2 dd {
+	margin-left: 16em;
+	border-left-width: 0;
+}
+
+// Form elements
+dt label {
+	font-weight: bold;
+	text-align: left;
+}
+
+dd label {
+	white-space: nowrap;
+}
+
+dd input, dd textarea {
+	margin-right: 3px;
+}
+
+dd select {
+	width: auto;
+}
+
+dd select[multiple] {
+	width: 100%;
+}
+
+dd textarea {
+	width: 85%;
+}
+
+// Hover effects
+.timezone {
+	width: 95%;
+}
+
+/* Browser-specific tweaks */
+button::-moz-focus-inner {
+	padding: 0;
+	border: 0
+}
+
+
+// Quick-login on index page
+fieldset.quick-login {
+	margin-top: 5px;
+}
+
+fieldset.quick-login input {
+	width: auto;
+}
+
+fieldset.quick-login input.inputbox {
+	width: 15%;
+	vertical-align: middle;
+	margin-right: 5px;
+}
+
+fieldset.quick-login label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+// Display options on viewtopic/viewforum pages
+fieldset.display-options {
+	text-align: center;
+	margin: 3px 0 5px 0;
+}
+
+fieldset.display-options label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+fieldset.display-options a {
+	margin-top: 3px;
+}
+
+.dropdown fieldset.display-options {
+	font-size: 1em;
+	margin: 0;
+	padding: 0;
+}
+
+.dropdown fieldset.display-options label {
+	display: block;
+	margin: 4px;
+	padding: 0;
+	text-align: right;
+	white-space: nowrap;
+}
+
+.dropdown fieldset.display-options select {
+	min-width: 120px;
+}
+
+// Display actions for ucp and mcp pages
+fieldset.display-actions {
+	text-align: right;
+	line-height: 2em;
+	white-space: nowrap;
+	padding-right: 1em;
+}
+
+fieldset.display-actions label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+fieldset.sort-options {
+	line-height: 2em;
+}
+
+// MCP forum selection
+fieldset.forum-selection {
+	margin: 5px 0 3px 0;
+	float: right;
+}
+
+fieldset.forum-selection2 {
+	margin: 13px 0 3px 0;
+	float: right;
+}
+
+// Submit button fieldset
+fieldset.submit-buttons {
+	text-align: center;
+	vertical-align: middle;
+	margin: 5px 0;
+}
+
+fieldset.submit-buttons input {
+	vertical-align: middle;
+}
+
+// Posting page styles
+// ----------------------------------------
+
+// Buttons used in the editor
+.format-buttons {
+	margin: 15px 0 2px 0;
+}
+
+.format-buttons input, .format-buttons select {
+	vertical-align: middle;
+}
+
+// Main message box
+.message-box {
+	width: 80%;
+}
+
+.message-box textarea {
+	font-family: $post-content-font-family;
+	width: 450px;
+	height: 270px;
+	min-width: 100%;
+	max-width: 100%;
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	resize: vertical;
+	outline: 3px dashed transparent;
+	outline-offset: -4px;
+	-webkit-transition: all .5s ease, height 1ms linear;
+	-moz-transition: all .5s ease, height 1ms linear;
+	-ms-transition: all .5s ease, height 1ms linear;
+	-o-transition: all .5s ease, height 1ms linear;
+	transition: all .5s ease, height 1ms linear;
+}
+
+// Emoticons panel
+.smiley-box {
+	width: 18%;
+	float: right;
+}
+
+.smiley-box img {
+	margin: 3px;
+}
+
+// Input field styles
+// ----------------------------------------
+.inputbox {
+	border: 1px solid transparent;
+	padding: 2px;
+	border-radius: $input-border-radius;
+	-webkit-appearance: none;
+}
+
+.inputbox:hover, .inputbox:focus {
+	border: 1px solid transparent;
+	outline-style: none;
+}
+
+input.inputbox	{ width: 85%; }
+input.medium	{ width: 50%; }
+input.narrow	{ width: 25%; }
+input.tiny	{ width: 150px; }
+
+textarea.inputbox {
+	width: 85%;
+}
+
+.autowidth {
+	width: auto !important;
+}
+
+input[type="number"] {
+	-moz-padding-end: 0;
+}
+
+input[type="search"] {
+	-webkit-appearance: none;
+	-webkit-box-sizing: content-box;
+}
+
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
+	display: none;
+}
+
+input[type="search"]::-webkit-search-cancel-button {
+	cursor: pointer;
+}
+
+// Form button styles
+// ----------------------------------------
+input.button1, input.button2 {
+	font-size: $input-button-font-size;
+}
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+	width: auto !important;
+	padding-top: 1px;
+	padding-bottom: 1px;
+	font-family: $input-button-font-family;
+	background: transparent none repeat-x top left;
+	line-height: 1.5;
+	border-radius: $button-border-radius;
+	font-size: $input-button-font-size;
+	.format-buttons & {
+		font-size: $bbcode-button-font-size;
+	}
+}
+
+a.button1, input.button1 {
+	font-weight: bold;
+	border: 1px solid transparent;
+}
+
+input.button3 {
+	padding: 0;
+	margin: 0;
+	line-height: 5px;
+	height: 12px;
+	background-image: none;
+	font-variant: small-caps;
+}
+
+input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li {
+	cursor: pointer;
+}
+
+// Alternative button
+a.button2, input.button2, input.button3 {
+	border: 1px solid transparent;
+}
+
+// <a> button in the style of the form buttons
+a.button1, a.button2 {
+	text-decoration: none;
+	padding: 0 3px;
+	vertical-align: text-bottom;
+}
+
+// Hover states
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+	border: 1px solid transparent;
+}
+
+input.disabled {
+	font-weight: normal;
+}
+
+// Focus states
+input.button1:focus, input.button2:focus, input.button3:focus {
+	outline-style: none;
+}
+
+// Topic and forum Search
+.search-box {
+	float: left;
+}
+
+.search-box .inputbox {
+	background-image: none;
+	border-right-width: 0;
+	border-radius: $big-button-border-radius 0 0 $big-button-border-radius;
+	float: left;
+	height: $button-outer-height;
+	padding: 3px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	.rtl & {
+		border-radius: 0 $big-button-border-radius $big-button-border-radius 0;
+	}
+}
+
+// Search box (header)
+// ---------------------------------------------
+.search-header {
+	border-radius: $big-button-border-radius;
+	display: block;
+	border: 1px solid transparent;
+	.navbar.with-search & {
+		margin-top: 1px;
+	}
+	@if $tabbed-navigation {
+		.navbar.not-static + .navbar.with-search & {
+			&, & a.button, & .inputbox {
+				border-radius: 0;
+			}
+			margin-right: -3px;
+			.rtl & {
+				margin-right: 0;
+				margin-left: -3px;
+			}
+		}
+	}
+	.headerbar & {
+		position: absolute;
+		top: 50%;
+		right: 5px;
+		margin-top: -13px;
+	}
+}
+
+.search-header .inputbox { border: 0; }
+
+.navbar .linklist > li.responsive-search { display: none; }
+
+.full { width: 95%; }
+.medium { width: 50%;}
+.narrow { width: 25%;}
+.tiny { width: 10%;}
diff --git a/simplicity/theme/common/_icons.scss b/simplicity/theme/common/_icons.scss
new file mode 100644
index 0000000..3ac5984
--- /dev/null
+++ b/simplicity/theme/common/_icons.scss
@@ -0,0 +1,96 @@
+/* --------------------------------------------------------------
+	$Icons
+-------------------------------------------------------------- */
+
+/* Global module setup
+--------------------------------*/
+
+/* Renamed version of .fa class for agnostic usage of icon fonts.
+ * Just change the name of the font after the 14/1 to the name of
+ * the font you wish to use.
+ */
+.icon, .button .icon, blockquote cite:before, .uncited:before {
+	display: inline-block;
+  	font-weight: normal;
+  	font-style: normal;
+  	font-variant: normal;
+  	font-family: FontAwesome;
+  	font-size: 14px;
+  	line-height: 1;
+  	text-rendering: auto; /* optimizelegibility throws things off #1094 */
+  	-webkit-font-smoothing: antialiased;
+  	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon:before { padding-right: 2px; }
+
+.button .icon:before {
+	padding-right: 0;
+}
+
+/* Icon size classes - Default size is 14px, use these for small variations */
+
+.icon.icon-xl {
+	font-size: 20px;
+}
+
+.icon.icon-lg {
+	font-size: 16px;
+}
+
+.icon.icon-md {
+	font-size: 10px;
+}
+
+.icon.icon-sm {
+	font-size: 8px;
+}
+
+/* icon modifiers */
+.icon-tiny {
+	width: 12px;
+	transform: scale(0.65, 0.75);
+	vertical-align: text-bottom;
+	font-size: 16px;
+}
+
+.arrow-left .icon {
+	float: left;
+}
+
+.arrow-left:hover .icon {
+	margin-left: -5px;
+	margin-right: 5px;
+}
+
+.arrow-right .icon {
+	float: right;
+}
+
+.arrow-right:hover .icon {
+	margin-left: 5px;
+	margin-right: -5px;
+}
+
+.post-buttons .dropdown-contents .icon {
+    float: right;
+    margin-left: 5px;
+}
+
+.alert_close .icon:before {
+	padding: 0;
+    border-radius: 50%;
+    width: 11px;
+    display: block;
+    line-height: .9;
+    height: 12px;
+}
+
+blockquote cite:before, .uncited:before {
+	content: '\f10d'; /* Font Awesome quote-left */
+}
+
+.rtl blockquote cite:before, .rtl .uncited:before {
+	content: '\f10e'; /* Font Awesome quote-right */
+}
+
diff --git a/simplicity/theme/common/_imageset.scss b/simplicity/theme/common/_imageset.scss
new file mode 100644
index 0000000..8b4d1dd
--- /dev/null
+++ b/simplicity/theme/common/_imageset.scss
@@ -0,0 +1,278 @@
+// Icon images
+// ----------------------------------------
+%icon-image {
+	position: relative;
+	background-image: none;
+	&:after {
+		content: '';
+		position: absolute;
+		top: 50%;
+		left: 0;
+		height: 14px;
+		margin-top: -7px;
+		text-align: center;
+		font-size: 12px;
+		line-height: 14px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+	&.small-icon:after {
+		width: 18px;
+		text-align: center;
+	}
+}
+
+%icon-image-fa {
+	@extend %icon-image;
+	&:after {
+		font-family: FontAwesome;
+	}
+}
+
+%icon-search-old {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f002';	// fa-search
+	}
+}
+
+%icon-search-new {
+	@extend %icon-search-old;
+}
+
+%icon-search-misc {
+	@extend %icon-search-old;
+}
+
+.icon-acp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f085';	// fa-cogs
+	}
+}
+.icon-bookmark {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f02e';	// fa-bookmark
+		margin-left: -1px;
+		margin-right: -1px;
+	}
+}
+.icon-bump {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f079';	// fa-retweet
+	}
+}
+.icon-contact {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0e0';	// fa-envelope
+	}
+}
+.icon-delete-cookies {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f014';	// fa-trash-o
+	}
+}
+.icon-download {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f019';	// fa-download
+	}
+}
+.icon-faq {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f059';	// fa-question-circle
+	}
+}
+.icon-home {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f015';	// fa-home
+	}
+	&.breadcrumbs:after {
+		text-align: left;
+	}
+}
+.icon-logout {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f08b';	// fa-sign-out
+	}
+}
+.icon-login {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f090';	// fa-sign-in
+	}
+}
+.icon-mark {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f046';	// fa-check-square-o
+	}
+}
+.icon-mcp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0e3';	// fa-gavel
+	}
+}
+.icon-members {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+	&:before {
+		@extend .icon-members:after;
+		display: block;
+		font-size: 10px;
+		padding: 0;
+		padding-left: 4px;
+		padding-top: 1px;
+		opacity: .7;
+	}
+}
+ul.linklist.bulletin > li.small-icon.icon-members:before { 
+	@extend .icon-members:before; 
+}
+.icon-notification {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0a2';	// fa-bell-o
+	}
+	&.non-zero:after {
+		content: '\f0f3';	// fa-bell
+	}
+}
+.icon-pages {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0c5';	// fa-copy
+	}
+}
+.icon-pm {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f003';	// fa-envelope-o
+	}
+	&.non-zero:after {
+		content: '\f0e0';	// fa-envelope
+	}
+}
+.icon-print {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f02f';	// fa-print
+	}
+}
+.icon-profile {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+}
+.icon-register{
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f234';	// fa-user-plus
+	}
+}
+.icon-search				{ @extend %icon-search-old; }
+.icon-search-active			{ @extend %icon-search-old; }
+.icon-search-advanced		{ @extend %icon-search-old; }
+.icon-search-new			{ @extend %icon-search-new; }
+.icon-search-self			{ @extend %icon-search-misc; }
+.icon-search-unanswered		{ @extend %icon-search-new; }
+.icon-search-unread			{ @extend %icon-search-new; }
+.icon-sendemail {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f003';	// fa-envelope-o
+	}
+}
+.icon-subscribe {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f05d';	// fa-check-circle-o
+	}
+}
+.icon-team {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+	&:before {
+		@extend .icon-team:after;
+		display: block;
+		font-size: 10px;
+		padding: 0;
+		white-space: nowrap;
+		padding-top: 1px;
+		opacity: .7;
+		content: '\f007\f007';	// fa-user fa-user
+	}
+}
+ul.linklist.bulletin > li.small-icon.icon-team:before { @extend .icon-team:before; }
+.icon-ucp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0ad';	// fa-wrench
+	}
+}
+.icon-unsubscribe {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f05c';	// times-circle-o
+	}
+}
+.icon-new-posts {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f086';	// fa-comments
+	}
+}
+.icon-forums {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f075';	// fa-comment
+	}
+}
+.icon-chat {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f086';	// fa-comments
+	}
+}
+.icon-time {
+	@extend %icon-image-fa;
+	&:after {
+		// content: '\E055';	// glyphicons-clock
+		content: '\f017';	// fa-clock-o
+	}
+}
+
+
+// Thanks for posts mod
+.icon-thanks {
+	background-image: none !important;
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f087';	// fa-thumbs-o-up
+	}
+}
+
+.icon-thanks_toplist {
+	background-image: none !important;
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f005';	// fa-star
+	}
+}
\ No newline at end of file
diff --git a/simplicity/theme/common/_links.scss b/simplicity/theme/common/_links.scss
new file mode 100644
index 0000000..495e240
--- /dev/null
+++ b/simplicity/theme/common/_links.scss
@@ -0,0 +1,249 @@
+// Link Styles
+// ----------------------------------------
+
+// Links adjustment to correctly display an order of rtl/ltr mixed content
+a {
+	direction: ltr;
+	unicode-bidi: embed;
+	text-decoration: none;
+	/* we use links inline more often then not so to address several bugs with
+	IE and some other browsers we render all links as inlineblock by default */
+	display: inline-block;
+}
+
+// Coloured usernames
+.username-coloured {
+	font-weight: bold;
+	display: inline !important;
+	padding: 0 !important;
+}
+
+span.username-coloured {
+		margin-left: 10px;
+}
+
+// Links on gradient backgrounds
+.forumbg .header a, .forabg .header a, th a {
+	text-decoration: none;
+}
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+	text-decoration: underline;
+}
+
+// Notification mark read link
+.dropdown-extended a.mark_read {
+	display: block;
+	opacity: .2;
+	position: absolute;
+	z-index: 2;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	width: 30px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	transition: opacity .2s;
+}
+
+.dropdown-extended li:hover a.mark_read {
+	opacity: .85;
+}
+
+.dropdown-extended li a.mark_read:hover {
+	opacity: 1;
+}
+
+.dropdown-extended a.mark_read:after {
+	width: auto;
+	left: 4px;
+	right: 0;
+	font-size: 16px;
+}
+
+.jumpbox-cat-link,
+.jumpbox-forum-link { font-weight: bold; }
+
+// Links for forum/topic lists
+a.forumtitle {
+	display: inline-block;
+	font-family: $forum-link-font-family;
+	font-size: $forum-link-font-size;
+	line-height: $forum-link-line-height;
+	font-weight: 500;
+	padding-bottom: 2px;
+	text-decoration: none;
+	&:hover {
+		text-decoration: underline;
+	}
+}
+
+a.topictitle {
+	@extend a.forumtitle;
+	font-family: $topic-link-font-family;
+	font-size: $topic-link-font-size;
+}
+
+a.lastsubject {
+	font-weight: bold;
+	text-decoration: none;
+}
+
+a.lastsubject:hover {
+	text-decoration: underline;
+}
+
+// Profile links
+.postprofile a, .postprofile dt.author a {
+	font-weight: bold;
+	text-decoration: none;
+}
+
+.postprofile a:hover, .postprofile dt.author a:hover {
+	text-decoration: underline;
+}
+
+// Profile searchresults
+.search .postprofile a {
+	text-decoration: none;
+	font-weight: normal;
+}
+
+.search .postprofile a:hover {
+	text-decoration: underline;
+}
+
+.top {
+	font-size: 12px;
+	text-decoration: none;
+	margin-top: 10px;
+}
+
+// Back to top of page
+.back2top {
+	clear: both;
+	.post > & {
+		position: relative;
+		right: 5px;
+		bottom: 5px;
+		.rtl & {
+			right: auto;
+			left: 5px;
+		}
+	}
+}
+
+.back2top .top {
+	float: right;
+	margin-top: 0;
+}
+
+a.top, a.top2 {
+	position: relative;
+}
+
+// Arrow links
+%arrow {
+	position: relative;
+	&:after {
+		position: absolute;
+		top: 50%;
+		margin-top: -5px;
+		text-align: center;
+		font-family: FontAwesome;
+		font-size: 8px;
+		line-height: 10px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+}
+
+a.arrow-up {
+	@extend %arrow;
+	&:after {
+		content: '\f077';	// fa-chevron-up
+		left: 0;
+	}
+	.rtl &:after {
+		left: auto;
+		right: 0;
+	}
+}
+a.arrow-down {
+	@extend %arrow;
+	&:after {
+		content: '\f078';	// fa-chevron-down
+		right: 0;
+		padding-top: 1px;
+	}
+	.rtl &:after {
+		right: auto;
+		left: 0;
+	}
+}
+
+a.arrow-up {
+	padding-left: 10px;
+	text-decoration: none;
+	border-bottom-width: 0;
+}
+
+a.arrow-down {
+	padding-right: 10px;
+}
+
+a.arrow-down:hover {
+	text-decoration: none;
+}
+
+a.arrow-left:hover {
+	text-decoration: none;
+}
+
+a.arrow-right:hover {
+	text-decoration: none;
+}
+
+// invisible skip link, used for accessibility
+.skiplink {
+	position: absolute;
+	left: -999px;
+	width: 990px;
+}
+
+// Feed icon in forumlist_body.html
+a.feed-icon-forum {
+	float: right;
+	margin: 3px;
+	width: 16px;
+	height: 16px;
+	position: relative;
+}
+
+.topiclist.forums a.feed-icon-forum {
+	margin-top: 12px;
+}
+
+a.feed-icon-forum:after {
+	content: '\f09e';	// fa-rss
+	position: absolute;
+	left: 0;
+	right: 0;
+	width: 16px;
+	height: 16px;
+	font-family: FontAwesome;
+	font-size: 14px;
+	font-weight: normal;
+	font-style: normal;
+	line-height: 16px;
+	text-align: center;
+}
+
+a.top-anchor {
+	display: block;
+}
diff --git a/simplicity/theme/common/_normalize.scss b/simplicity/theme/common/_normalize.scss
new file mode 100644
index 0000000..31ef98e
--- /dev/null
+++ b/simplicity/theme/common/_normalize.scss
@@ -0,0 +1,414 @@
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
+ */
+
+html {
+	font-family: sans-serif; /* 1 */
+	-ms-text-size-adjust: 100%; /* 2 */
+	-webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+	margin: 0;
+}
+
+/* HTML5 display definitions
+	 ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+	display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+	display: inline-block; /* 1 */
+	vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+	display: none;
+	height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+	display: none;
+}
+
+/* Links
+	 ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+	background-color: transparent;
+}
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+
+a:active,
+a:hover {
+	outline: 0;
+}
+
+/* Text-level semantics
+	 ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+	border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+	font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+	font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+	font-size: 2em;
+	margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+	background: #ff0;
+	color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+	font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sup {
+	top: -0.5em;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+/* Embedded content
+	 ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+	border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+	overflow: hidden;
+}
+
+/* Grouping content
+	 ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+	margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+	box-sizing: content-box;
+	height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+	overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+	font-family: monospace, monospace;
+	font-size: 1em;
+}
+
+/* Forms
+	 ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+	color: inherit; /* 1 */
+	font: inherit; /* 2 */
+	margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+	overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+	text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+	-webkit-appearance: button; /* 2 */
+	cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+	cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+	border: 0;
+	padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+	line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+	box-sizing: border-box; /* 1 */
+	padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+	height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+
+input[type="search"] {
+	-webkit-appearance: textfield; /* 1 */
+	box-sizing: content-box; /* 2 */
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+	-webkit-appearance: none;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+	border: 0; /* 1 */
+	padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+	overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+	font-weight: bold;
+}
+
+/* Tables
+	 ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+td,
+th {
+	padding: 0;
+}
diff --git a/simplicity/theme/common/_responsive.scss b/simplicity/theme/common/_responsive.scss
new file mode 100644
index 0000000..2284b4a
--- /dev/null
+++ b/simplicity/theme/common/_responsive.scss
@@ -0,0 +1,652 @@
+// Responsive Design
+// ----------------------------------------
+
+@media (max-width: 320px) {
+	select, .inputbox {
+		max-width: 240px;
+	}
+}
+
+/* Notifications list
+----------------------------------------*/
+@media (max-width: 350px) {
+	.dropdown-extended .dropdown-contents {
+		width: auto;
+	}
+}
+
+@media (max-width: 430px) {
+	.action-bar .search-box .inputbox {
+		width: 120px;
+	}
+
+	.section-viewtopic .search-box .inputbox {
+		width: 57px;
+	}
+
+	.action-bar .search-box .inputbox ::-moz-placeholder {
+    	content: "Search...";
+  	}
+
+  	.action-bar .search-box .inputbox :-ms-input-placeholder {
+  		content: "Search...";
+  	}
+
+  	.action-bar .search-box .inputbox ::-webkit-input-placeholder {
+  		content: "Search...";
+  	}
+}
+
+@media (max-width: 500px) {
+	dd label {
+		white-space: normal;
+	}
+
+	select, .inputbox {
+		max-width: 260px;
+	}
+
+	.captcha-panel dd.captcha {
+		margin-left: 0;
+	}
+
+	.captcha-panel dd.captcha-image img {
+		width: 100%;
+	}
+
+	dl.details dt, dl.details dd {
+		width: auto;
+		float: none;
+		text-align: left;
+	}
+
+	dl.details dd {
+		margin-left: 20px;
+	}
+
+	p.responsive-center {
+		float: none;
+		text-align: center;
+		margin-bottom: 5px;
+	}
+
+	.action-bar > div {
+		margin-bottom: 5px;
+ 	}
+
+	.action-bar > .pagination {
+		float: none;
+		clear: both;
+		padding-bottom: 1px;
+		text-align: center;
+	}
+
+	.action-bar > .pagination li.page-jump {
+		margin: 0 2px;
+	}
+
+	p.jumpbox-return {
+		display: none;
+	}
+
+	.display-options > label:nth-child(1) {
+		display: block;
+		margin-bottom: 5px;
+	}
+
+	.attach-controls {
+		margin-top: 5px;
+		width: 100%;
+	}
+
+	.quick-links .dropdown-trigger span {
+		display: none;
+	}
+}
+
+@media (max-width: 550px) {
+	ul.topiclist.forums dt {
+		margin-right: 0;
+	}
+
+	ul.topiclist.forums dt .list-inner {
+		margin-right: 0;
+	}
+
+	ul.topiclist.forums dd.lastpost {
+		display: none;
+	}
+}
+
+@media (max-width: 700px) {
+	.responsive-hide { display: none !important; }
+	.responsive-show { display: block !important; }
+	.responsive-show-inline { display: inline !important; }
+	.responsive-show-inline-block { display: inline-block !important; }
+
+	/* Content wrappers
+	----------------------------------------*/
+	html {
+		height: auto;
+	}
+
+	body {
+		padding: 0;
+	}
+
+	#wrap {
+		border: none;
+		border-radius: 0;
+		margin: 0;
+
+		padding: 0 5px;
+	}
+
+	.page-width, .navbar .inner.static > .static-inner {
+		min-width: 290px;
+		margin: 0;
+	}
+
+	.navbar .inner.static > .static-inner,
+	#wrap .navbar .inner.static > .static-inner {
+		padding: 0;
+	}
+
+	// Common block wrappers
+	// ----------------------------------------
+	.forabg, .forumbg, .post, .panel {
+		border-radius: 0;
+		margin-left: -5px;
+		margin-right: -5px;
+	}
+	.headerbar, .navbar {
+		border-radius: 0;
+	}
+	#wrap .headerbar, #wrap .navbar {
+		margin-left: -5px;
+		margin-right: -5px;
+	}
+
+	.cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
+		border-radius: 0;
+	}
+
+	@if $tabbed-navigation == false {
+		.navbar.tabbed .nav-tabs, .navbar.tabbed .nav-tabs .tab {
+			border-radius: 0 !important;
+		}
+	}
+
+	// Logo block
+	// ----------------------------------------
+	.site-description {
+		float: none;
+		width: auto;
+		text-align: center;
+	}
+
+	.logo {
+		@if $responsive-hide-logo == true {
+			display: none;
+		}
+		float: none;
+		margin: 0 auto;
+		padding: 10px;
+		img {
+			margin: 0 auto;
+		}
+	}
+
+	.site-description h1, .site-description p, .site-description p.sitename {
+		@if $responsive-hide-logo == true {
+			display: block;
+		}
+		text-align: inherit;
+		float: none;
+		margin: 5px;
+		line-height: 1.2em;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.site-description p, .headerbar .search-header {
+		display: none;
+	}
+
+	// Navigation
+	// ----------------------------------------
+
+	// Search
+	// ----------------------------------------
+	.responsive-search { display: block !important; }
+
+	// .topiclist lists
+	// ----------------------------------------
+	li.header dt {
+	}
+
+	ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
+		margin-right: 0 !important;
+		padding-right: 0;
+	}
+
+	ul.topiclist li.header dd {
+		display: none !important;
+	}
+
+	ul.topiclist dt, ul.topiclist dt .list-inner,
+	ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
+	ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
+	ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
+		margin-right: 0;
+	}
+
+	ul.topiclist dt .list-inner.with-mark {
+		padding-right: 34px;
+	}
+
+	ul.topiclist dt .list-inner {
+		min-height: 28px;
+	}
+
+	ul.topiclist li.header dt .list-inner {
+		min-height: 0;
+	}
+
+	ul.topiclist dd {
+		display: none;
+	}
+	ul.topiclist dd.mark {
+		display: block;
+	}
+
+	/* Forums and topics lists
+	----------------------------------------*/
+	ul.topiclist.forums dt {
+		margin-right: -250px;
+	}
+
+	ul.topiclist dd.mark {
+		display: block;
+		position: absolute;
+		right: 5px;
+		top: 0;
+		margin: 0;
+		width: auto;
+		min-width: 0;
+		text-align: left;
+	}
+
+	ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
+		position: relative;
+		left: 0;
+		width: auto;
+		display: inline;
+		font-weight: normal;
+	}
+
+	li.row .responsive-show strong {
+		font-weight: bold;
+		color: inherit;
+	}
+
+	ul.topiclist li.row dt a.subforum {
+		vertical-align: bottom;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		max-width: 100px;
+	}
+
+	/* Pagination
+	----------------------------------------*/
+	.pagination > ul {
+		margin: 5px 0 0;
+	}
+
+	.row .pagination .ellipsis + li {
+		display: none !important;
+	}
+
+	/* Responsive tables
+	----------------------------------------*/
+	table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
+		display: block;
+	}
+
+	table.responsive thead, table.responsive th {
+		display: none;
+	}
+
+	table.responsive.show-header thead, table.responsive.show-header th:first-child {
+		display: block;
+		width: auto !important;
+		text-align: left !important;
+		border-radius: 0;
+	}
+
+	table.responsive.show-header th:first-child span.rank-img {
+		display: none;
+	}
+
+	table.responsive tr {
+		margin: 2px 0;
+	}
+
+	table.responsive td {
+		width: auto !important;
+		text-align: left !important;
+		padding: 4px;
+	}
+
+	table.responsive td.empty {
+		display: none !important;
+	}
+
+	table.responsive td > dfn {
+		display: inline-block !important;
+	}
+
+	table.responsive td > dfn:after {
+		content: ':';
+		padding-right: 5px;
+	}
+
+	table.responsive span.rank-img {
+		float: none;
+		padding-right: 5px;
+	}
+
+	table.responsive.memberlist td:first-child input[type="checkbox"] {
+		float: right;
+	}
+
+	/* Forms
+	----------------------------------------*/
+	fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
+		width: auto;
+		float: none;
+	}
+
+	fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
+		margin-left: 0px;
+	}
+
+	textarea, dd textarea, .message-box textarea {
+		width: 100%;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+
+	dl.pmlist dt {
+		width: auto !important;
+		margin-bottom: 5px;
+	}
+
+	dl.pmlist dd {
+		display: inline-block;
+		margin-left: 0 !important;
+	}
+
+	dl.pmlist dd:first-of-type {
+		padding-left: 20px;
+	}
+
+	.smiley-box, .message-box {
+		float: none;
+		width: auto;
+	}
+
+	.smiley-box {
+		margin-top: 5px;
+	}
+
+	.bbcode-status {
+		display: none;
+	}
+
+	.colour-palette, .colour-palette tbody, .colour-palette tr {
+		display: block;
+	}
+
+	.colour-palette td {
+		display: inline-block;
+		margin-right: 2px;
+	}
+
+	.horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
+		display: none;
+	}
+
+	fieldset.quick-login label {
+		display: block;
+		margin-bottom: 5px;
+		white-space: normal;
+	}
+
+	fieldset.quick-login label > span {
+		display: inline-block;
+		min-width: 100px;
+	}
+
+	fieldset.quick-login input.inputbox {
+		width: 85%;
+		max-width: 300px;
+		margin-left: 20px;
+	}
+
+	fieldset.quick-login label[for="autologin"] {
+		display: inline-block;
+		text-align: right;
+		min-width: 50%;
+	}
+
+	/* User profile
+	----------------------------------------*/
+	.column1, .column2, .left-box.profile-details {
+		float: none;
+		width: auto;
+		clear: both;
+	}
+
+	/* Polls
+	----------------------------------------*/
+	fieldset.polls dt {
+		width: 90%;
+	}
+
+	fieldset.polls dd.resultbar {
+		padding-left: 20px;
+	}
+
+	fieldset.polls dd.poll_option_percent {
+		width: 20%;
+	}
+
+	fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
+		margin-top: 5px;
+	}
+
+	/* Post
+	----------------------------------------*/
+	.postbody {
+		position: inherit;
+	}
+	
+	.postbody {
+		.postprofile + & {
+		float: none;
+		position: inherit;
+		width: auto;
+		}
+	}
+	
+	.postprofile, .postbody, .search .postbody {
+		display: block;
+		width: auto;
+		float: none;
+		padding: 0;
+		min-height: 0;
+	}
+
+	.post .postprofile {
+		width: auto;
+		border-width: 0 0 1px 0;
+		padding-bottom: 5px;
+		margin: 0;
+		margin-bottom: 5px;
+		min-height: 40px;
+		overflow: hidden;
+		z-index: auto !important;
+	}
+
+	.postprofile dd {
+		display: none;
+	}
+
+	.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
+		display: block;
+		margin: 0;
+	}
+
+	.postprofile .has-avatar .avatar-container,
+	.postprofile .no-avatar .avatar-container {
+		margin: 0;
+		overflow: inherit;
+		float: left;
+		padding-right: 5px;
+	}
+
+	.postprofile .avatar-container:after {
+		clear: none;
+	}
+
+	.postprofile .avatar, .postprofile .no-avatar .avatar-container {
+		margin-right: 5px;
+	}
+
+	.postprofile .avatar img {
+		width: auto !important;
+		height: auto !important;
+		max-height: 32px;
+	}
+
+	.no-avatar .avatar-container {
+		width: 32px;
+		height: 32px;
+	}
+
+	.has-profile .postbody h3 {
+		margin-left: 0 !important;
+		margin-right: 0 !important;
+	}
+
+	.has-profile .post-buttons {
+		right: 10px;
+		top: 10px;
+		.rtl & {
+			right: auto;
+			left: 10px;
+		}
+	}
+
+	.online-ribbon {
+		width: 35px;
+		height: 35px;
+		top: 0;
+		#{$profile-side}: 0;
+
+		.rtl & {
+			#{$profile-side}: auto;
+			#{$post-side}: 0;
+		}
+
+		span {
+			width: 50px;
+			font-size: 6px;
+			line-height: 10px;
+			height: 10px;
+			text-align: center;
+			position: absolute;
+			top: 8px;
+			white-space: nowrap;
+			#{$profile-side}: -12px;
+
+			.rtl & {
+				#{$profile-side}: auto;
+				#{$post-side}: -12px;
+			}
+		}
+	}
+
+	// Misc stuff
+	// ----------------------------------------
+	h2 {
+		margin-top: .5em;
+	}
+
+	p {
+		margin-bottom: .5em;
+		overflow: hidden;
+	}
+
+	p.rightside {
+		margin-bottom: 0;
+	}
+
+	fieldset.display-options label {
+		display: inline-block;
+		clear: both;
+		margin-bottom: 5px;
+		letter-spacing: -.3px;
+	}
+
+	dl.mini dd.pm-legend {
+		float: left;
+		min-width: 200px;
+	}
+
+	.topicreview {
+		margin: 0 -5px;
+		padding: 0 5px;
+	}
+
+	fieldset.display-actions {
+		white-space: normal;
+	}
+
+	.phpbb_alert {
+		width: auto;
+		margin: 0 5px;
+	}
+
+	.attach-comment dfn {
+		width: 100%;
+	}
+}
+
+@media (min-width: 700px) {
+	.postbody { width: 70%; }
+}
+
+@media (min-width: 850px) {
+	.postbody { width: 76%; }
+}
+
+@media (min-width: 701px) and (max-width: 950px) {
+
+	ul.topiclist dt {
+    	margin-right: -410px;
+	}
+
+	ul.topiclist dt .list-inner {
+    	margin-right: 410px;
+	}
+
+	ul.topiclist dd.lastpost {
+  		float: right; 
+  	}
+
+	dd.posts, dd.topics, dd.views {
+    	width: 80px;
+	}
+}
diff --git a/simplicity/theme/common/_utilities.scss b/simplicity/theme/common/_utilities.scss
new file mode 100644
index 0000000..cbb8127
--- /dev/null
+++ b/simplicity/theme/common/_utilities.scss
@@ -0,0 +1,66 @@
+/* --------------------------------------------------------------
+	$Utilities
+-------------------------------------------------------------- */
+
+.sr-only {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	margin: -1px;
+	padding: 0;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
+	border: 0;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+}
+
+.clearfix:before,
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after {
+	content: " ";
+	display: table;
+}
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after { clear: both }
+
+.center-block {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.pull-right { float: right !important }
+.pull-left { float: left !important }
+.hide { display: none !important }
+.show { display: block !important }
+.invisible { visibility: hidden }
+
+.text-hide {
+	font: 0/0 a;
+	color: transparent;
+	text-shadow: none;
+	background-color: transparent;
+	border: 0;
+}
+
+.hidden {
+	display: none ;
+}
+
+.affix { position: fixed }
diff --git a/simplicity/theme/images/announce_read.png b/simplicity/theme/images/announce_read.png
new file mode 100644
index 0000000..0666c9b
Binary files /dev/null and b/simplicity/theme/images/announce_read.png differ
diff --git a/simplicity/theme/images/announce_read_hd.png b/simplicity/theme/images/announce_read_hd.png
new file mode 100644
index 0000000..e9e91d5
Binary files /dev/null and b/simplicity/theme/images/announce_read_hd.png differ
diff --git a/simplicity/theme/images/announce_read_locked.png b/simplicity/theme/images/announce_read_locked.png
new file mode 100644
index 0000000..75f8c70
Binary files /dev/null and b/simplicity/theme/images/announce_read_locked.png differ
diff --git a/simplicity/theme/images/announce_read_locked_hd.png b/simplicity/theme/images/announce_read_locked_hd.png
new file mode 100644
index 0000000..6bc1792
Binary files /dev/null and b/simplicity/theme/images/announce_read_locked_hd.png differ
diff --git a/simplicity/theme/images/announce_unread.png b/simplicity/theme/images/announce_unread.png
new file mode 100644
index 0000000..c4dc4ec
Binary files /dev/null and b/simplicity/theme/images/announce_unread.png differ
diff --git a/simplicity/theme/images/announce_unread_hd.png b/simplicity/theme/images/announce_unread_hd.png
new file mode 100644
index 0000000..17c30af
Binary files /dev/null and b/simplicity/theme/images/announce_unread_hd.png differ
diff --git a/simplicity/theme/images/announce_unread_locked.png b/simplicity/theme/images/announce_unread_locked.png
new file mode 100644
index 0000000..68017a5
Binary files /dev/null and b/simplicity/theme/images/announce_unread_locked.png differ
diff --git a/simplicity/theme/images/announce_unread_locked_hd.png b/simplicity/theme/images/announce_unread_locked_hd.png
new file mode 100644
index 0000000..f47a805
Binary files /dev/null and b/simplicity/theme/images/announce_unread_locked_hd.png differ
diff --git a/simplicity/theme/images/forum_link.png b/simplicity/theme/images/forum_link.png
new file mode 100644
index 0000000..7e3aa07
Binary files /dev/null and b/simplicity/theme/images/forum_link.png differ
diff --git a/simplicity/theme/images/forum_link_hd.png b/simplicity/theme/images/forum_link_hd.png
new file mode 100644
index 0000000..17dc1a9
Binary files /dev/null and b/simplicity/theme/images/forum_link_hd.png differ
diff --git a/simplicity/theme/images/forum_page.png b/simplicity/theme/images/forum_page.png
new file mode 100644
index 0000000..005dbfc
Binary files /dev/null and b/simplicity/theme/images/forum_page.png differ
diff --git a/simplicity/theme/images/forum_page_hd.png b/simplicity/theme/images/forum_page_hd.png
new file mode 100644
index 0000000..71852b3
Binary files /dev/null and b/simplicity/theme/images/forum_page_hd.png differ
diff --git a/simplicity/theme/images/forum_read.png b/simplicity/theme/images/forum_read.png
new file mode 100644
index 0000000..0666c9b
Binary files /dev/null and b/simplicity/theme/images/forum_read.png differ
diff --git a/simplicity/theme/images/forum_read_hd.png b/simplicity/theme/images/forum_read_hd.png
new file mode 100644
index 0000000..e9e91d5
Binary files /dev/null and b/simplicity/theme/images/forum_read_hd.png differ
diff --git a/simplicity/theme/images/forum_read_locked.png b/simplicity/theme/images/forum_read_locked.png
new file mode 100644
index 0000000..a3c2347
Binary files /dev/null and b/simplicity/theme/images/forum_read_locked.png differ
diff --git a/simplicity/theme/images/forum_read_locked_hd.png b/simplicity/theme/images/forum_read_locked_hd.png
new file mode 100644
index 0000000..51e58ab
Binary files /dev/null and b/simplicity/theme/images/forum_read_locked_hd.png differ
diff --git a/simplicity/theme/images/forum_read_subforum.png b/simplicity/theme/images/forum_read_subforum.png
new file mode 100644
index 0000000..0666c9b
Binary files /dev/null and b/simplicity/theme/images/forum_read_subforum.png differ
diff --git a/simplicity/theme/images/forum_read_subforum_hd.png b/simplicity/theme/images/forum_read_subforum_hd.png
new file mode 100644
index 0000000..e9e91d5
Binary files /dev/null and b/simplicity/theme/images/forum_read_subforum_hd.png differ
diff --git a/simplicity/theme/images/forum_unread.png b/simplicity/theme/images/forum_unread.png
new file mode 100644
index 0000000..c4dc4ec
Binary files /dev/null and b/simplicity/theme/images/forum_unread.png differ
diff --git a/simplicity/theme/images/forum_unread_hd.png b/simplicity/theme/images/forum_unread_hd.png
new file mode 100644
index 0000000..f4329b4
Binary files /dev/null and b/simplicity/theme/images/forum_unread_hd.png differ
diff --git a/simplicity/theme/images/forum_unread_locked.png b/simplicity/theme/images/forum_unread_locked.png
new file mode 100644
index 0000000..57b2eaf
Binary files /dev/null and b/simplicity/theme/images/forum_unread_locked.png differ
diff --git a/simplicity/theme/images/forum_unread_locked_hd.png b/simplicity/theme/images/forum_unread_locked_hd.png
new file mode 100644
index 0000000..f1d5956
Binary files /dev/null and b/simplicity/theme/images/forum_unread_locked_hd.png differ
diff --git a/simplicity/theme/images/forum_unread_subforum.png b/simplicity/theme/images/forum_unread_subforum.png
new file mode 100644
index 0000000..c4dc4ec
Binary files /dev/null and b/simplicity/theme/images/forum_unread_subforum.png differ
diff --git a/simplicity/theme/images/forum_unread_subforum_hd.png b/simplicity/theme/images/forum_unread_subforum_hd.png
new file mode 100644
index 0000000..f4329b4
Binary files /dev/null and b/simplicity/theme/images/forum_unread_subforum_hd.png differ
diff --git a/simplicity/theme/images/icon_post_target.png b/simplicity/theme/images/icon_post_target.png
new file mode 100644
index 0000000..78bfa1f
Binary files /dev/null and b/simplicity/theme/images/icon_post_target.png differ
diff --git a/simplicity/theme/images/icon_post_target_hd.png b/simplicity/theme/images/icon_post_target_hd.png
new file mode 100644
index 0000000..52b7a7e
Binary files /dev/null and b/simplicity/theme/images/icon_post_target_hd.png differ
diff --git a/simplicity/theme/images/icon_post_target_unread.png b/simplicity/theme/images/icon_post_target_unread.png
new file mode 100644
index 0000000..1930ed5
Binary files /dev/null and b/simplicity/theme/images/icon_post_target_unread.png differ
diff --git a/simplicity/theme/images/icon_post_target_unread_hd.png b/simplicity/theme/images/icon_post_target_unread_hd.png
new file mode 100644
index 0000000..4c707f6
Binary files /dev/null and b/simplicity/theme/images/icon_post_target_unread_hd.png differ
diff --git a/simplicity/theme/images/icon_textbox_search.gif b/simplicity/theme/images/icon_textbox_search.gif
new file mode 100644
index 0000000..b3b51d8
Binary files /dev/null and b/simplicity/theme/images/icon_textbox_search.gif differ
diff --git a/simplicity/theme/images/index.htm b/simplicity/theme/images/index.htm
new file mode 100644
index 0000000..e69de29
diff --git a/simplicity/theme/images/loading.gif b/simplicity/theme/images/loading.gif
new file mode 100644
index 0000000..e1ed088
Binary files /dev/null and b/simplicity/theme/images/loading.gif differ
diff --git a/simplicity/theme/images/logo.png b/simplicity/theme/images/logo.png
new file mode 100644
index 0000000..fbca0b7
Binary files /dev/null and b/simplicity/theme/images/logo.png differ
diff --git a/simplicity/theme/images/logo_hd.png b/simplicity/theme/images/logo_hd.png
new file mode 100644
index 0000000..e740c30
Binary files /dev/null and b/simplicity/theme/images/logo_hd.png differ
diff --git a/simplicity/theme/images/no_avatar.gif b/simplicity/theme/images/no_avatar.gif
new file mode 100644
index 0000000..93f51ac
Binary files /dev/null and b/simplicity/theme/images/no_avatar.gif differ
diff --git a/simplicity/theme/images/no_avatar.png b/simplicity/theme/images/no_avatar.png
new file mode 100644
index 0000000..23cfe7c
Binary files /dev/null and b/simplicity/theme/images/no_avatar.png differ
diff --git a/simplicity/theme/images/no_avatar_female.png b/simplicity/theme/images/no_avatar_female.png
new file mode 100644
index 0000000..2533491
Binary files /dev/null and b/simplicity/theme/images/no_avatar_female.png differ
diff --git a/simplicity/theme/images/no_avatar_female_hd.png b/simplicity/theme/images/no_avatar_female_hd.png
new file mode 100644
index 0000000..abf95f7
Binary files /dev/null and b/simplicity/theme/images/no_avatar_female_hd.png differ
diff --git a/simplicity/theme/images/no_avatar_hd.png b/simplicity/theme/images/no_avatar_hd.png
new file mode 100644
index 0000000..c47715d
Binary files /dev/null and b/simplicity/theme/images/no_avatar_hd.png differ
diff --git a/simplicity/theme/images/no_avatar_male.png b/simplicity/theme/images/no_avatar_male.png
new file mode 100644
index 0000000..e7c593a
Binary files /dev/null and b/simplicity/theme/images/no_avatar_male.png differ
diff --git a/simplicity/theme/images/no_avatar_male_hd.png b/simplicity/theme/images/no_avatar_male_hd.png
new file mode 100644
index 0000000..0d34ba5
Binary files /dev/null and b/simplicity/theme/images/no_avatar_male_hd.png differ
diff --git a/simplicity/theme/images/pattern.png b/simplicity/theme/images/pattern.png
new file mode 100644
index 0000000..aee0cba
Binary files /dev/null and b/simplicity/theme/images/pattern.png differ
diff --git a/simplicity/theme/images/plupload/done.gif b/simplicity/theme/images/plupload/done.gif
new file mode 100644
index 0000000..29f3ed7
Binary files /dev/null and b/simplicity/theme/images/plupload/done.gif differ
diff --git a/simplicity/theme/images/plupload/error.gif b/simplicity/theme/images/plupload/error.gif
new file mode 100644
index 0000000..4682b63
Binary files /dev/null and b/simplicity/theme/images/plupload/error.gif differ
diff --git a/simplicity/theme/images/plupload/throbber.gif b/simplicity/theme/images/plupload/throbber.gif
new file mode 100644
index 0000000..4ae8b16
Binary files /dev/null and b/simplicity/theme/images/plupload/throbber.gif differ
diff --git a/simplicity/theme/images/subforum_read.png b/simplicity/theme/images/subforum_read.png
new file mode 100644
index 0000000..4c492fe
Binary files /dev/null and b/simplicity/theme/images/subforum_read.png differ
diff --git a/simplicity/theme/images/subforum_read_hd.png b/simplicity/theme/images/subforum_read_hd.png
new file mode 100644
index 0000000..eb4bd1d
Binary files /dev/null and b/simplicity/theme/images/subforum_read_hd.png differ
diff --git a/simplicity/theme/images/subforum_unread.png b/simplicity/theme/images/subforum_unread.png
new file mode 100644
index 0000000..96550ab
Binary files /dev/null and b/simplicity/theme/images/subforum_unread.png differ
diff --git a/simplicity/theme/images/subforum_unread_hd.png b/simplicity/theme/images/subforum_unread_hd.png
new file mode 100644
index 0000000..a34451a
Binary files /dev/null and b/simplicity/theme/images/subforum_unread_hd.png differ
diff --git a/simplicity/theme/images/topic_moved.png b/simplicity/theme/images/topic_moved.png
new file mode 100644
index 0000000..7e3aa07
Binary files /dev/null and b/simplicity/theme/images/topic_moved.png differ
diff --git a/simplicity/theme/images/topic_moved_hd.png b/simplicity/theme/images/topic_moved_hd.png
new file mode 100644
index 0000000..17dc1a9
Binary files /dev/null and b/simplicity/theme/images/topic_moved_hd.png differ
diff --git a/simplicity/theme/images/topic_read.png b/simplicity/theme/images/topic_read.png
new file mode 100644
index 0000000..0666c9b
Binary files /dev/null and b/simplicity/theme/images/topic_read.png differ
diff --git a/simplicity/theme/images/topic_read_hd.png b/simplicity/theme/images/topic_read_hd.png
new file mode 100644
index 0000000..e9e91d5
Binary files /dev/null and b/simplicity/theme/images/topic_read_hd.png differ
diff --git a/simplicity/theme/images/topic_read_hot.png b/simplicity/theme/images/topic_read_hot.png
new file mode 100644
index 0000000..0666c9b
Binary files /dev/null and b/simplicity/theme/images/topic_read_hot.png differ
diff --git a/simplicity/theme/images/topic_read_hot_hd.png b/simplicity/theme/images/topic_read_hot_hd.png
new file mode 100644
index 0000000..1dda671
Binary files /dev/null and b/simplicity/theme/images/topic_read_hot_hd.png differ
diff --git a/simplicity/theme/images/topic_read_hot_mine.png b/simplicity/theme/images/topic_read_hot_mine.png
new file mode 100644
index 0000000..ad022d5
Binary files /dev/null and b/simplicity/theme/images/topic_read_hot_mine.png differ
diff --git a/simplicity/theme/images/topic_read_hot_mine_hd.png b/simplicity/theme/images/topic_read_hot_mine_hd.png
new file mode 100644
index 0000000..ef5b486
Binary files /dev/null and b/simplicity/theme/images/topic_read_hot_mine_hd.png differ
diff --git a/simplicity/theme/images/topic_read_locked.png b/simplicity/theme/images/topic_read_locked.png
new file mode 100644
index 0000000..75f8c70
Binary files /dev/null and b/simplicity/theme/images/topic_read_locked.png differ
diff --git a/simplicity/theme/images/topic_read_locked_hd.png b/simplicity/theme/images/topic_read_locked_hd.png
new file mode 100644
index 0000000..6bc1792
Binary files /dev/null and b/simplicity/theme/images/topic_read_locked_hd.png differ
diff --git a/simplicity/theme/images/topic_read_locked_mine.png b/simplicity/theme/images/topic_read_locked_mine.png
new file mode 100644
index 0000000..b080a53
Binary files /dev/null and b/simplicity/theme/images/topic_read_locked_mine.png differ
diff --git a/simplicity/theme/images/topic_read_locked_mine_hd.png b/simplicity/theme/images/topic_read_locked_mine_hd.png
new file mode 100644
index 0000000..2242220
Binary files /dev/null and b/simplicity/theme/images/topic_read_locked_mine_hd.png differ
diff --git a/simplicity/theme/images/topic_read_mine.png b/simplicity/theme/images/topic_read_mine.png
new file mode 100644
index 0000000..ad022d5
Binary files /dev/null and b/simplicity/theme/images/topic_read_mine.png differ
diff --git a/simplicity/theme/images/topic_read_mine_hd.png b/simplicity/theme/images/topic_read_mine_hd.png
new file mode 100644
index 0000000..b63481b
Binary files /dev/null and b/simplicity/theme/images/topic_read_mine_hd.png differ
diff --git a/simplicity/theme/images/topic_unread.png b/simplicity/theme/images/topic_unread.png
new file mode 100644
index 0000000..c4dc4ec
Binary files /dev/null and b/simplicity/theme/images/topic_unread.png differ
diff --git a/simplicity/theme/images/topic_unread_hd.png b/simplicity/theme/images/topic_unread_hd.png
new file mode 100644
index 0000000..17c30af
Binary files /dev/null and b/simplicity/theme/images/topic_unread_hd.png differ
diff --git a/simplicity/theme/images/topic_unread_hot.png b/simplicity/theme/images/topic_unread_hot.png
new file mode 100644
index 0000000..c4dc4ec
Binary files /dev/null and b/simplicity/theme/images/topic_unread_hot.png differ
diff --git a/simplicity/theme/images/topic_unread_hot_hd.png b/simplicity/theme/images/topic_unread_hot_hd.png
new file mode 100644
index 0000000..17c30af
Binary files /dev/null and b/simplicity/theme/images/topic_unread_hot_hd.png differ
diff --git a/simplicity/theme/images/topic_unread_hot_mine.png b/simplicity/theme/images/topic_unread_hot_mine.png
new file mode 100644
index 0000000..a35fd6e
Binary files /dev/null and b/simplicity/theme/images/topic_unread_hot_mine.png differ
diff --git a/simplicity/theme/images/topic_unread_hot_mine_hd.png b/simplicity/theme/images/topic_unread_hot_mine_hd.png
new file mode 100644
index 0000000..8ffc67e
Binary files /dev/null and b/simplicity/theme/images/topic_unread_hot_mine_hd.png differ
diff --git a/simplicity/theme/images/topic_unread_locked.png b/simplicity/theme/images/topic_unread_locked.png
new file mode 100644
index 0000000..68017a5
Binary files /dev/null and b/simplicity/theme/images/topic_unread_locked.png differ
diff --git a/simplicity/theme/images/topic_unread_locked_hd.png b/simplicity/theme/images/topic_unread_locked_hd.png
new file mode 100644
index 0000000..f47a805
Binary files /dev/null and b/simplicity/theme/images/topic_unread_locked_hd.png differ
diff --git a/simplicity/theme/images/topic_unread_locked_mine.png b/simplicity/theme/images/topic_unread_locked_mine.png
new file mode 100644
index 0000000..7b9e422
Binary files /dev/null and b/simplicity/theme/images/topic_unread_locked_mine.png differ
diff --git a/simplicity/theme/images/topic_unread_locked_mine_hd.png b/simplicity/theme/images/topic_unread_locked_mine_hd.png
new file mode 100644
index 0000000..25718ea
Binary files /dev/null and b/simplicity/theme/images/topic_unread_locked_mine_hd.png differ
diff --git a/simplicity/theme/images/topic_unread_mine.png b/simplicity/theme/images/topic_unread_mine.png
new file mode 100644
index 0000000..a35fd6e
Binary files /dev/null and b/simplicity/theme/images/topic_unread_mine.png differ
diff --git a/simplicity/theme/images/topic_unread_mine_hd.png b/simplicity/theme/images/topic_unread_mine_hd.png
new file mode 100644
index 0000000..ac84f07
Binary files /dev/null and b/simplicity/theme/images/topic_unread_mine_hd.png differ
diff --git a/simplicity/theme/index.htm b/simplicity/theme/index.htm
new file mode 100644
index 0000000..e69de29
diff --git a/simplicity/theme/plupload.css b/simplicity/theme/plupload.css
new file mode 100644
index 0000000..b1f3ae2
--- /dev/null
+++ b/simplicity/theme/plupload.css
@@ -0,0 +1,90 @@
+.attach-panel-multi {
+	display: none;
+	margin-bottom: 1em;
+}
+
+.attach-row-tpl {
+	display: none;
+}
+
+.file-list td {
+	vertical-align: middle;
+}
+
+.attach-name {
+	width: 50%;
+}
+
+.attach-comment {
+	width: 30%;
+}
+
+.attach-comment .inputbox {
+	resize: vertical;
+	width: 100%;
+}
+
+.attach-filesize {
+	width: 15%;
+}
+
+.attach-status {
+	width: 5%;
+}
+
+.attach-filesize, .attach-status {
+	text-align: center;
+}
+
+.attach-controls {
+	display: inline-block;
+	float: right;
+}
+
+.nojs .file-inline-bbcode {
+	display: none;
+}
+
+.file-total-progress {
+	height: 2px;
+	display: block;
+	position: relative;
+	margin: 4px -10px -6px -10px;
+}
+
+.file-progress {
+	background-color: #CCCCCC;
+	display:inline-block;
+	height: 8px;
+	width: 50px;
+}
+
+.file-progress-bar, .file-total-progress-bar {
+	background-color: green;
+	display: block;
+	height: 100%;
+	width: 0;
+}
+
+.file-status.file-working {
+	background: url('./images/plupload/throbber.gif');
+}
+
+.file-status.file-uploaded {
+	background: url('./images/plupload/done.gif');
+}
+
+.file-status.file-error {
+	background: url('./images/plupload/error.gif');
+}
+
+.file-status {
+	display: inline-block;
+	height: 16px;
+	width: 16px;
+}
+
+.file-name {
+	max-width: 65%;
+	vertical-align: bottom;
+}
diff --git a/simplicity/theme/print.css b/simplicity/theme/print.css
new file mode 100644
index 0000000..5b7703c
--- /dev/null
+++ b/simplicity/theme/print.css
@@ -0,0 +1,150 @@
+/* Print Style Sheet
+---------------------------------------- */
+
+
+/* Lots still TODO here! */
+
+/* General markup styles */
+* {
+	padding: 0;
+	margin: 0;
+}
+
+body {
+	font: 11pt Verdana, Arial, Helvetica, sans-serif;
+	color:#000000;
+}
+
+a:link		{ color: #000000; text-decoration: none; }
+a:visited	{ color: #000000; text-decoration: none; }
+a:active	{ color: #000000; text-decoration: none; }
+
+img, .noprint, .navbar, .box1, .divider, .signature { display: none; }
+/* Display smilies (Bug #47265) */
+.content img {
+	display: inline;
+}
+
+/* Container for the main body */
+#wrap {
+	margin: 0 2em;
+}
+
+p { font-size: 85%; }
+.copyright { font-size: 75%; }
+.page-number { float:right; width: auto; text-align: right; font-size: 75%; }
+
+h1, h2, h3, h1 a, h2 a, h3 a {
+	font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;
+	color: #000000;
+	background: none;
+	text-decoration: none;
+	font-weight: bold;
+}
+
+h1 { font-size: 20pt; }
+h2 { font-size: 16pt; margin-top: 1em; }
+h3 { font-size: 14pt; margin-top: 1em; }
+
+.content {
+	font-size: 11pt;
+	line-height: 14pt;
+	margin-bottom: 1em;
+	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
+	overflow: hidden;
+}
+
+/* CSS2 Print tip from: http://www.alistapart.com/articles/goingtoprint/ */
+.postbody a:link, .postbody a:visited, .postbody a:hover, .postbody a:active {
+	text-decoration: underline;
+	padding: 0.1em 0.2em;
+	margin: -0.1em -0.2em;
+	color: #666;
+	background: none;
+	font-size: 100%;
+}
+
+html>body .postbody a:link:after, html>body .postbody a:visited:after {
+	content: " (" attr(href) ") ";
+	font-size: 90%;
+	text-decoration: none;
+}
+
+hr {
+	height: 1px;
+	background-color: #999999;
+	border-width: 0;
+}
+
+.author {
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 75%;
+	margin-bottom: 0.6em;
+}
+
+.date {
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	float: right;
+	position: relative;
+	text-align: right;
+	font-size: 75%;
+}
+
+/* Don't want to print url for names or titles in content area */
+.postbody .author a:link, .postbody .author a:visited,
+html>body .postbody .author a:link:after,
+html>body .postbody .author a:visited:after,
+.postquote .quote-by a:link, .postquote .quote-by a:visited,
+html>body .postquote .quote-by a:link:after,
+html>body .postquote .quote-by a:visited:after,
+html>body .postbody h1 a:link:after, html>body .postbody h2 a:link:after {
+	text-decoration: none;
+	content: "";
+}
+
+/* Poster profile */
+.postprofile { display: none; }
+.grip-show { display:none; }
+
+/* Quote */
+.postquote, blockquote {
+	font-size: 85%;
+	margin: 1em 18% 1em 4%;
+	padding: 0.5em;
+	position: relative;
+	line-height: 1.5em;
+	border: 1px #999999 solid;
+}
+
+.postquote img { display: none; }
+.postquote span { display: block; }
+.postquote span .postquote { font-size: 100%; }
+.quote-by, blockquote cite {
+	color: black;
+	display : block;
+	font-weight: bold;
+}
+
+/* List */
+ol, ul {
+	margin-left: 15pt
+}
+
+/* Misc page elements */
+div.spacer { clear: both; }
+
+code { display: block; }
+
+/* Accessibility tweaks: Mozilla.org */
+.skip_link { display: none; }
+
+.codebox p { display: none; }
+
+/* stylelint-disable declaration-property-unit-whitelist */
+.emoji {
+	min-height: 18px;
+	min-width: 18px;
+	height: 1em;
+	width: 1em;
+}
+/* stylelint-enable declaration-property-unit-whitelist */
diff --git a/simplicity/theme/stylesheet.css b/simplicity/theme/stylesheet.css
new file mode 100644
index 0000000..1a80111
--- /dev/null
+++ b/simplicity/theme/stylesheet.css
@@ -0,0 +1,6062 @@
+/*!
+	DO NOT EDIT stylesheet.css!
+
+	Edit .scss files instead. See http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+	If you have any questions, please ask on support forum at http://www.artodia.com/forums/
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline; }
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block; }
+
+body {
+  line-height: 1; }
+
+ol, ul {
+  list-style: none; }
+
+blockquote, q {
+  quotes: none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+abbr {
+  text-decoration: none; }
+
+.site-description:after, .navbar.secondary:after, .navbar .nav-tabs:after, ul.topiclist dl:after, .site-description:before, .navbar.secondary:before, .navbar .nav-tabs:before, ul.topiclist dl:before {
+  content: ' ';
+  display: table;
+  clear: both; }
+
+html {
+  font-size: 100%;
+  height: 100%; }
+
+body {
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px;
+  line-height: 1.4;
+  margin: 0;
+  padding: 0 0 12px;
+  word-wrap: break-word;
+  min-height: 100%;
+  box-sizing: border-box;
+  -webkit-print-color-adjust: exact; }
+
+h1, p.sitename {
+  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+  margin-right: 200px;
+  margin-top: 15px;
+  margin-bottom: 0;
+  font-weight: bold;
+  font-size: 21px;
+  line-height: inherit; }
+
+h2 {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  font-size: 19px;
+  margin: 0.8em 0 0.2em 0; }
+
+h2.solo {
+  margin-bottom: 1em; }
+
+h3 {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-weight: 500;
+  margin-bottom: 5px;
+  font-size: 17px;
+  margin-top: 20px; }
+
+h4 {
+  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+  font-size: 15px; }
+
+p {
+  line-height: 1.3;
+  font-size: 11px;
+  margin-bottom: 1.5em; }
+
+img {
+  border-width: 0; }
+
+hr {
+  border: 0 solid transparent;
+  border-top-width: 1px;
+  height: 1px;
+  margin: 5px 0;
+  display: block;
+  clear: both; }
+
+hr.dashed {
+  border-top-style: dashed;
+  margin: 10px 0; }
+
+hr.divider {
+  display: none; }
+
+p.right {
+  text-align: right; }
+
+p.jumpbox-return {
+  margin-top: 10px;
+  margin-bottom: 0;
+  float: left; }
+
+b, strong {
+  font-weight: bold; }
+
+.text-strong {
+  font-weight: bold; }
+
+i, em {
+  font-style: italic; }
+
+.text-italics {
+  font-style: italic; }
+
+u {
+  text-decoration: underline; }
+
+ul {
+  list-style-type: disc; }
+
+ol {
+  list-style-type: decimal; }
+
+li {
+  display: list-item; }
+
+ul ul, ol ul {
+  list-style-type: circle; }
+
+ol ol ul, ol ul ul, ul ol ul, ul ul ul {
+  list-style-type: square; }
+
+.page-width {
+  box-sizing: border-box;
+  margin: 0 auto;
+  max-width: none;
+  min-width: 625px;
+  margin: 0 12px; }
+
+.page-width .page-width {
+  margin: 0; }
+
+.page-body {
+  margin: 4px 0;
+  clear: both; }
+  #wrap > .page-body:first-of-type {
+    margin-top: 0; }
+  #wrap > .page-body:last-of-type {
+    margin-bottom: 0; }
+
+.page-footer {
+  clear: both; }
+  #wrap + .page-footer {
+    margin-top: 5px; }
+
+.page-footer h3 {
+  margin-top: 20px; }
+
+.logo {
+  display: block;
+  box-sizing: border-box;
+  max-width: 100%;
+  padding: 10px 0; }
+  .logo, .logo img {
+    margin: 0 auto; }
+  .logo img {
+    display: block;
+    max-width: 100%; }
+  .logo:hover {
+    text-decoration: none; }
+
+.site-description {
+  text-align: center; }
+  .site-description h1, .site-description p.sitename {
+    margin-left: 0;
+    margin-right: 0; }
+  .site-description h1, .site-description p {
+    display: none; }
+
+.headerbar > .inner {
+  position: relative; }
+
+.navbar {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  padding: 0 9px;
+  clear: both; }
+  .navbar.tabbed, .navbar.secondary {
+    background: transparent;
+    border-width: 0;
+    border-radius: 0;
+    box-shadow: none;
+    padding: 0; }
+  .page-body .navbar {
+    margin-bottom: 10px; }
+  .navbar + .navbar {
+    margin-top: 5px; }
+  .navbar.tabbed {
+    padding: 0; }
+  .navbar.secondary {
+    margin: 0;
+    padding: 1px 0; }
+    .navbar.secondary > ul {
+      list-style-type: none;
+      margin: 0;
+      padding: 0; }
+    .navbar.secondary > ul > li {
+      position: relative;
+      display: inline-block;
+      margin: 0;
+      padding: 0; }
+      .navbar.secondary > ul > li > a {
+        display: inline-block;
+        color: inherit;
+        padding: 1px 8px;
+        text-align: center;
+        line-height: 26px;
+        font-size: 12px; }
+      .navbar.secondary > ul > li:hover {
+        border-radius: 3px; }
+        .navbar.secondary > ul > li:hover > a {
+          text-decoration: none; }
+      .navbar.secondary > ul > li.small-icon > a {
+        padding-left: 18px; }
+      .navbar.secondary > ul > li .dropdown {
+        top: 28px; }
+      .navbar.secondary > ul > li.dropdown-up .dropdown {
+        top: auto;
+        bottom: 28px; }
+      .navbar.secondary > ul > li.search-box {
+        display: block;
+        margin: 0;
+        float: right; }
+        .rtl .navbar.secondary > ul > li.search-box {
+          float: left; }
+        .navbar.secondary > ul > li.search-box, .navbar.secondary > ul > li.search-box:hover {
+          border-radius: 0;
+          border-width: 0;
+          box-shadow: none;
+          background: none;
+          filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
+    .navbar.secondary + .nav-breadcrumbs {
+      margin-top: 0; }
+  .navbar li.small-icon > a {
+    padding-left: 18px; }
+  .navbar .nav-tabs {
+    border-radius: 3px; }
+    .navbar .nav-tabs .leftside .tab:first-child, .navbar .nav-tabs .leftside .tab.first-visible {
+      border-radius: 2px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0; }
+    .rtl .navbar .nav-tabs .rightside .tab:last-child, .rtl .navbar .nav-tabs .rightside .tab.last-visible {
+      border-radius: 2px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0; }
+    .navbar .nav-tabs .rightside .tab:last-child, .navbar .nav-tabs .rightside .tab.last-visible {
+      border-radius: 2px;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0; }
+    .rtl .navbar .nav-tabs .leftside .tab:first-child, .rtl .navbar .nav-tabs .leftside .tab.first-visible {
+      border-radius: 2px;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0; }
+    .navbar .nav-tabs > ul {
+      list-style-type: none;
+      margin: 0;
+      height: 30px; }
+      .navbar .nav-tabs > ul.leftside, .rtl .navbar .nav-tabs > ul.rightside {
+        float: left; }
+      .navbar .nav-tabs > ul.rightside, .rtl .navbar .nav-tabs > ul.leftside {
+        float: right; }
+      .navbar .nav-tabs > ul > li {
+        float: left;
+        height: 30px; }
+      .rtl .navbar .nav-tabs > ul > li {
+        float: right; }
+      .navbar .nav-tabs > ul .quick-links {
+        margin: 0; }
+        .navbar .nav-tabs > ul .quick-links.empty {
+          display: none; }
+        .navbar .nav-tabs > ul .quick-links.showing-responsive-menu {
+          display: block; }
+    .navbar .nav-tabs .nav-link {
+      text-decoration: none;
+      color: inherit;
+      display: inline-block;
+      height: 30px;
+      line-height: 30px;
+      padding: 0 12px;
+      vertical-align: baseline;
+      font-size: 12px;
+      outline-style: none; }
+      .navbar .nav-tabs .nav-link.dropdown-toggle {
+        position: relative; }
+        .navbar .nav-tabs .nav-link.dropdown-toggle:before {
+          content: '\f078';
+          font-family: FontAwesome;
+          position: absolute;
+          right: 12px;
+          top: 50%;
+          font-size: 8px;
+          line-height: 12px;
+          width: 8px;
+          height: 12px;
+          margin-top: -6px; }
+          .rtl .navbar .nav-tabs .nav-link.dropdown-toggle:before {
+            right: auto;
+            left: 12px; }
+      .navbar .nav-tabs .nav-link .username-coloured {
+        color: inherit !important;
+        font-weight: inherit;
+        font-style: inherit; }
+    .navbar .nav-tabs .responsive-menu .nav-link:before,
+    .navbar .nav-tabs .dropdown-visible .nav-link:before {
+      content: '\f077';
+      font-family: FontAwesome;
+      position: absolute;
+      right: 12px;
+      top: 50%;
+      font-size: 9px;
+      line-height: 13px;
+      width: 9px;
+      height: 13px;
+      margin-top: -6px; }
+    .navbar .nav-tabs .dropdown {
+      top: 30px; }
+      .dropdown-up .navbar .nav-tabs .dropdown {
+        top: auto;
+        bottom: 30px; }
+    .navbar .nav-tabs .tab {
+      position: relative; }
+      .navbar .nav-tabs .tab > strong {
+        display: none;
+        font-weight: bold;
+        font-size: 9px;
+        padding: 0 2px;
+        border-radius: 3px;
+        position: absolute;
+        right: 5px;
+        top: -10px;
+        line-height: 14px;
+        min-width: 10px;
+        _width: 10px;
+        text-align: center;
+        text-shadow: none;
+        white-space: nowrap;
+        word-wrap: normal;
+        height: 14px;
+        pointer-events: none; }
+        .rtl .navbar .nav-tabs .tab > strong {
+          right: auto;
+          left: 5px; }
+        .navbar .nav-tabs .tab > strong .arrow {
+          border: 3px solid transparent;
+          border-bottom: 1px none black;
+          position: absolute;
+          bottom: -3px;
+          right: 4px;
+          line-height: 0;
+          text-shadow: none;
+          _display: none;
+          width: 0;
+          height: 0; }
+      .navbar .nav-tabs .tab.non-zero > strong {
+        display: block; }
+    .navbar .nav-tabs .responsive-menu .nav-link, .navbar .nav-tabs .account .nav-link, .navbar .nav-tabs .pm .nav-link, .navbar .nav-tabs .notifications .nav-link, .navbar .nav-tabs .mcp .nav-link, .navbar .nav-tabs .acp .nav-link, .navbar .nav-tabs .faq .nav-link, .navbar .nav-tabs .logout .nav-link, .navbar .nav-tabs .login .nav-link, .navbar .nav-tabs .register .nav-link, .navbar .nav-tabs .rightside .boardrules .nav-link, .navbar .nav-tabs .rightside .pages .nav-link, .navbar .nav-tabs .members .nav-link, .navbar .nav-tabs .forums .nav-link, .navbar .nav-tabs .leftside .boardrules .nav-link, .navbar .nav-tabs .leftside .pages .nav-link {
+      position: relative;
+      padding-left: 30px; }
+      .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .rightside .boardrules .nav-link:after, .navbar .nav-tabs .rightside .pages .nav-link:after, .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .leftside .boardrules .nav-link:after, .navbar .nav-tabs .leftside .pages .nav-link:after {
+        position: absolute;
+        left: 12px;
+        top: 50%;
+        margin-top: -7px;
+        width: 14px;
+        font-size: 12px;
+        line-height: 14px;
+        height: 14px;
+        text-align: left;
+        font-weight: normal;
+        font-style: normal;
+        text-indent: 0; }
+      .rtl .navbar .nav-tabs .responsive-menu .nav-link:after, .rtl .navbar .nav-tabs .account .nav-link:after, .rtl .navbar .nav-tabs .pm .nav-link:after, .rtl .navbar .nav-tabs .notifications .nav-link:after, .rtl .navbar .nav-tabs .mcp .nav-link:after, .rtl .navbar .nav-tabs .acp .nav-link:after, .rtl .navbar .nav-tabs .faq .nav-link:after, .rtl .navbar .nav-tabs .logout .nav-link:after, .rtl .navbar .nav-tabs .login .nav-link:after, .rtl .navbar .nav-tabs .register .nav-link:after, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .rightside .pages .nav-link:after, .rtl .navbar .nav-tabs .members .nav-link:after, .rtl .navbar .nav-tabs .forums .nav-link:after, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .leftside .pages .nav-link:after {
+        left: auto;
+        right: 12px; }
+    .navbar .nav-tabs .responsive-menu .nav-link, .navbar .nav-tabs .account .nav-link, .navbar .nav-tabs .pm .nav-link, .navbar .nav-tabs .notifications .nav-link, .navbar .nav-tabs .mcp .nav-link, .navbar .nav-tabs .acp .nav-link, .navbar .nav-tabs .faq .nav-link, .navbar .nav-tabs .logout .nav-link, .navbar .nav-tabs .login .nav-link, .navbar .nav-tabs .register .nav-link, .navbar .nav-tabs .rightside .boardrules .nav-link, .navbar .nav-tabs .rightside .pages .nav-link {
+      text-indent: 999px;
+      width: 14px;
+      padding: 0 8px;
+      overflow: hidden; }
+      .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .rightside .boardrules .nav-link:after, .navbar .nav-tabs .rightside .pages .nav-link:after {
+        text-align: center;
+        font-size: 14px;
+        left: 8px; }
+      .rtl .navbar .nav-tabs .responsive-menu .nav-link:after, .rtl .navbar .nav-tabs .account .nav-link:after, .rtl .navbar .nav-tabs .pm .nav-link:after, .rtl .navbar .nav-tabs .notifications .nav-link:after, .rtl .navbar .nav-tabs .mcp .nav-link:after, .rtl .navbar .nav-tabs .acp .nav-link:after, .rtl .navbar .nav-tabs .faq .nav-link:after, .rtl .navbar .nav-tabs .logout .nav-link:after, .rtl .navbar .nav-tabs .login .nav-link:after, .rtl .navbar .nav-tabs .register .nav-link:after, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .rightside .pages .nav-link:after {
+        left: auto;
+        right: 8px; }
+      .navbar .nav-tabs .responsive-menu .nav-link + strong, .navbar .nav-tabs .account .nav-link + strong, .navbar .nav-tabs .pm .nav-link + strong, .navbar .nav-tabs .notifications .nav-link + strong, .navbar .nav-tabs .mcp .nav-link + strong, .navbar .nav-tabs .acp .nav-link + strong, .navbar .nav-tabs .faq .nav-link + strong, .navbar .nav-tabs .logout .nav-link + strong, .navbar .nav-tabs .login .nav-link + strong, .navbar .nav-tabs .register .nav-link + strong, .navbar .nav-tabs .rightside .boardrules .nav-link + strong, .navbar .nav-tabs .rightside .pages .nav-link + strong {
+        right: -2px; }
+        .rtl .navbar .nav-tabs .responsive-menu .nav-link + strong, .rtl .navbar .nav-tabs .account .nav-link + strong, .rtl .navbar .nav-tabs .pm .nav-link + strong, .rtl .navbar .nav-tabs .notifications .nav-link + strong, .rtl .navbar .nav-tabs .mcp .nav-link + strong, .rtl .navbar .nav-tabs .acp .nav-link + strong, .rtl .navbar .nav-tabs .faq .nav-link + strong, .rtl .navbar .nav-tabs .logout .nav-link + strong, .rtl .navbar .nav-tabs .login .nav-link + strong, .rtl .navbar .nav-tabs .register .nav-link + strong, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link + strong, .rtl .navbar .nav-tabs .rightside .pages .nav-link + strong {
+          right: auto;
+          left: -2px; }
+    @media (max-width: 550px) {
+      .navbar .nav-tabs .members .nav-link, .navbar .nav-tabs .forums .nav-link, .navbar .nav-tabs .leftside .boardrules .nav-link, .navbar .nav-tabs .leftside .pages .nav-link {
+        text-indent: 999px;
+        width: 14px;
+        padding: 0 8px;
+        overflow: hidden; }
+        .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .leftside .boardrules .nav-link:after, .navbar .nav-tabs .leftside .pages .nav-link:after {
+          text-align: center;
+          font-size: 14px;
+          left: 8px; }
+        .rtl .navbar .nav-tabs .members .nav-link:after, .rtl .navbar .nav-tabs .forums .nav-link:after, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .leftside .pages .nav-link:after {
+          left: auto;
+          right: 8px; }
+        .navbar .nav-tabs .members .nav-link + strong, .navbar .nav-tabs .forums .nav-link + strong, .navbar .nav-tabs .leftside .boardrules .nav-link + strong, .navbar .nav-tabs .leftside .pages .nav-link + strong {
+          right: -2px; }
+          .rtl .navbar .nav-tabs .members .nav-link + strong, .rtl .navbar .nav-tabs .forums .nav-link + strong, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link + strong, .rtl .navbar .nav-tabs .leftside .pages .nav-link + strong {
+            right: auto;
+            left: -2px; } }
+    .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .boardrules .nav-link:after, .navbar .nav-tabs .pages .nav-link:after {
+      font-family: FontAwesome; }
+    .navbar .nav-tabs .responsive-menu .nav-link:after {
+      content: '\f0c9'; }
+    .navbar .nav-tabs .members .nav-link {
+      padding-left: 32px;
+      padding-right: 24px; }
+      .rtl .navbar .nav-tabs .members .nav-link {
+        padding-left: 24px;
+        padding-right: 32px; }
+      .navbar .nav-tabs .members .nav-link:after {
+        content: '\f0c0'; }
+      @media (max-width: 550px) {
+        .navbar .nav-tabs .members .nav-link {
+          padding: 0 8px !important; } }
+    .rtl .navbar .nav-tabs .forums .nav-link {
+      padding-left: 12px;
+      padding-right: 32px; }
+    .navbar .nav-tabs .forums .nav-link:after {
+      content: '\f075'; }
+    .navbar .nav-tabs .account .nav-link:after {
+      content: '\f007'; }
+    .navbar .nav-tabs .pm .nav-link:after {
+      content: '\f01c'; }
+    .navbar .nav-tabs .notifications .nav-link:after {
+      content: '\f0f3';
+      font-size: 13px; }
+    .navbar .nav-tabs .mcp .nav-link:after {
+      content: '\f0e3'; }
+    .navbar .nav-tabs .acp .nav-link:after {
+      content: '\f085'; }
+    .navbar .nav-tabs .faq .nav-link:after {
+      content: '\f059'; }
+    @media (max-width: 550px) {
+      .navbar .nav-tabs .faq, .navbar .nav-tabs .faq .nav-link {
+        display: none !important; } }
+    .navbar .nav-tabs .logout .nav-link:after {
+      content: '\f08b';
+      margin-left: 1px; }
+    .navbar .nav-tabs .login .nav-link:after {
+      content: '\f090'; }
+    .navbar .nav-tabs .register .nav-link:after {
+      content: '\f234'; }
+    .navbar .nav-tabs .boardrules .nav-link:after {
+      content: '\f071'; }
+    .navbar .nav-tabs .pages .nav-link:after {
+      content: '\f0f6'; }
+  .navbar .inner.static {
+    position: fixed;
+    top: 0;
+    z-index: 50;
+    left: 0;
+    right: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    width: auto;
+    max-width: none;
+    opacity: .9;
+    transition: opacity .2s; }
+    .navbar .inner.static > .static-inner {
+      box-sizing: border-box;
+      margin: 0 auto;
+      max-width: none;
+      min-width: 625px;
+      margin: 0 12px;
+      padding-top: 0 !important;
+      padding-bottom: 0 !important; }
+    .navbar .inner.static:hover {
+      opacity: 1; }
+    .navbar .inner.static .nav-tabs {
+      border-radius: 0; }
+      .navbar .inner.static .nav-tabs .leftside .tab:first-child, .navbar .inner.static .nav-tabs .leftside .tab.first-visible, .rtl .navbar .inner.static .nav-tabs .rightside .tab:first-child, .rtl .navbar .inner.static .nav-tabs .rightside .tab.first-visible {
+        border-radius: 0; }
+      .navbar .inner.static .nav-tabs .rightside .tab:last-child, .navbar .inner.static .nav-tabs .rightside .tab.last-visible, .rtl .navbar .inner.static .nav-tabs .leftside .tab:last-child, .rtl .navbar .inner.static .nav-tabs .leftside .tab.last-visible {
+        border-radius: 0; }
+      .navbar .inner.static .nav-tabs .tab > strong {
+        position: relative;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        vertical-align: top;
+        margin-top: 8px;
+        margin-left: -7px;
+        margin-right: 5px;
+        padding-bottom: 1px;
+        pointer-events: none; }
+        .navbar .inner.static .nav-tabs .tab > strong .arrow {
+          display: none; }
+      .navbar .inner.static .nav-tabs .tab.non-zero > strong {
+        display: inline-block; }
+      .navbar .inner.static .nav-tabs .pm > .nav-link + strong {
+        margin-left: -5px; }
+
+.forabg {
+  padding: 0;
+  margin: 10px 0; }
+
+.forumbg {
+  padding: 0; }
+
+.panel {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  margin-bottom: 10px;
+  padding: 5px 10px; }
+  .panel.bg3 {
+    border-radius: 0;
+    border-width: 0;
+    box-shadow: none;
+    border-top: 3px solid transparent;
+    position: relative; }
+    .panel.bg3:before, .panel.bg3:after {
+      content: '';
+      position: absolute;
+      top: 0;
+      width: 3px;
+      height: 50px; }
+    .panel.bg3:before {
+      left: 0; }
+    .panel.bg3:after {
+      right: 0; }
+  .postform .panel.panel {
+    border-radius: 3px; }
+
+.panel > .inner > h3:first-child, .panel > h3:first-child {
+  margin: -5px -10px 5px;
+  border-radius: 2px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  background: #1fa67a;
+  border: 0 solid #1fa67a;
+  padding: 5px;
+  text-transform: none;
+  font-size: 15px;
+  line-height: 1.4;
+  font-weight: normal;
+  color: #fff;
+  padding-left: 10px;
+  padding-right: 10px; }
+  @media (max-width: 700px) {
+    .panel > .inner > h3:first-child, .panel > h3:first-child {
+      border-radius: 0; } }
+  .panel > .inner > h3:first-child a,
+  .panel > h3:first-child a {
+    color: #fff; }
+    .panel > .inner > h3:first-child a:hover,
+    .panel > h3:first-child a:hover {
+      color: #fff; }
+  .panel-container .panel > .inner > h3:first-child,
+  .panel-container .panel > h3:first-child {
+    font-size: 15px;
+    line-height: 1.4; }
+
+.post {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  padding: 0;
+  margin-bottom: 10px;
+  position: relative; }
+
+.post > .inner {
+  padding: 5px 10px; }
+
+.rowbg {
+  margin: 5px 5px 2px 5px; }
+
+.navbar ul.linklist {
+  padding: 2px 0; }
+
+ul.linklist {
+  display: block;
+  margin: 0; }
+
+.cp-main .panel {
+  padding: 5px 10px; }
+
+ul.linklist > li {
+  float: left;
+  font-size: 11px;
+  line-height: 2;
+  list-style-type: none;
+  margin-right: 7px;
+  padding-top: 1px;
+  width: auto; }
+  ul.linklist > li.icon-only, ul.linklist > li.rightside.icon-only {
+    text-align: center;
+    min-width: 20px; }
+
+ul.linklist > li.rightside, p.rightside, a.rightside {
+  float: right;
+  margin-right: 0;
+  margin-left: 7px;
+  text-align: right; }
+
+ul.navlinks {
+  border-top: 1px solid transparent; }
+  ul.navlinks.nav-breadcrumbs {
+    border-top-width: 0; }
+
+ul.leftside {
+  float: left;
+  margin-left: 0;
+  margin-right: 5px;
+  text-align: left; }
+
+ul.rightside {
+  float: right;
+  margin-left: 5px;
+  margin-right: -5px;
+  text-align: right; }
+
+ul.linklist li.responsive-menu {
+  position: relative;
+  margin: 0 5px; }
+
+.fa-bars:before {
+  display: none; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+  display: inline-block;
+  margin: 0 5px;
+  font-size: 17px;
+  position: relative;
+  width: 17px;
+  line-height: 21px;
+  text-decoration: none; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+  content: '\f0c9';
+  font-family: FontAwesome;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  margin-top: -6.5px;
+  width: 15px;
+  font-size: 13px;
+  line-height: 13px;
+  height: 13px;
+  text-align: center;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0; }
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before {
+  font-family: FontAwesome;
+  content: '\f078'; }
+
+.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
+  max-width: 48%; }
+
+.hasjs ul.linklist.fullwidth {
+  max-width: none; }
+
+ul.linklist .dropdown {
+  top: 22px; }
+
+ul.linklist .dropdown-up .dropdown {
+  bottom: 22px;
+  top: auto; }
+
+ul.linklist.bulletin > li:before {
+  display: inline-block;
+  content: "\2022";
+  font-size: inherit;
+  line-height: inherit;
+  padding-right: 4px; }
+
+ul.linklist.bulletin > li:first-child:before,
+ul.linklist.bulletin > li.rightside:last-child:before {
+  content: none; }
+
+ul.linklist.bulletin > li.no-bulletin:before {
+  content: none; }
+
+.responsive-menu:before {
+  display: none !important; }
+
+.header-profile {
+  display: inline-block;
+  vertical-align: top; }
+
+.header-avatar:hover {
+  text-decoration: none; }
+
+.header-avatar img {
+  margin-bottom: 2px;
+  max-height: 20px;
+  vertical-align: middle;
+  width: auto; }
+
+.header-avatar span:after {
+  content: '\f078';
+  font-family: FontAwesome;
+  display: inline-block;
+  font-size: 7px;
+  float: right;
+  padding-left: 2px;
+  font-weight: normal;
+  opacity: 0.7; }
+
+.dropdown-container {
+  position: relative; }
+
+.dropdown-container-right {
+  float: right; }
+
+.dropdown-container-left {
+  float: left; }
+
+.nojs .dropdown-container:hover .dropdown {
+  display: block !important; }
+
+.dropdown {
+  display: none;
+  position: absolute;
+  left: 0;
+  top: 1.4em;
+  z-index: 30;
+  padding: 0;
+  margin-right: -500px; }
+
+.dropdown.live-search {
+  top: auto; }
+
+.dropdown-container.topic-tools {
+  float: left; }
+
+.dropdown-up .dropdown {
+  top: auto;
+  bottom: 1.4em; }
+
+.dropdown-left .dropdown, .nojs .rightside .dropdown {
+  left: auto;
+  right: 0;
+  margin-left: -500px;
+  margin-right: 0; }
+
+.dropdown-button-control .dropdown {
+  top: 24px; }
+
+.dropdown-button-control.dropdown-up .dropdown {
+  top: auto;
+  bottom: 24px; }
+
+.dropdown .pointer, .dropdown .pointer-inner {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-top-width: 0;
+  border-bottom: 10px solid transparent;
+  border-left: 10px dashed transparent;
+  border-right: 10px dashed transparent;
+  -webkit-transform: rotate(360deg);
+  /* better anti-aliasing in webkit */
+  display: block; }
+
+.dropdown-up .pointer, .dropdown-up .pointer-inner {
+  border-bottom-width: 0;
+  border-top: 10px solid transparent; }
+
+.dropdown .pointer {
+  right: auto;
+  left: 10px;
+  top: 0;
+  z-index: 3; }
+
+.dropdown-up .pointer {
+  bottom: 0;
+  top: auto; }
+
+.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
+  left: auto;
+  right: 10px; }
+
+.dropdown .pointer-inner {
+  top: auto;
+  bottom: -11px;
+  left: -10px; }
+
+.dropdown-up .pointer-inner {
+  bottom: auto;
+  top: -11px; }
+
+.dropdown .dropdown-contents {
+  z-index: 30;
+  overflow: hidden;
+  overflow-y: auto;
+  border: 0px solid transparent;
+  border-radius: 0 0 3px 3px;
+  border-top-width: 3px;
+  padding: 5px;
+  position: relative;
+  min-width: 40px;
+  max-height: 300px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  .notifications .dropdown .dropdown-contents {
+    min-width: 300px; }
+
+.dropdown-up .dropdown-contents {
+  border-bottom-width: 3px;
+  border-top-width: 0;
+  border-radius: 3px 3px 0 0; }
+
+.dropdown-contents > li {
+  padding-right: 15px;
+  min-width: 180px; }
+
+.dropdown-nonscroll > li {
+  padding-right: 0; }
+
+.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
+  border-top: 0; }
+
+.dropdown li li:first-child {
+  margin-top: 4px; }
+
+.dropdown li li:last-child {
+  padding-bottom: 0; }
+
+.dropdown li li {
+  border-top: 1px dotted transparent;
+  padding-left: 18px; }
+
+#wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
+  white-space: normal; }
+
+.dropdown li.separator {
+  border-top: 1px solid transparent;
+  margin: 4px 0;
+  padding: 0; }
+
+.dropdown li.separator:first-child, .dropdown li.separator:last-child {
+  display: none !important; }
+
+.dropdown-trigger > i.glyphicons, .dropdown-trigger > i.fa {
+  display: inline;
+  line-height: inherit;
+  top: 0;
+  vertical-align: baseline; }
+  .dropdown-trigger > i.glyphicons:before, .dropdown-trigger > i.fa:before {
+    font-size: 1.4em;
+    line-height: 1;
+    position: relative;
+    top: 1px; }
+
+.breadcrumbs .crumb {
+  float: left;
+  font-weight: bold;
+  word-wrap: normal;
+  position: relative;
+  padding-left: 13px; }
+  .rtl .breadcrumbs .crumb {
+    padding-left: 0;
+    padding-right: 13px; }
+
+.breadcrumbs .crumb:before {
+  content: '\f054';
+  font-family: FontAwesome;
+  font-weight: normal;
+  position: absolute;
+  left: 1px;
+  width: 11px;
+  top: 50%;
+  margin-top: -5.5px;
+  font-size: 7px;
+  height: 11px;
+  line-height: 11px;
+  text-align: center; }
+  .rtl .breadcrumbs .crumb:before {
+    left: auto;
+    right: 1px;
+    content: '\f053'; }
+
+.breadcrumbs .crumb:first-child {
+  padding-left: 0;
+  padding-right: 0; }
+  .breadcrumbs .crumb:first-child:before {
+    display: none; }
+
+.breadcrumbs .crumb a {
+  display: inline-block;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  vertical-align: bottom;
+  overflow: hidden; }
+
+.breadcrumbs.wrapped .crumb a {
+  letter-spacing: -.3px; }
+
+.breadcrumbs.wrapped .crumb.wrapped-medium a {
+  letter-spacing: -.4px; }
+
+.breadcrumbs.wrapped .crumb.wrapped-tiny a {
+  letter-spacing: -.5px; }
+
+.breadcrumbs .crumb.wrapped-max a {
+  max-width: 120px; }
+
+.breadcrumbs .crumb.wrapped-wide a {
+  max-width: 100px; }
+
+.breadcrumbs .crumb.wrapped-medium a {
+  max-width: 80px; }
+
+.breadcrumbs .crumb.wrapped-small a {
+  max-width: 60px; }
+
+.breadcrumbs .crumb.wrapped-tiny a {
+  max-width: 40px; }
+
+table.table1 {
+  width: 100%; }
+
+.ucp-main table.table1 {
+  padding: 2px; }
+
+table.table1 thead th {
+  background: #1fa67a;
+  border: 0 solid #1fa67a;
+  color: #fff;
+  text-transform: none;
+  line-height: 1.4;
+  font-weight: normal;
+  font-size: 13px;
+  padding: 4px; }
+  table.table1 thead th:first-child {
+    border-top-left-radius: 2px; }
+  table.table1 thead th:last-child {
+    border-top-right-radius: 2px; }
+
+table.table1 thead th span {
+  padding-left: 7px; }
+
+table.table1 tbody tr {
+  border-top: 1px solid transparent; }
+
+table.table1 td {
+  font-size: 12px;
+  line-height: 1.4; }
+
+table.table1 tbody td {
+  padding: 5px;
+  border-top: 1px solid transparent; }
+
+table.table1 tbody th {
+  padding: 5px;
+  border-bottom: 1px solid transparent;
+  text-align: left; }
+
+table.table1 .name {
+  text-align: left; }
+
+table.table1 .center {
+  text-align: center; }
+
+table.table1 .reportby {
+  width: 15%; }
+
+table.table1 .posts {
+  text-align: center;
+  width: 7%; }
+
+table.table1 .joined {
+  text-align: left;
+  width: 15%; }
+
+table.table1 .active {
+  text-align: left;
+  width: 15%; }
+
+table.table1 .mark {
+  text-align: center;
+  width: 7%; }
+
+table.table1 .info {
+  text-align: left;
+  width: 30%;
+  max-width: 200px; }
+  @media (max-width: 550px) {
+    table.table1 .info {
+      max-width: 150px; } }
+
+table.table1 .info div {
+  width: 100%;
+  white-space: normal;
+  overflow: hidden; }
+
+table.table1 .autocol {
+  line-height: 2em;
+  white-space: nowrap; }
+
+table.table1 thead .autocol {
+  padding-left: 1em; }
+
+table.table1 th.info {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+table.table1 span.rank-img {
+  float: right;
+  width: auto; }
+
+table.info td {
+  padding: 3px; }
+
+table.info tbody th {
+  padding: 3px;
+  text-align: right;
+  vertical-align: top;
+  font-weight: normal; }
+
+.forumbg table.table1 {
+  margin: 0; }
+
+.forumbg-table > .inner {
+  margin: 0 -1px; }
+
+.color_palette_placeholder table {
+  border-collapse: separate;
+  border-spacing: 1px; }
+
+.column1 {
+  float: left;
+  clear: left;
+  width: 49%; }
+
+.column2 {
+  float: right;
+  clear: right;
+  width: 49%; }
+
+.left-box {
+  float: left;
+  width: auto;
+  text-align: left;
+  max-width: 100%; }
+
+.left-box.profile-details {
+  width: 80%; }
+
+.right-box {
+  float: right;
+  width: auto;
+  text-align: right;
+  max-width: 100%; }
+
+dl.details {
+  font-size: 11px; }
+
+dl.details dt {
+  float: left;
+  clear: left;
+  width: 30%;
+  text-align: right;
+  display: block; }
+
+dl.details dd {
+  margin-left: 0;
+  padding-left: 5px;
+  margin-bottom: 5px;
+  float: left;
+  width: 65%;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+.clearfix, fieldset dl, dl.polls {
+  overflow: hidden; }
+
+ul.topiclist dd.lastpost {
+  float: right; }
+
+fieldset.fields1 ul.recipients {
+  list-style-type: none;
+  line-height: 1.8;
+  max-height: 150px;
+  overflow-y: auto; }
+
+fieldset.fields1 dd.recipients {
+  clear: left;
+  margin-left: 1em; }
+
+fieldset.fields1 ul.recipients input.button2 {
+  font-size: 9px;
+  margin-right: 0;
+  padding: 0; }
+
+fieldset.fields1 dl.pmlist > dt {
+  width: auto !important; }
+
+fieldset.fields1 dl.pmlist dd.recipients {
+  margin-left: 0 !important; }
+
+.action-bar {
+  font-size: 11px;
+  margin: 4px 0; }
+
+.forabg + .action-bar {
+  margin-top: 10px; }
+
+.action-bar .button {
+  margin-right: 5px;
+  float: left; }
+
+.action-bar .button-search {
+  margin-right: 0; }
+
+.pagination {
+  float: right;
+  font-size: 11px;
+  text-align: right;
+  width: auto; }
+
+.action-bar.bottom .pagination {
+  margin-top: 0; }
+
+.action-bar .pagination .button {
+  margin-right: 0;
+  float: none; }
+
+.pagination > ul {
+  display: inline-block;
+  list-style: none !important;
+  margin-left: 5px; }
+
+.pagination > ul > li {
+  display: inline-block !important;
+  padding: 0;
+  font-size: 11px;
+  line-height: normal;
+  vertical-align: middle; }
+
+.pagination li a, .pagination li span {
+  border-radius: 2px;
+  padding: 2px 5px; }
+
+.pagination li.active span {
+  display: inline-block;
+  font-size: 13px;
+  font-weight: normal;
+  font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+  line-height: 1.4;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  border: 1px solid transparent; }
+
+.pagination li.ellipsis span {
+  border: none;
+  padding: 0; }
+
+.pagination li.page-jump {
+  margin-right: 5px; }
+
+.pagination li.page-jump a {
+  background: transparent none !important;
+  border-color: transparent !important;
+  padding: 0 8px; }
+
+.pagination li.page-jump a i {
+  font-size: 21px; }
+
+.pagination .arrow a {
+  padding: 2px 0; }
+
+.rtl .pagination li.previous a:after {
+  content: '\f054';
+  right: 1px;
+  left: 3px; }
+
+.rtl .pagination li.next a:after {
+  content: '\f053';
+  left: 1px;
+  right: 3px; }
+
+.row .pagination {
+  display: block;
+  margin-top: 3px;
+  margin-bottom: 3px; }
+
+.row .pagination > ul {
+  margin: 0; }
+
+.row .pagination li a, .row .pagination li span {
+  border-radius: 2px;
+  padding: 1px 3px;
+  font-size: 9px; }
+
+.phpbb_alert {
+  border: 1px solid transparent;
+  display: none;
+  left: 0;
+  padding: 0 25px 20px 25px;
+  position: fixed;
+  right: 0;
+  top: 150px;
+  z-index: 50;
+  width: 620px;
+  margin: 0 auto; }
+
+@media (max-height: 500px) {
+  .phpbb_alert {
+    top: 25px; } }
+.phpbb_alert .alert_close {
+  display: block;
+  float: right;
+  width: 24px;
+  height: 24px;
+  overflow: hidden;
+  text-decoration: none !important;
+  background: transparent none 0 0 no-repeat;
+  margin-top: -12px;
+  margin-right: -36px;
+  position: relative; }
+
+.phpbb_alert .alert_close:before,
+.phpbb_alert .alert_close:after {
+  content: '\f057';
+  font-family: FontAwesome;
+  position: absolute;
+  font-size: 18px;
+  line-height: 24px;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0;
+  text-align: center;
+  left: 0;
+  top: 0;
+  margin: 0;
+  padding: 0;
+  width: 24px;
+  height: 24px; }
+
+.phpbb_alert .alert_close:before {
+  content: '\f111';
+  font-size: 20px; }
+
+.phpbb_alert p {
+  margin: 8px 0;
+  padding-bottom: 8px; }
+
+.phpbb_alert label {
+  display: block;
+  margin: 8px 0;
+  padding-bottom: 8px; }
+
+.phpbb_alert div.alert_text > p,
+.phpbb_alert div.alert_text > label,
+.phpbb_alert div.alert_text > select,
+.phpbb_alert div.alert_text > textarea,
+.phpbb_alert div.alert_text > input {
+  font-size: 11px; }
+
+.darkenwrapper {
+  display: none;
+  position: relative;
+  z-index: 44; }
+
+.darken {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.5;
+  z-index: 45; }
+
+.loading_indicator {
+  background: center center no-repeat;
+  border-radius: 5px;
+  display: none;
+  opacity: 0.8;
+  margin-top: -50px;
+  margin-left: -50px;
+  height: 50px;
+  width: 50px;
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  z-index: 51; }
+
+.forum-permissions {
+  float: right;
+  width: auto;
+  padding-left: 5px;
+  margin-left: 5px;
+  margin-top: 10px;
+  text-align: right; }
+
+.copyright {
+  font-size: 10px;
+  text-align: center;
+  padding: 10px; }
+
+.footer-row {
+  font-size: 10px;
+  line-height: 1.8;
+  margin: 0; }
+
+.small {
+  font-size: 0.9em !important; }
+
+.titlespace {
+  margin-bottom: 15px; }
+
+.headerspace {
+  margin-top: 20px; }
+
+.error {
+  font-weight: bold;
+  font-size: 11px; }
+
+div.rules {
+  margin: 10px 0;
+  font-size: 11px;
+  padding: 5px 10px;
+  border-radius: 3px; }
+
+div.rules ul, div.rules ol {
+  margin-left: 20px; }
+
+p.post-notice {
+  position: relative;
+  padding: 5px;
+  padding-left: 26px;
+  min-height: 14px;
+  margin-bottom: 1em;
+  font-size: 12px; }
+
+p.post-notice:before {
+  content: '';
+  display: block;
+  position: absolute;
+  top: 50%;
+  margin-top: -10px;
+  font-size: 16px;
+  height: 18px;
+  line-height: 18px;
+  text-align: center;
+  vertical-align: baseline;
+  left: 0;
+  width: 28px;
+  background: transparent none 50% 50% no-repeat;
+  pointer-events: none;
+  font-weight: normal;
+  font-style: normal;
+  text-transform: none; }
+
+form > p.post-notice strong {
+  line-height: 20px; }
+
+.jumpbox {
+  margin: 5px 0; }
+
+.jumpbox .dropdown li {
+  border-top: 1px solid transparent; }
+
+.jumpbox .dropdown-select {
+  margin: 0; }
+
+.jumpbox .dropdown-contents {
+  padding: 0;
+  text-decoration: none; }
+
+.jumpbox .dropdown-contents li {
+  padding: 0; }
+
+.jumpbox .dropdown-contents a {
+  margin-right: 20px;
+  padding: 5px 10px;
+  text-decoration: none;
+  width: 100%; }
+
+.jumpbox .spacer {
+  display: inline-block;
+  width: 0px; }
+
+.jumpbox .spacer + .spacer {
+  width: 20px; }
+
+.dropdown-contents a {
+  display: block;
+  padding: 5px; }
+
+.jumpbox .dropdown-select {
+  margin: 0; }
+
+.jumpbox .dropdown-contents a {
+  text-decoration: none; }
+
+.dropdown li {
+  display: list-item;
+  border-top: 1px dotted transparent;
+  float: none !important;
+  line-height: normal !important;
+  font-size: 1em !important;
+  list-style: none;
+  margin: 0;
+  white-space: nowrap;
+  text-align: left; }
+
+.stat-block {
+  clear: both; }
+
+.top {
+  position: absolute;
+  top: -20px; }
+
+.clear {
+  display: block;
+  clear: both;
+  font-size: 1px;
+  line-height: 1px;
+  background: transparent; }
+
+.inner:after,
+ul.linklist:after,
+.action-bar:after,
+.notification_text:after,
+.tabs-container:after,
+.tabs > ul:after,
+.minitabs > ul:after,
+.postprofile .avatar-container:after {
+  clear: both;
+  content: '';
+  display: block; }
+
+.emoji {
+  min-height: 18px;
+  min-width: 18px;
+  height: 1em;
+  width: 1em; }
+
+.hidden {
+  display: none; }
+
+.smilies {
+  vertical-align: text-bottom; }
+
+.icon-notification {
+  position: relative; }
+
+.member-search {
+  float: left;
+  margin: 0;
+  padding: 6px 10px; }
+
+.member-search strong {
+  font-size: 11px; }
+
+.dropdown-extended {
+  display: none;
+  z-index: 3; }
+
+.dropdown-extended ul {
+  max-height: 350px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  clear: both; }
+
+.dropdown-extended ul li {
+  padding: 0;
+  margin: 0 !important;
+  float: none;
+  border-top: 1px solid;
+  list-style-type: none;
+  font-size: 11px;
+  clear: both;
+  position: relative; }
+
+.dropdown-extended ul li:first-child {
+  border-top: none; }
+
+.dropdown-extended ul li.no_notifications {
+  padding: 10px; }
+
+.dropdown-extended .dropdown-contents {
+  max-height: none;
+  padding: 0;
+  position: absolute;
+  width: 340px; }
+
+.nojs .dropdown-extended .dropdown-contents {
+  position: relative; }
+
+.dropdown-extended .header {
+  padding: 0 10px;
+  font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  font-weight: bold;
+  text-align: left;
+  line-height: 30px; }
+  .dropdown-down .dropdown-extended .header {
+    margin-top: -3px; }
+
+.dropdown-extended .header .header_settings {
+  float: right;
+  font-weight: normal;
+  text-transform: none; }
+
+.dropdown-extended .header .header_settings a {
+  display: inline-block;
+  padding: 0 5px; }
+
+.dropdown-extended .header:after {
+  content: '';
+  display: table;
+  clear: both; }
+
+.dropdown-extended .footer {
+  text-align: center;
+  font-size: 11px; }
+
+.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
+  padding: 8px; }
+
+.dropdown-extended .footer > a {
+  padding: 5px 0; }
+
+.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
+  display: block;
+  text-decoration: none; }
+
+.notification_list ul li img {
+  float: left;
+  max-height: 50px;
+  max-width: 50px;
+  width: auto !important;
+  height: auto !important;
+  margin-right: 5px; }
+
+.notification_list ul li p {
+  margin-bottom: 4px;
+  font-size: 11px; }
+
+.notification_list p.notification-reference,
+.notification_list p.notification-location,
+.notification_list li a p.notification-reason {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+.notification_list p.notification-time {
+  font-size: 10px;
+  margin: 0;
+  text-align: right; }
+
+.notification_list div.notifications {
+  margin-left: 50px;
+  padding: 5px; }
+
+.notification_list div.notifications a {
+  display: block; }
+
+.notification_list p.notifications_title {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 15px !important; }
+
+.notification_list p.notifications_title strong {
+  font-weight: 600; }
+
+.notification_list p.notifications_time {
+  font-size: 11px !important; }
+
+.notification_text {
+  margin-left: 58px;
+  white-space: normal; }
+
+.badge {
+  border-radius: 10px;
+  opacity: 0.8;
+  text-align: center;
+  white-space: nowrap;
+  font-size: 10px;
+  line-height: 1;
+  float: right;
+  display: inline-block;
+  margin-left: 3px;
+  vertical-align: baseline;
+  position: relative;
+  top: 3px;
+  padding: 4px 6px; }
+
+.badge.hidden {
+  display: none; }
+
+.linklist .quick-links {
+  margin: 0 7px 0 0; }
+
+.linklist.compact .rightside > a > span span {
+  display: none; }
+
+.dropdown-page-jump .dropdown {
+  top: 20px; }
+
+.dropdown-page-jump.dropdown-up .dropdown {
+  bottom: 20px; }
+
+.dropdown-page-jump input.tiny {
+  width: 50px; }
+
+.dropdown .clone.hidden {
+  display: none; }
+
+.dropdown .clone.hidden + li.separator {
+  display: none; }
+
+.dropdown .clone.hidden + li {
+  border-top: none; }
+
+a {
+  direction: ltr;
+  unicode-bidi: embed;
+  text-decoration: none;
+  /* we use links inline more often then not so to address several bugs with
+  IE and some other browsers we render all links as inlineblock by default */
+  display: inline-block; }
+
+.username-coloured {
+  font-weight: bold;
+  display: inline !important;
+  padding: 0 !important; }
+
+span.username-coloured {
+  margin-left: 10px; }
+
+.forumbg .header a, .forabg .header a, th a {
+  text-decoration: none; }
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+  text-decoration: underline; }
+
+.dropdown-extended a.mark_read {
+  display: block;
+  opacity: .2;
+  position: absolute;
+  z-index: 2;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 30px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  transition: opacity .2s; }
+
+.dropdown-extended li:hover a.mark_read {
+  opacity: .85; }
+
+.dropdown-extended li a.mark_read:hover {
+  opacity: 1; }
+
+.dropdown-extended a.mark_read:after {
+  width: auto;
+  left: 4px;
+  right: 0;
+  font-size: 16px; }
+
+.jumpbox-cat-link,
+.jumpbox-forum-link {
+  font-weight: bold; }
+
+a.forumtitle, a.topictitle {
+  display: inline-block;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.2;
+  font-weight: 500;
+  padding-bottom: 2px;
+  text-decoration: none; }
+  a.forumtitle:hover, a.topictitle:hover {
+    text-decoration: underline; }
+
+a.topictitle {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 15px; }
+
+a.lastsubject {
+  font-weight: bold;
+  text-decoration: none; }
+
+a.lastsubject:hover {
+  text-decoration: underline; }
+
+.postprofile a, .postprofile dt.author a {
+  font-weight: bold;
+  text-decoration: none; }
+
+.postprofile a:hover, .postprofile dt.author a:hover {
+  text-decoration: underline; }
+
+.search .postprofile a {
+  text-decoration: none;
+  font-weight: normal; }
+
+.search .postprofile a:hover {
+  text-decoration: underline; }
+
+.top {
+  font-size: 12px;
+  text-decoration: none;
+  margin-top: 10px; }
+
+.back2top {
+  clear: both; }
+  .post > .back2top {
+    position: relative;
+    right: 5px;
+    bottom: 5px; }
+    .rtl .post > .back2top {
+      right: auto;
+      left: 5px; }
+
+.back2top .top {
+  float: right;
+  margin-top: 0; }
+
+a.top, a.top2 {
+  position: relative; }
+
+a.arrow-up, a.arrow-down {
+  position: relative; }
+  a.arrow-up:after, a.arrow-down:after {
+    position: absolute;
+    top: 50%;
+    margin-top: -5px;
+    text-align: center;
+    font-family: FontAwesome;
+    font-size: 8px;
+    line-height: 10px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+
+a.arrow-up:after {
+  content: '\f077';
+  left: 0; }
+.rtl a.arrow-up:after {
+  left: auto;
+  right: 0; }
+
+a.arrow-down:after {
+  content: '\f078';
+  right: 0;
+  padding-top: 1px; }
+.rtl a.arrow-down:after {
+  right: auto;
+  left: 0; }
+
+a.arrow-up {
+  padding-left: 10px;
+  text-decoration: none;
+  border-bottom-width: 0; }
+
+a.arrow-down {
+  padding-right: 10px; }
+
+a.arrow-down:hover {
+  text-decoration: none; }
+
+a.arrow-left:hover {
+  text-decoration: none; }
+
+a.arrow-right:hover {
+  text-decoration: none; }
+
+.skiplink {
+  position: absolute;
+  left: -999px;
+  width: 990px; }
+
+a.feed-icon-forum {
+  float: right;
+  margin: 3px;
+  width: 16px;
+  height: 16px;
+  position: relative; }
+
+.topiclist.forums a.feed-icon-forum {
+  margin-top: 12px; }
+
+a.feed-icon-forum:after {
+  content: '\f09e';
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: 16px;
+  height: 16px;
+  font-family: FontAwesome;
+  font-size: 14px;
+  font-weight: normal;
+  font-style: normal;
+  line-height: 16px;
+  text-align: center; }
+
+a.top-anchor {
+  display: block; }
+
+ul.topiclist {
+  display: block;
+  list-style-type: none;
+  margin: 0; }
+
+ul.topiclist li {
+  display: block;
+  list-style-type: none;
+  margin: 0; }
+  .forabg ul.topiclist li.header, .forumbg ul.topiclist li.header {
+    margin: -5px -10px 5px;
+    border-radius: 2px;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    background: #1fa67a;
+    border: 0 solid #1fa67a;
+    padding: 5px;
+    text-transform: none;
+    font-size: 15px;
+    line-height: 1.4;
+    font-weight: normal;
+    color: #fff;
+    border-radius: 3px;
+    margin: 0;
+    position: relative; }
+    @media (max-width: 700px) {
+      .forabg ul.topiclist li.header, .forumbg ul.topiclist li.header {
+        border-radius: 0; } }
+    .forabg ul.topiclist li.header a, .forumbg ul.topiclist li.header a {
+      color: #fff; }
+      .forabg ul.topiclist li.header a:hover, .forumbg ul.topiclist li.header a:hover {
+        color: #fff; }
+    .forabg ul.topiclist li.header .forum-toggle, .forumbg ul.topiclist li.header .forum-toggle {
+      position: absolute;
+      right: 5px;
+      top: 50%;
+      margin-top: -8px;
+      height: 16px;
+      width: 16px;
+      text-decoration: none !important;
+      outline-style: none !important;
+      color: inherit;
+      transition: opacity 0.3s ease;
+      opacity: .5; }
+      .forabg ul.topiclist li.header .forum-toggle:after, .forumbg ul.topiclist li.header .forum-toggle:after {
+        content: '\f056';
+        font-family: FontAwesome;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 16px;
+        height: 16px;
+        font-size: 12px;
+        line-height: 16px; }
+      .forabg ul.topiclist li.header .forum-toggle.toggled:after, .forumbg ul.topiclist li.header .forum-toggle.toggled:after {
+        content: '\f055'; }
+      .forabg ul.topiclist li.header .forum-toggle:hover, .forumbg ul.topiclist li.header .forum-toggle:hover {
+        opacity: 1; }
+      .rtl .forabg ul.topiclist li.header .forum-toggle, .rtl .forumbg ul.topiclist li.header .forum-toggle {
+        right: auto;
+        left: 4px; }
+
+ul.topiclist dl {
+  position: relative; }
+
+ul.topiclist li.row dl {
+  margin: 2px 0; }
+
+ul.topiclist dt, ul.topiclist dd {
+  display: block;
+  float: left; }
+
+ul.topiclist dt {
+  width: 100%;
+  margin-right: -440px;
+  font-size: 11px; }
+
+ul.topiclist.missing-column dt {
+  margin-right: -345px; }
+
+dl.elegant-row dt,
+ul.topiclist.two-long-columns dt {
+  margin-right: -250px; }
+
+ul.topiclist.two-columns dt {
+  margin-right: -80px; }
+
+ul.topiclist dt .list-inner {
+  margin-right: 440px;
+  padding-left: 5px;
+  padding-right: 5px;
+  position: relative; }
+
+ul.topiclist.missing-column dt .list-inner {
+  margin-right: 345px; }
+
+dl.elegant-row dt .list-inner,
+ul.topiclist.two-long-columns dt .list-inner {
+  margin-right: 250px; }
+
+ul.topiclist.two-columns dt .list-inner {
+  margin-right: 80px; }
+
+ul.topiclist dd {
+  border-left: 1px solid transparent;
+  padding: 4px 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+ul.topiclist dfn {
+  display: none;
+  position: absolute;
+  left: -999px;
+  width: 990px; }
+
+.forum-image {
+  float: left;
+  padding-top: 5px;
+  margin-right: 5px; }
+
+li.row {
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent; }
+  li.row:first-child {
+    border-top-width: 0;
+    padding-top: 0; }
+  li.row:last-child {
+    border-bottom-width: 0;
+    padding-bottom: 0; }
+  .forabg ul.topiclist li.row, .forumbg ul.topiclist li.row {
+    background: #f4f4f4;
+    border: 0 solid #e0e0e0;
+    border-radius: 3px;
+    padding: 5px 10px;
+    padding: 5px;
+    margin: 5px 0;
+    padding: 0; }
+    .forabg ul.topiclist li.row.reported, .forumbg ul.topiclist li.row.reported {
+      background-color: #f5ede9; }
+  li.row .subforums-list ul {
+    list-style-type: none;
+    display: inline;
+    margin: 0; }
+  li.row .subforums-list li {
+    display: inline; }
+    li.row .subforums-list li > span {
+      display: inline; }
+  li.row .forum-mcplink {
+    right: 4px;
+    top: 4px; }
+    .rtl li.row .forum-mcplink {
+      right: auto;
+      left: 4px; }
+
+li.row strong {
+  font-weight: normal; }
+
+li.header dt, li.header dd {
+  border-left-width: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  font-size: 12px;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  line-height: 18px; }
+
+li.header dt {
+  width: 100%;
+  margin-right: -440px; }
+  .forabg li.header dt {
+    font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+    font-weight: 500;
+    font-size: 14px; }
+  li.header dt .list-inner {
+    margin-right: 440px;
+    text-indent: 5px;
+    padding-left: 0; }
+
+li.header dd {
+  padding-left: 1px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+li.header dl dt, li.header dl dd {
+  min-height: 0; }
+
+.forabg li.header dl.row-item dt .list-inner {
+  padding-left: 0;
+  padding-right: 50px; }
+
+.row .list-inner {
+  padding: 4px 0; }
+
+dl.row-item {
+  background-position: 10px 50%;
+  background-repeat: no-repeat;
+  background-size: 36px; }
+
+dl.row-item dt {
+  background-repeat: no-repeat;
+  background-position: 5px 95%;
+  background-size: 17px; }
+
+dl.row-item dt .list-inner {
+  padding-left: 55px;
+  position: relative;
+  padding-top: 5px;
+  padding-bottom: 5px; }
+  li.header dl.row-item dt .list-inner {
+    padding-top: 0;
+    padding-bottom: 0; }
+
+dl.row-item dt .list-inner .topic-status {
+  position: absolute;
+  right: 4px;
+  top: 3px;
+  font-size: 14px;
+  pointer-events: none; }
+  .rtl dl.row-item dt .list-inner .topic-status {
+    right: auto;
+    left: 4px; }
+
+dl.row-item dt .list-inner .topic-status + .topic-status {
+  right: 20px; }
+
+dl.row-item dt, dl.row-item dd {
+  min-height: 42px; }
+
+dl.row-item dt a {
+  display: inline; }
+
+dl.row-item.with-description dt, dl.row-item.with-description dd {
+  min-height: 50px; }
+
+dl a.row-item-link {
+  display: block;
+  width: 36px;
+  height: 36px;
+  padding: 0;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  margin-top: -15px;
+  margin-left: 9px;
+  z-index: 2; }
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
+  width: 80px;
+  text-align: center; }
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark, dd.lastpost.empty {
+  line-height: 34px;
+  font-size: 12px; }
+  .with-description dd.posts, .with-description dd.topics, .with-description dd.views, .with-description dd.extra, .with-description dd.mark, .with-description dd.lastpost.empty {
+    line-height: 42px; }
+
+dd.lastpost.empty br {
+  display: none; }
+
+dd.posts, dd.topics, dd.views {
+  width: 95px; }
+  .elegant-row dd.posts, .elegant-row dd.topics, .elegant-row dd.views {
+    display: none; }
+
+dl.row-item dt ol,
+dl.row-item dt ul {
+  list-style-position: inside;
+  margin-left: 1em; }
+
+dl.row-item dt li {
+  display: list-item;
+  list-style-type: inherit; }
+
+dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
+  width: 250px;
+  font-size: 11px; }
+
+dd.redirect {
+  line-height: 2.5em; }
+
+dd.time {
+  line-height: 200%; }
+
+dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
+  display: block;
+  padding-left: 5px; }
+
+dd.extra, dd.mark {
+  line-height: 200%; }
+
+dd.option {
+  width: 125px;
+  line-height: 200%;
+  text-align: center;
+  font-size: 11px; }
+
+.forum-description {
+  font-size: 13px;
+  padding-top: 2px; }
+
+.forum-statistics {
+  font-size: 11px;
+  padding-top: 2px; }
+
+.forum-lastpost {
+  display: none; }
+  @media (max-width: 550px) {
+    .forum-lastpost {
+      display: block !important;
+      padding-top: 2px;
+      line-height: 1.2;
+      overflow: hidden; } }
+  .forum-lastpost strong, .forum-lastpost span {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap; }
+  .forum-lastpost strong, .forum-lastpost span, .forum-lastpost a.lastsubject {
+    font-weight: normal; }
+  .forum-lastpost strong {
+    display: block;
+    float: left;
+    max-width: 200px;
+    padding-right: 5px; }
+    .rtl .forum-lastpost strong {
+      float: right;
+      padding-right: 0;
+      padding-left: 5px; }
+    @media (max-width: 400px) {
+      .forum-lastpost strong {
+        max-width: 130px; } }
+  .forum-lastpost span {
+    display: inline-block;
+    max-width: 100%; }
+    .forum-lastpost span:after {
+      content: '|';
+      display: inline-block;
+      text-align: center;
+      width: 12px; }
+    .forum-lastpost span:last-of-type:after {
+      display: none; }
+
+.subforums-list {
+  padding-top: 2px; }
+
+.forum-description.toggle {
+  display: none;
+  position: absolute;
+  font-size: 11px;
+  border-radius: 4px;
+  padding: 4px 9px;
+  max-width: 500px;
+  cursor: pointer; }
+  a.forumtitle + .forum-description.toggle, a.topictitle + .forum-description.toggle {
+    left: 55px;
+    top: 25px;
+    z-index: 30; }
+    .rtl a.forumtitle + .forum-description.toggle, .rtl a.topictitle + .forum-description.toggle {
+      left: auto;
+      right: 55px; }
+  .forum-description.toggle a {
+    background: none !important;
+    text-decoration: underline !important;
+    border-width: 0 !important; }
+  .forum-description.toggle span.arrow {
+    position: absolute;
+    line-height: 0;
+    width: 0;
+    height: 0;
+    border: 6px solid transparent;
+    border-left: 1px none transparent;
+    top: 6px;
+    left: -6px;
+    bottom: auto; }
+  .rtl .forum-description.toggle span.arrow {
+    border-left: 6px solid transparent;
+    border-right: 1px none transparent;
+    left: auto;
+    right: -6px; }
+  .forum-description.toggle.no-arrow span.arrow {
+    display: none; }
+
+.postbody {
+  padding: 0;
+  font-size: 11px;
+  line-height: 1.4; }
+  .postprofile + .postbody {
+    float: right;
+    margin-left: -160px;
+    width: 100%;
+    position: relative; }
+    .rtl .postprofile + .postbody {
+      margin-left: 0;
+      margin-right: -160px;
+      float: left; }
+    .search .postprofile + .postbody {
+      margin-left: -260px; }
+      .rtl .search .postprofile + .postbody {
+        margin-left: 0;
+        margin-right: -260px; }
+
+.postprofile + .postbody > div {
+  margin-left: 160px; }
+  .postprofile + .postbody > div:only-child:after {
+    content: ' ';
+    display: table;
+    clear: both; }
+  .rtl .postprofile + .postbody > div {
+    margin-left: 0;
+    margin-right: 160px; }
+  .search .postprofile + .postbody > div {
+    margin-left: 260px; }
+    .rtl .search .postprofile + .postbody > div {
+      margin-left: 0;
+      margin-right: 260px; }
+
+.postbody .ignore {
+  font-size: 13px;
+  line-height: 1.4; }
+
+.postbody h3 {
+  float: left;
+  font-size: 16px;
+  padding: 2px 0 0 0;
+  margin-top: 0 !important;
+  margin-bottom: 0.3em !important;
+  text-transform: none;
+  border: none;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  line-height: 1.25; }
+  .rtl .postbody h3 {
+    float: right; }
+
+.postbody h3 img {
+  vertical-align: bottom; }
+
+.has-profile .postbody h3 {
+  float: none !important;
+  margin-right: 180px; }
+  .rtl .has-profile .postbody h3 {
+    margin-right: 0;
+    margin-left: 180px; }
+
+.postbody .content {
+  font-size: 13px;
+  line-height: 1.4;
+  overflow-x: auto; }
+
+.postbody img.postimage {
+  max-width: 100%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.panel .review {
+  margin-top: 2em; }
+
+.topicreview {
+  padding-right: 5px;
+  overflow: auto;
+  height: 300px; }
+
+.topicreview .postbody {
+  width: auto;
+  float: none;
+  margin: 0;
+  height: auto; }
+
+.topicreview .post {
+  height: auto; }
+
+.topicreview h2 {
+  border-bottom-width: 0; }
+
+.post-ignore .postbody {
+  display: none; }
+
+.post_details {
+  overflow: auto;
+  max-height: 300px; }
+
+.content {
+  clear: both;
+  min-height: 3em;
+  overflow: hidden;
+  line-height: 1.4;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  padding-bottom: 1px; }
+
+.content h2, .panel h2 {
+  font-weight: normal;
+  border-bottom: 1px solid transparent;
+  font-size: 15px;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+  padding-bottom: 0.5em; }
+  .content h2.faq-title, .panel h2.faq-title {
+    margin-top: 5px; }
+
+.panel h3 {
+  margin: 0.5em 0; }
+
+.panel p {
+  font-size: 13px;
+  margin-bottom: 1em;
+  line-height: 1.4; }
+
+.content p {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  margin-bottom: 1em;
+  line-height: 1.4; }
+
+dl.faq, .content dl.faq {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  margin-top: 1em;
+  margin-bottom: 2em;
+  line-height: 1.4; }
+
+dl.faq dt, .content dl.faq dt {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.25;
+  font-weight: normal;
+  margin-bottom: 5px; }
+
+.content dl.faq {
+  margin-bottom: 0.5em; }
+
+.content li {
+  list-style-type: inherit; }
+
+.content ul, .content ol {
+  margin: 0.8em 0 0.9em 3em; }
+
+.posthilit {
+  padding: 0 2px 1px 2px; }
+
+p.author {
+  margin-bottom: 0.3em;
+  padding: 0 0 5px 0;
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px;
+  line-height: 1.4;
+  clear: both; }
+
+.signature {
+  margin-top: 1.5em;
+  padding-top: 0.2em;
+  font-size: 12px;
+  border-top: 1px solid transparent;
+  clear: left;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  line-height: 1.4;
+  overflow: hidden;
+  width: 100%; }
+
+.signature.standalone {
+  border-top-width: 0;
+  margin-top: 0; }
+
+dd .signature {
+  margin: 0;
+  padding: 0;
+  clear: none;
+  border: none; }
+
+.signature li {
+  list-style-type: inherit; }
+
+.signature ul, .signature ol {
+  margin: 0.8em 0 0.9em 3em; }
+
+.notice {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: auto;
+  margin-top: 1.5em;
+  padding-top: 0.2em;
+  font-size: 13px;
+  border-top: 1px dashed transparent;
+  clear: left;
+  line-height: 1.4; }
+
+ul.searchresults {
+  list-style: none;
+  text-align: right;
+  clear: both; }
+  .rtl ul.searchresults {
+    text-align: left; }
+
+blockquote {
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  font-size: 12px;
+  margin: 8px 12px;
+  overflow: hidden;
+  padding: 5px;
+  position: relative; }
+  .rtl blockquote {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+/*blockquote:before {
+	position: absolute;
+	font-family: 'Trebuchet MS';
+	top: 5px;
+	left: 4px;
+	height: 16px;
+	font-size: 30px;
+	line-height: 30px;
+	pointer-events: none;
+}*/
+blockquote blockquote {
+  margin: 5px; }
+
+blockquote cite {
+  font-style: normal;
+  font-weight: bold;
+  display: block;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6; }
+
+blockquote cite:before, .uncited:before {
+  padding-right: 5px; }
+
+blockquote cite > div {
+  float: right;
+  font-weight: normal; }
+
+.postbody .content li blockquote {
+  overflow: inherit;
+  margin-left: 0; }
+
+.codebox {
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  margin: 8px 12px;
+  font-size: 12px;
+  word-wrap: normal; }
+  .rtl .codebox {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+.codebox p {
+  text-transform: uppercase;
+  border-bottom: 1px solid transparent;
+  margin-bottom: 3px;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px !important;
+  line-height: 1.6;
+  font-weight: bold;
+  display: block; }
+
+blockquote .codebox {
+  margin-left: 0; }
+
+.codebox code {
+  overflow: auto;
+  display: block;
+  height: auto;
+  max-height: 200px;
+  padding: 5px 3px;
+  font-family: Monaco, "Andale Mono","Courier New", Courier, mono;
+  font-size: 12px;
+  line-height: 1.3; }
+
+.attachbox {
+  float: left;
+  width: auto;
+  max-width: 100%;
+  margin: 5px 5px 5px 0;
+  padding: 6px;
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  clear: left;
+  box-sizing: border-box; }
+  .rtl .attachbox {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+.attachbox dt {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6;
+  font-weight: 500; }
+
+.attachbox dd {
+  margin-top: 4px;
+  padding-top: 4px;
+  clear: left;
+  border-top: 1px solid transparent;
+  overflow-x: auto; }
+
+.attachbox dd dd {
+  border: none; }
+
+.attachbox p, .attachbox p.stats {
+  line-height: 1.4;
+  font-weight: normal;
+  clear: left; }
+
+.attach-image {
+  margin: 3px 0;
+  max-width: 100%; }
+
+.attach-image img {
+  cursor: default; }
+
+div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
+  display: block;
+  margin-bottom: 4px; }
+
+div.inline-attachment p {
+  font-size: 12px; }
+
+dl.file {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  display: block; }
+
+dl.file dt {
+  text-transform: none;
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6; }
+
+dl.file dd {
+  margin: 0;
+  padding: 0; }
+
+dl.thumbnail img {
+  padding: 3px;
+  border: 1px solid transparent;
+  box-sizing: border-box; }
+
+dl.thumbnail dd {
+  font-style: italic;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+.attachbox dl.thumbnail dd {
+  font-size: 100%; }
+
+dl.thumbnail dt a:hover img {
+  border: 1px solid transparent; }
+
+fieldset.polls {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px; }
+
+fieldset.polls dl {
+  margin: 0;
+  border: 1px solid transparent;
+  border-width: 1px 0;
+  padding: 5px 0;
+  line-height: 1.4; }
+  fieldset.polls dl:first-child {
+    border-top-width: 0; }
+  fieldset.polls dl:last-child {
+    border-bottom-width: 0; }
+
+fieldset.polls dl.voted {
+  font-weight: bold; }
+
+fieldset.polls dt {
+  text-align: left;
+  float: left;
+  display: block;
+  width: 30%;
+  border-right: none;
+  padding: 0;
+  margin: 0;
+  font-size: 13px; }
+
+fieldset.polls dd {
+  float: left;
+  width: 10%;
+  border-left: none;
+  padding: 0 5px;
+  margin-left: 0;
+  font-size: 13px; }
+
+fieldset.polls dd.resultbar {
+  width: 50%; }
+
+fieldset.polls dd input {
+  margin: 2px 0; }
+
+fieldset.polls dd div {
+  text-align: right;
+  font-family: Arial, Helvetica, sans-serif;
+  font-weight: bold;
+  font-size: .9em;
+  padding: 0 3px;
+  overflow: visible;
+  min-width: 8px;
+  border-radius: 2px; }
+
+.vote-submitted {
+  font-size: 15px;
+  font-weight: bold;
+  text-align: center; }
+
+.postprofile {
+  margin: 0;
+  padding: 5px 0;
+  min-height: 80px;
+  border: 0px solid transparent;
+  border-right-width: 1px;
+  width: 150px;
+  float: left;
+  position: relative;
+  box-sizing: border-box;
+  z-index: 2; }
+  .rtl .postprofile {
+    float: right;
+    border-width: 0;
+    border-left-width: 1px; }
+  .search .postprofile {
+    width: 250px; }
+
+.postprofile dd, .postprofile dt {
+  font-size: 11px;
+  line-height: 1.4;
+  margin-right: 8px; }
+  .rtl .postprofile dd, .rtl .postprofile dt {
+    margin-left: 8px;
+    margin-right: 0; }
+
+.postprofile dd {
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+.postprofile strong {
+  font-weight: normal; }
+
+.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
+  margin-bottom: 10px; }
+
+.postprofile .has-avatar .avatar-container {
+  margin-bottom: 3px;
+  overflow: hidden; }
+
+.postprofile .avatar {
+  display: block;
+  float: left;
+  max-width: 100%; }
+  .rtl .postprofile .avatar {
+    float: right; }
+
+.postprofile .avatar img {
+  display: block;
+  height: auto !important;
+  max-width: 100%; }
+
+.postprofile .profile-posts a {
+  font-weight: normal; }
+
+dd.profile-warnings {
+  font-weight: bold; }
+
+dd.profile-contact {
+  overflow: visible; }
+
+.profile-contact .dropdown-container {
+  display: inline-block; }
+
+.profile-contact .icon_contact {
+  vertical-align: middle; }
+
+.profile-contact .dropdown {
+  margin-right: -14px; }
+
+.online-ribbon {
+  display: block;
+  width: 70px;
+  height: 70px;
+  position: absolute;
+  overflow: hidden;
+  top: 0;
+  left: 0;
+  pointer-events: none; }
+  .rtl .online-ribbon {
+    left: auto;
+    right: 0; }
+  .online-ribbon span {
+    display: block;
+    font-weight: 500;
+    font-style: normal;
+    width: 100px;
+    font-size: 11px;
+    line-height: 18px;
+    height: 18px;
+    text-align: center;
+    position: absolute;
+    top: 17px;
+    white-space: nowrap;
+    left: -25px;
+    -webkit-transform: rotate(-45deg);
+    -ms-transform: rotate(-45deg);
+    transform: rotate(-45deg); }
+    .online-ribbon span + span {
+      opacity: .75;
+      z-index: 29; }
+    .rtl .online-ribbon span {
+      left: auto;
+      right: -25px;
+      -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+      transform: rotate(45deg); }
+
+.panel.online > .inner {
+  position: relative;
+  z-index: 2; }
+
+.no-avatar .avatar-container {
+  display: block;
+  width: 92px;
+  height: 92px;
+  background: transparent none 50% 50% no-repeat;
+  background-size: cover; }
+
+.profile-avatar img {
+  max-width: 100%; }
+
+dl.pmlist dt {
+  width: 60% !important; }
+
+dl.pmlist dt textarea {
+  width: 95%; }
+
+dl.pmlist dd {
+  margin-left: 61% !important;
+  margin-bottom: 2px; }
+
+.action-bar div.dl_links {
+  padding: 10px 0 0 10px; }
+
+div.dl_links {
+  display: inline-block;
+  text-transform: none; }
+
+.dl_links strong {
+  font-weight: bold; }
+
+.dl_links ul {
+  list-style-type: none;
+  margin: 0;
+  display: inline-block; }
+
+.dl_links li {
+  display: inline-block; }
+
+.attachment-filename {
+  width: 100%; }
+
+.ellipsis-text {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+table.fixed-width-table {
+  table-layout: fixed; }
+
+.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  -webkit-appearance: none;
+  border-radius: 3px; }
+
+.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+  border-radius: 3px; }
+
+#memberlist tr.inactive, #team tr.inactive {
+  font-style: italic; }
+
+a.post {
+  display: inline !important;
+  background: none !important;
+  box-shadow: none !important;
+  border: none !important; }
+
+.button {
+  display: inline-block;
+  padding: 2px 8px;
+  font-size: 14px;
+  font-weight: 600;
+  font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+  line-height: 18px;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  border: 1px solid transparent;
+  border-radius: 4px; }
+  .button > strong {
+    font-weight: 600; }
+
+.button:focus,
+.button:hover {
+  text-decoration: none;
+  outline: none; }
+
+.caret {
+  border-left: 1px solid;
+  position: relative;
+  right: -6px; }
+
+.caret i {
+  vertical-align: top; }
+
+/* Posting page styles
+----------------------------------------*/
+.button-search,
+.button-search-end {
+  float: left;
+  border-radius: 0;
+  margin: 0;
+  padding: 2px 5px; }
+
+.button-search-end {
+  border-left-width: 0;
+  border-radius: 0 4px 4px 0; }
+
+.search-header .button-search,
+.search-header .button-search-end {
+  border-top-width: 0;
+  border-bottom-width: 0;
+  padding: 3px 5px; }
+
+.search-header .button-search-end {
+  border-right-width: 0; }
+
+.button-icon-only {
+  padding-left: 3px;
+  padding-right: 3px; }
+
+.contact-icons.dropdown-contents {
+  min-width: 0;
+  padding: 0;
+  font-size: 0; }
+
+.contact-icon {
+  position: relative;
+  display: block;
+  height: 16px;
+  width: 16px; }
+  .contact-icon:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    text-align: center;
+    font-family: FontAwesome;
+    font-size: 14px;
+    line-height: 16px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+
+.contact-icons a {
+  border-bottom: 1px dotted;
+  border-right: 1px dotted;
+  display: block;
+  float: left;
+  padding: 8px; }
+
+.contact-icons .last-cell {
+  border-right: none; }
+
+.contact-icons div:last-child a {
+  border-bottom: none; }
+
+.contact-icons div {
+  clear: left; }
+
+.pm-icon:after {
+  content: '\f086'; }
+
+.email-icon:after {
+  content: '\f0e0'; }
+
+.jabber-icon:after {
+  content: '\f0eb';
+  font-size: 16px; }
+
+.phpbb_icq-icon:after {
+  content: '\f013'; }
+
+.phpbb_wlm-icon:after {
+  content: '\f007'; }
+
+.phpbb_aol-icon:after {
+  content: '\f2bb'; }
+
+.phpbb_website-icon:after {
+  content: '\f08e'; }
+
+.phpbb_youtube-icon:after {
+  content: '\f16a'; }
+
+.phpbb_facebook-icon:after {
+  content: '\f230'; }
+
+.phpbb_googleplus-icon:after {
+  content: '\f0d5'; }
+
+.phpbb_skype-icon:after {
+  content: '\f17e'; }
+
+.phpbb_twitter-icon:after {
+  content: '\f099'; }
+
+.phpbb_yahoo-icon:after {
+  content: '\f19e'; }
+
+.post-buttons {
+  float: right;
+  list-style: none;
+  margin-top: 2px; }
+  .rtl .post-buttons {
+    float: left; }
+
+.has-profile .post-buttons {
+  float: none;
+  position: absolute;
+  margin: 0;
+  top: 5px;
+  right: 0; }
+  .rtl .has-profile .post-buttons {
+    left: 0; }
+  .rtl .has-profile .post-buttons {
+    right: auto; }
+
+.post-buttons > li {
+  float: left;
+  margin-right: 3px; }
+
+.post-buttons .button, .format-buttons .button {
+  padding-left: 3px;
+  padding-right: 3px; }
+
+.hastouch .post-buttons {
+  margin-right: 10px; }
+
+.post-buttons .button span {
+  font-size: 0; }
+
+.post-buttons .dropdown {
+  top: 20px; }
+
+.post-buttons .dropdown a {
+  display: block;
+  font-size: 12px;
+  line-height: 1.4;
+  text-align: left;
+  margin-left: 18px;
+  position: relative; }
+  .post-buttons .dropdown a:before {
+    position: absolute;
+    left: -16px;
+    top: 50%;
+    height: 12px;
+    line-height: 14px;
+    margin: -6px 0 0;
+    pointer-events: none;
+    color: inherit; }
+  .rtl .post-buttons .dropdown a {
+    text-align: right; }
+
+.hasjs .postbody .post-buttons {
+  max-width: 40%; }
+
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+/* Deprecated as of version 3.2
+-------------------------------------------------*/
+.small-icon {
+  background-position: 0 50%;
+  background-repeat: no-repeat;
+  background-image: none; }
+
+.dropdown .small-icon {
+  background-position: 5px 50%;
+  padding: 5px; }
+
+.small-icon > a {
+  padding: 0 0 0 18px; }
+
+ul.linklist.bulletin > li.small-icon:before {
+  display: none; }
+
+.dropdown .small-icon > a {
+  display: block; }
+
+.rtl .small-icon {
+  background-position: 100% 50%; }
+
+.rtl .small-icon > a {
+  padding-left: 0;
+  padding-right: 19px; }
+
+.cp-menu {
+  float: left;
+  width: 19%;
+  margin: 0 -2px;
+  padding-right: 7px;
+  box-sizing: border-box; }
+  .rtl .cp-menu {
+    float: right;
+    padding-left: 7px;
+    padding-right: 0; }
+
+.cp-main {
+  float: left;
+  width: 81%; }
+  .rtl .cp-main {
+    float: right; }
+
+.cp-main .content {
+  padding: 0; }
+
+.panel-container .panel {
+  margin-bottom: 10px; }
+
+.panel-container .panel p {
+  font-size: 13px;
+  line-height: 1.4; }
+
+.panel-container .panel ol {
+  margin-left: 2em;
+  font-size: 13px; }
+
+.panel-container .panel li.row {
+  border-bottom: 1px solid transparent;
+  border-top: 1px solid transparent; }
+
+ul.cplist {
+  margin-bottom: 5px;
+  border-top: 1px solid transparent; }
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+  margin-bottom: 2px; }
+
+.panel-container table.table1 {
+  margin-bottom: 1em; }
+
+.panel-container table.table1 thead th {
+  background: transparent;
+  color: inherit;
+  padding: 5px;
+  font-weight: bold;
+  font-size: inherit;
+  line-height: inherit; }
+
+.panel-container table.table1 tbody th {
+  font-style: italic;
+  background-color: transparent !important;
+  border-bottom: none; }
+
+.cp-main .pm-message {
+  border: 1px solid transparent;
+  margin: 10px 0;
+  width: auto;
+  float: none; }
+
+.pm-message h2 {
+  padding-bottom: 5px; }
+
+.cp-main .postbody h3, .cp-main .box2 h3 {
+  margin-top: 0; }
+
+.panel-container .postbody p.author {
+  font-size: 11px; }
+
+.cp-main .buttons {
+  margin-left: 0; }
+
+.cp-main ul.linklist {
+  margin: 0; }
+
+.mcp-main .postbody {
+  width: 100%; }
+
+.tabs-container h2 {
+  float: left;
+  margin-bottom: 0px; }
+
+.tabs, .minitabs {
+  line-height: normal; }
+
+.tabs > ul, .minitabs > ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  position: relative; }
+
+.tabs .tab, .minitabs .tab {
+  display: block;
+  float: left;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 26px; }
+
+.tabs .tab > a, .minitabs .tab > a {
+  display: block;
+  padding: 0 9px;
+  position: relative;
+  text-decoration: none;
+  white-space: nowrap;
+  cursor: pointer;
+  font-size: inherit;
+  line-height: inherit; }
+
+.tabs {
+  margin: 20px 0 0 7px; }
+
+.tabs .tab > a {
+  border: 1px solid transparent;
+  border-radius: 4px 4px 0 0;
+  margin: 1px 1px 0 0; }
+
+.tabs .activetab > a {
+  margin-top: 0;
+  padding-bottom: 2px; }
+
+.minitabs {
+  float: right;
+  margin: 15px 7px 0 0;
+  max-width: 50%; }
+
+.minitabs .tab {
+  float: right; }
+
+.minitabs .tab > a {
+  border-radius: 5px 5px 0 0;
+  margin-left: 2px; }
+
+.minitabs .tab > a:hover {
+  text-decoration: none; }
+
+.responsive-tab {
+  position: relative; }
+
+.responsive-tab > a.responsive-tab-link {
+  display: block;
+  font-size: 16px;
+  position: relative;
+  width: 16px;
+  line-height: 14px;
+  text-decoration: none; }
+.responsive-tab > a.responsive-tab-link:before {
+  content: '\f0c9';
+  font-family: FontAwesome;
+  position: absolute;
+  left: 10px;
+  top: 50%;
+  margin-top: -7px;
+  width: 14px;
+  font-size: 13px;
+  line-height: 15px;
+  height: 15px;
+  text-align: center;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0; }
+.dropdown-visible.responsive-tab > a.responsive-tab-link:before, .responsive-tab > a.responsive-tab-link:hover:before {
+  font-family: FontAwesome;
+  content: '\f078'; }
+
+.tabs .dropdown, .minitabs .dropdown {
+  top: 28px;
+  margin-right: -2px;
+  font-size: 12px;
+  line-height: 1.4;
+  font-weight: normal; }
+
+.minitabs .dropdown {
+  margin-right: -4px; }
+
+.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
+  bottom: 28px;
+  top: auto; }
+
+.tabs .dropdown li {
+  text-align: right; }
+
+.minitabs .dropdown li {
+  text-align: left; }
+
+.navigation {
+  width: 100%; }
+  .navigation hr {
+    display: none; }
+    .navigation hr + ul {
+      margin-top: 10px; }
+
+.navigation ul {
+  list-style: none; }
+
+.navigation li {
+  display: inline;
+  font-weight: bold;
+  margin: 1px 0;
+  padding: 0; }
+
+.navigation a {
+  display: block;
+  padding: 5px;
+  margin: 2px 0;
+  border-radius: 1px;
+  text-decoration: none;
+  font-size: 11px;
+  line-height: 1.4; }
+
+.navigation a:hover {
+  text-decoration: none; }
+
+.cp-main h2 {
+  border-bottom: none;
+  padding: 0;
+  margin-left: 10px; }
+
+.cp-mini {
+  margin: 10px 15px 10px 5px;
+  max-height: 200px;
+  overflow-y: auto;
+  padding: 5px 10px;
+  border-radius: 3px; }
+
+dl.mini dt {
+  font-weight: bold; }
+
+dl.mini dd {
+  padding-top: 4px; }
+
+.friend-online {
+  font-weight: bold; }
+
+.friend-offline {
+  font-style: italic; }
+
+ol.def-rules {
+  padding-left: 0; }
+
+ol.def-rules li {
+  line-height: 180%;
+  padding: 1px; }
+
+.pmlist li.bg1 {
+  padding: 0 3px; }
+
+.pmlist li.bg2 {
+  padding: 0 3px; }
+
+/* DEPRECATED 3.2.6
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: transparent;
+	border-right-color: transparent;
+}
+*/
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour,
+.pmlist li.pm_marked_colour, .pm_marked_colour,
+.pmlist li.pm_replied_colour, .pm_replied_colour,
+.pmlist li.pm_friend_colour, .pm_friend_colour,
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+  padding: 0;
+  border: solid 3px transparent;
+  border-width: 0 3px; }
+
+.pm-legend {
+  border-left-width: 10px;
+  border-left-style: solid;
+  border-right-width: 0;
+  margin-bottom: 3px;
+  padding-left: 3px; }
+
+.gallery label {
+  position: relative;
+  float: left;
+  margin: 10px;
+  padding: 5px;
+  width: auto;
+  border: 1px solid transparent;
+  text-align: center; }
+
+@media (max-width: 900px) {
+  .nojs .tabs a span, .nojs .minitabs a span {
+    max-width: 40px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    letter-spacing: -.5px; }
+
+  .cp-menu, .navigation, .cp-main {
+    float: none;
+    width: auto;
+    margin: 0; }
+
+  .cp-menu:after {
+    content: ' ';
+    display: table;
+    clear: both; }
+
+  .navigation {
+    padding: 0;
+    max-width: 320px; }
+    .cp-menu .navigation {
+      margin: 0 10px;
+      float: left; } }
+    @media (max-width: 900px) and (max-width: 450px) {
+      .cp-menu .navigation {
+        float: none;
+        margin: 0 auto; } }
+@media (max-width: 900px) {
+    .navigation, .cp-menu .navigation:only-child {
+      float: none;
+      margin: 0 auto; }
+    .cp-menu .navigation + .cp-mini {
+      float: left;
+      margin: 0 10px;
+      max-width: 220px; } }
+    @media (max-width: 900px) and (max-width: 450px) {
+      .cp-menu .navigation + .cp-mini {
+        float: none;
+        margin: 10px auto 0; } }
+
+@media (max-width: 900px) {
+  .navigation a {
+    background-image: none; }
+
+  .navigation li:first-child a {
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px; }
+
+  .navigation li:last-child a {
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px; } }
+fieldset {
+  border-width: 0;
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px; }
+
+input {
+  font-weight: normal;
+  vertical-align: middle;
+  padding: 0 3px;
+  font-size: 12px;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+select {
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  cursor: pointer;
+  vertical-align: middle;
+  border: 1px solid transparent;
+  border-radius: 2px;
+  padding: 1px;
+  font-size: 12px; }
+
+select:focus {
+  outline-style: none; }
+
+option {
+  padding-right: 1em; }
+
+select optgroup option {
+  padding-right: 1em;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+textarea {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: 60%;
+  padding: 2px;
+  font-size: 13px;
+  line-height: 1.4;
+  border-radius: 2px;
+  -webkit-appearance: none; }
+
+label {
+  cursor: default;
+  padding-right: 5px; }
+
+label input {
+  vertical-align: middle; }
+
+label img {
+  vertical-align: middle; }
+
+fieldset dl {
+  padding: 4px 0; }
+
+fieldset dt {
+  float: left;
+  width: 40%;
+  text-align: left;
+  display: block; }
+
+fieldset dd {
+  margin-left: 41%;
+  vertical-align: top;
+  margin-bottom: 3px; }
+
+fieldset.fields1 dt {
+  width: 15em;
+  border-right-width: 0; }
+
+fieldset.fields1 dd {
+  margin-left: 15em;
+  border-left-width: 0; }
+
+fieldset.fields1 div {
+  margin-bottom: 3px; }
+
+fieldset.fields1 .live-search div {
+  margin-bottom: 0; }
+
+fieldset.fields2 dt {
+  width: 15em;
+  border-right-width: 0; }
+
+fieldset.fields2 dd {
+  margin-left: 16em;
+  border-left-width: 0; }
+
+dt label {
+  font-weight: bold;
+  text-align: left; }
+
+dd label {
+  white-space: nowrap; }
+
+dd input, dd textarea {
+  margin-right: 3px; }
+
+dd select {
+  width: auto; }
+
+dd select[multiple] {
+  width: 100%; }
+
+dd textarea {
+  width: 85%; }
+
+.timezone {
+  width: 95%; }
+
+/* Browser-specific tweaks */
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+fieldset.quick-login {
+  margin-top: 5px; }
+
+fieldset.quick-login input {
+  width: auto; }
+
+fieldset.quick-login input.inputbox {
+  width: 15%;
+  vertical-align: middle;
+  margin-right: 5px; }
+
+fieldset.quick-login label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.display-options {
+  text-align: center;
+  margin: 3px 0 5px 0; }
+
+fieldset.display-options label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.display-options a {
+  margin-top: 3px; }
+
+.dropdown fieldset.display-options {
+  font-size: 1em;
+  margin: 0;
+  padding: 0; }
+
+.dropdown fieldset.display-options label {
+  display: block;
+  margin: 4px;
+  padding: 0;
+  text-align: right;
+  white-space: nowrap; }
+
+.dropdown fieldset.display-options select {
+  min-width: 120px; }
+
+fieldset.display-actions {
+  text-align: right;
+  line-height: 2em;
+  white-space: nowrap;
+  padding-right: 1em; }
+
+fieldset.display-actions label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.sort-options {
+  line-height: 2em; }
+
+fieldset.forum-selection {
+  margin: 5px 0 3px 0;
+  float: right; }
+
+fieldset.forum-selection2 {
+  margin: 13px 0 3px 0;
+  float: right; }
+
+fieldset.submit-buttons {
+  text-align: center;
+  vertical-align: middle;
+  margin: 5px 0; }
+
+fieldset.submit-buttons input {
+  vertical-align: middle; }
+
+.format-buttons {
+  margin: 15px 0 2px 0; }
+
+.format-buttons input, .format-buttons select {
+  vertical-align: middle; }
+
+.message-box {
+  width: 80%; }
+
+.message-box textarea {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: 450px;
+  height: 270px;
+  min-width: 100%;
+  max-width: 100%;
+  font-size: 13px;
+  line-height: 1.4;
+  resize: vertical;
+  outline: 3px dashed transparent;
+  outline-offset: -4px;
+  -webkit-transition: all .5s ease, height 1ms linear;
+  -moz-transition: all .5s ease, height 1ms linear;
+  -ms-transition: all .5s ease, height 1ms linear;
+  -o-transition: all .5s ease, height 1ms linear;
+  transition: all .5s ease, height 1ms linear; }
+
+.smiley-box {
+  width: 18%;
+  float: right; }
+
+.smiley-box img {
+  margin: 3px; }
+
+.inputbox {
+  border: 1px solid transparent;
+  padding: 2px;
+  border-radius: 2px;
+  -webkit-appearance: none; }
+
+.inputbox:hover, .inputbox:focus {
+  border: 1px solid transparent;
+  outline-style: none; }
+
+input.inputbox {
+  width: 85%; }
+
+input.medium {
+  width: 50%; }
+
+input.narrow {
+  width: 25%; }
+
+input.tiny {
+  width: 150px; }
+
+textarea.inputbox {
+  width: 85%; }
+
+.autowidth {
+  width: auto !important; }
+
+input[type="number"] {
+  -moz-padding-end: 0; }
+
+input[type="search"] {
+  -webkit-appearance: none;
+  -webkit-box-sizing: content-box; }
+
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
+  display: none; }
+
+input[type="search"]::-webkit-search-cancel-button {
+  cursor: pointer; }
+
+input.button1, input.button2 {
+  font-size: 13px; }
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+  width: auto !important;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
+  background: transparent none repeat-x top left;
+  line-height: 1.5;
+  border-radius: 3px;
+  font-size: 13px; }
+  .format-buttons a.button1, .format-buttons input.button1, .format-buttons input.button3, .format-buttons a.button2, .format-buttons input.button2 {
+    font-size: 12px; }
+
+a.button1, input.button1 {
+  font-weight: bold;
+  border: 1px solid transparent; }
+
+input.button3 {
+  padding: 0;
+  margin: 0;
+  line-height: 5px;
+  height: 12px;
+  background-image: none;
+  font-variant: small-caps; }
+
+input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li {
+  cursor: pointer; }
+
+a.button2, input.button2, input.button3 {
+  border: 1px solid transparent; }
+
+a.button1, a.button2 {
+  text-decoration: none;
+  padding: 0 3px;
+  vertical-align: text-bottom; }
+
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+  border: 1px solid transparent; }
+
+input.disabled {
+  font-weight: normal; }
+
+input.button1:focus, input.button2:focus, input.button3:focus {
+  outline-style: none; }
+
+.search-box {
+  float: left; }
+
+.search-box .inputbox {
+  background-image: none;
+  border-right-width: 0;
+  border-radius: 4px 0 0 4px;
+  float: left;
+  height: 24px;
+  padding: 3px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  .rtl .search-box .inputbox {
+    border-radius: 0 4px 4px 0; }
+
+.search-header {
+  border-radius: 4px;
+  display: block;
+  border: 1px solid transparent; }
+  .navbar.with-search .search-header {
+    margin-top: 1px; }
+  .headerbar .search-header {
+    position: absolute;
+    top: 50%;
+    right: 5px;
+    margin-top: -13px; }
+
+.search-header .inputbox {
+  border: 0; }
+
+.navbar .linklist > li.responsive-search {
+  display: none; }
+
+.full {
+  width: 95%; }
+
+.medium {
+  width: 50%; }
+
+.narrow {
+  width: 25%; }
+
+.tiny {
+  width: 10%; }
+
+.icon-search-new, .icon-search-unanswered, .icon-search-unread, .icon-search-self, .icon-search, .icon-search-active, .icon-search-advanced, .icon-acp, .icon-bookmark, .icon-bump, .icon-contact, .icon-delete-cookies, .icon-download, .icon-faq, .icon-home, .icon-logout, .icon-login, .icon-mark, .icon-mcp, .icon-members, .icon-notification, .icon-pages, .icon-pm, .icon-print, .icon-profile, .icon-register, .icon-sendemail, .icon-subscribe, .icon-team, .icon-ucp, .icon-unsubscribe, .icon-new-posts, .icon-forums, .icon-chat, .icon-time, .icon-thanks, .icon-thanks_toplist {
+  position: relative;
+  background-image: none; }
+  .icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 0;
+    height: 14px;
+    margin-top: -7px;
+    text-align: center;
+    font-size: 12px;
+    line-height: 14px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+  .small-icon.icon-search-new:after, .small-icon.icon-search-unanswered:after, .small-icon.icon-search-unread:after, .small-icon.icon-search-self:after, .small-icon.icon-search:after, .small-icon.icon-search-active:after, .small-icon.icon-search-advanced:after, .small-icon.icon-acp:after, .small-icon.icon-bookmark:after, .small-icon.icon-bump:after, .small-icon.icon-contact:after, .small-icon.icon-delete-cookies:after, .small-icon.icon-download:after, .small-icon.icon-faq:after, .small-icon.icon-home:after, .small-icon.icon-logout:after, .small-icon.icon-login:after, .small-icon.icon-mark:after, .small-icon.icon-mcp:after, .small-icon.icon-members:after, .small-icon.icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .small-icon.icon-notification:after, .small-icon.icon-pages:after, .small-icon.icon-pm:after, .small-icon.icon-print:after, .small-icon.icon-profile:after, .small-icon.icon-register:after, .small-icon.icon-sendemail:after, .small-icon.icon-subscribe:after, .small-icon.icon-team:after, .small-icon.icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .small-icon.icon-ucp:after, .small-icon.icon-unsubscribe:after, .small-icon.icon-new-posts:after, .small-icon.icon-forums:after, .small-icon.icon-chat:after, .small-icon.icon-time:after, .small-icon.icon-thanks:after, .small-icon.icon-thanks_toplist:after {
+    width: 18px;
+    text-align: center; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+  font-family: FontAwesome; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after {
+  content: '\f002'; }
+
+.icon-acp:after {
+  content: '\f085'; }
+
+.icon-bookmark:after {
+  content: '\f02e';
+  margin-left: -1px;
+  margin-right: -1px; }
+
+.icon-bump:after {
+  content: '\f079'; }
+
+.icon-contact:after {
+  content: '\f0e0'; }
+
+.icon-delete-cookies:after {
+  content: '\f014'; }
+
+.icon-download:after {
+  content: '\f019'; }
+
+.icon-faq:after {
+  content: '\f059'; }
+
+.icon-home:after {
+  content: '\f015'; }
+.icon-home.breadcrumbs:after {
+  text-align: left; }
+
+.icon-logout:after {
+  content: '\f08b'; }
+
+.icon-login:after {
+  content: '\f090'; }
+
+.icon-mark:after {
+  content: '\f046'; }
+
+.icon-mcp:after {
+  content: '\f0e3'; }
+
+.icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before {
+  content: '\f007'; }
+.icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before {
+  display: block;
+  font-size: 10px;
+  padding: 0;
+  padding-left: 4px;
+  padding-top: 1px;
+  opacity: .7; }
+
+.icon-notification:after {
+  content: '\f0a2'; }
+.icon-notification.non-zero:after {
+  content: '\f0f3'; }
+
+.icon-pages:after {
+  content: '\f0c5'; }
+
+.icon-pm:after {
+  content: '\f003'; }
+.icon-pm.non-zero:after {
+  content: '\f0e0'; }
+
+.icon-print:after {
+  content: '\f02f'; }
+
+.icon-profile:after {
+  content: '\f007'; }
+
+.icon-register:after {
+  content: '\f234'; }
+
+.icon-sendemail:after {
+  content: '\f003'; }
+
+.icon-subscribe:after {
+  content: '\f05d'; }
+
+.icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before {
+  content: '\f007'; }
+.icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before {
+  display: block;
+  font-size: 10px;
+  padding: 0;
+  white-space: nowrap;
+  padding-top: 1px;
+  opacity: .7;
+  content: '\f007\f007'; }
+
+.icon-ucp:after {
+  content: '\f0ad'; }
+
+.icon-unsubscribe:after {
+  content: '\f05c'; }
+
+.icon-new-posts:after {
+  content: '\f086'; }
+
+.icon-forums:after {
+  content: '\f075'; }
+
+.icon-chat:after {
+  content: '\f086'; }
+
+.icon-time:after {
+  content: '\f017'; }
+
+.icon-thanks {
+  background-image: none !important; }
+  .icon-thanks:after {
+    content: '\f087'; }
+
+.icon-thanks_toplist {
+  background-image: none !important; }
+  .icon-thanks_toplist:after {
+    content: '\f005'; }
+
+@media (max-width: 320px) {
+  select, .inputbox {
+    max-width: 240px; } }
+/* Notifications list
+----------------------------------------*/
+@media (max-width: 350px) {
+  .dropdown-extended .dropdown-contents {
+    width: auto; } }
+@media (max-width: 430px) {
+  .action-bar .search-box .inputbox {
+    width: 120px; }
+
+  .section-viewtopic .search-box .inputbox {
+    width: 57px; }
+
+  .action-bar .search-box .inputbox ::-moz-placeholder {
+    content: "Search..."; }
+
+  .action-bar .search-box .inputbox :-ms-input-placeholder {
+    content: "Search..."; }
+
+  .action-bar .search-box .inputbox ::-webkit-input-placeholder {
+    content: "Search..."; } }
+@media (max-width: 500px) {
+  dd label {
+    white-space: normal; }
+
+  select, .inputbox {
+    max-width: 260px; }
+
+  .captcha-panel dd.captcha {
+    margin-left: 0; }
+
+  .captcha-panel dd.captcha-image img {
+    width: 100%; }
+
+  dl.details dt, dl.details dd {
+    width: auto;
+    float: none;
+    text-align: left; }
+
+  dl.details dd {
+    margin-left: 20px; }
+
+  p.responsive-center {
+    float: none;
+    text-align: center;
+    margin-bottom: 5px; }
+
+  .action-bar > div {
+    margin-bottom: 5px; }
+
+  .action-bar > .pagination {
+    float: none;
+    clear: both;
+    padding-bottom: 1px;
+    text-align: center; }
+
+  .action-bar > .pagination li.page-jump {
+    margin: 0 2px; }
+
+  p.jumpbox-return {
+    display: none; }
+
+  .display-options > label:nth-child(1) {
+    display: block;
+    margin-bottom: 5px; }
+
+  .attach-controls {
+    margin-top: 5px;
+    width: 100%; }
+
+  .quick-links .dropdown-trigger span {
+    display: none; } }
+@media (max-width: 550px) {
+  ul.topiclist.forums dt {
+    margin-right: 0; }
+
+  ul.topiclist.forums dt .list-inner {
+    margin-right: 0; }
+
+  ul.topiclist.forums dd.lastpost {
+    display: none; } }
+@media (max-width: 700px) {
+  .responsive-hide {
+    display: none !important; }
+
+  .responsive-show {
+    display: block !important; }
+
+  .responsive-show-inline {
+    display: inline !important; }
+
+  .responsive-show-inline-block {
+    display: inline-block !important; }
+
+  /* Content wrappers
+  ----------------------------------------*/
+  html {
+    height: auto; }
+
+  body {
+    padding: 0; }
+
+  #wrap {
+    border: none;
+    border-radius: 0;
+    margin: 0;
+    padding: 0 5px; }
+
+  .page-width, .navbar .inner.static > .static-inner {
+    min-width: 290px;
+    margin: 0; }
+
+  .navbar .inner.static > .static-inner,
+  #wrap .navbar .inner.static > .static-inner {
+    padding: 0; }
+
+  .forabg, .forumbg, .post, .panel {
+    border-radius: 0;
+    margin-left: -5px;
+    margin-right: -5px; }
+
+  .headerbar, .navbar {
+    border-radius: 0; }
+
+  #wrap .headerbar, #wrap .navbar {
+    margin-left: -5px;
+    margin-right: -5px; }
+
+  .cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
+    border-radius: 0; }
+
+  .navbar.tabbed .nav-tabs, .navbar.tabbed .nav-tabs .tab {
+    border-radius: 0 !important; }
+
+  .site-description {
+    float: none;
+    width: auto;
+    text-align: center; }
+
+  .logo {
+    float: none;
+    margin: 0 auto;
+    padding: 10px; }
+    .logo img {
+      margin: 0 auto; }
+
+  .site-description h1, .site-description p, .site-description p.sitename {
+    text-align: inherit;
+    float: none;
+    margin: 5px;
+    line-height: 1.2em;
+    overflow: hidden;
+    text-overflow: ellipsis; }
+
+  .site-description p, .headerbar .search-header {
+    display: none; }
+
+  .responsive-search {
+    display: block !important; }
+
+  ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
+    margin-right: 0 !important;
+    padding-right: 0; }
+
+  ul.topiclist li.header dd {
+    display: none !important; }
+
+  ul.topiclist dt, ul.topiclist dt .list-inner,
+  ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
+  ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
+  ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
+    margin-right: 0; }
+
+  ul.topiclist dt .list-inner.with-mark {
+    padding-right: 34px; }
+
+  ul.topiclist dt .list-inner {
+    min-height: 28px; }
+
+  ul.topiclist li.header dt .list-inner {
+    min-height: 0; }
+
+  ul.topiclist dd {
+    display: none; }
+
+  ul.topiclist dd.mark {
+    display: block; }
+
+  /* Forums and topics lists
+  ----------------------------------------*/
+  ul.topiclist.forums dt {
+    margin-right: -250px; }
+
+  ul.topiclist dd.mark {
+    display: block;
+    position: absolute;
+    right: 5px;
+    top: 0;
+    margin: 0;
+    width: auto;
+    min-width: 0;
+    text-align: left; }
+
+  ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
+    position: relative;
+    left: 0;
+    width: auto;
+    display: inline;
+    font-weight: normal; }
+
+  li.row .responsive-show strong {
+    font-weight: bold;
+    color: inherit; }
+
+  ul.topiclist li.row dt a.subforum {
+    vertical-align: bottom;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100px; }
+
+  /* Pagination
+  ----------------------------------------*/
+  .pagination > ul {
+    margin: 5px 0 0; }
+
+  .row .pagination .ellipsis + li {
+    display: none !important; }
+
+  /* Responsive tables
+  ----------------------------------------*/
+  table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
+    display: block; }
+
+  table.responsive thead, table.responsive th {
+    display: none; }
+
+  table.responsive.show-header thead, table.responsive.show-header th:first-child {
+    display: block;
+    width: auto !important;
+    text-align: left !important;
+    border-radius: 0; }
+
+  table.responsive.show-header th:first-child span.rank-img {
+    display: none; }
+
+  table.responsive tr {
+    margin: 2px 0; }
+
+  table.responsive td {
+    width: auto !important;
+    text-align: left !important;
+    padding: 4px; }
+
+  table.responsive td.empty {
+    display: none !important; }
+
+  table.responsive td > dfn {
+    display: inline-block !important; }
+
+  table.responsive td > dfn:after {
+    content: ':';
+    padding-right: 5px; }
+
+  table.responsive span.rank-img {
+    float: none;
+    padding-right: 5px; }
+
+  table.responsive.memberlist td:first-child input[type="checkbox"] {
+    float: right; }
+
+  /* Forms
+  ----------------------------------------*/
+  fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
+    width: auto;
+    float: none; }
+
+  fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
+    margin-left: 0px; }
+
+  textarea, dd textarea, .message-box textarea {
+    width: 100%;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box; }
+
+  dl.pmlist dt {
+    width: auto !important;
+    margin-bottom: 5px; }
+
+  dl.pmlist dd {
+    display: inline-block;
+    margin-left: 0 !important; }
+
+  dl.pmlist dd:first-of-type {
+    padding-left: 20px; }
+
+  .smiley-box, .message-box {
+    float: none;
+    width: auto; }
+
+  .smiley-box {
+    margin-top: 5px; }
+
+  .bbcode-status {
+    display: none; }
+
+  .colour-palette, .colour-palette tbody, .colour-palette tr {
+    display: block; }
+
+  .colour-palette td {
+    display: inline-block;
+    margin-right: 2px; }
+
+  .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
+    display: none; }
+
+  fieldset.quick-login label {
+    display: block;
+    margin-bottom: 5px;
+    white-space: normal; }
+
+  fieldset.quick-login label > span {
+    display: inline-block;
+    min-width: 100px; }
+
+  fieldset.quick-login input.inputbox {
+    width: 85%;
+    max-width: 300px;
+    margin-left: 20px; }
+
+  fieldset.quick-login label[for="autologin"] {
+    display: inline-block;
+    text-align: right;
+    min-width: 50%; }
+
+  /* User profile
+  ----------------------------------------*/
+  .column1, .column2, .left-box.profile-details {
+    float: none;
+    width: auto;
+    clear: both; }
+
+  /* Polls
+  ----------------------------------------*/
+  fieldset.polls dt {
+    width: 90%; }
+
+  fieldset.polls dd.resultbar {
+    padding-left: 20px; }
+
+  fieldset.polls dd.poll_option_percent {
+    width: 20%; }
+
+  fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
+    margin-top: 5px; }
+
+  /* Post
+  ----------------------------------------*/
+  .postbody {
+    position: inherit; }
+
+  .postprofile + .postbody {
+    float: none;
+    position: inherit;
+    width: auto; }
+
+  .postprofile, .postbody, .search .postbody {
+    display: block;
+    width: auto;
+    float: none;
+    padding: 0;
+    min-height: 0; }
+
+  .post .postprofile {
+    width: auto;
+    border-width: 0 0 1px 0;
+    padding-bottom: 5px;
+    margin: 0;
+    margin-bottom: 5px;
+    min-height: 40px;
+    overflow: hidden;
+    z-index: auto !important; }
+
+  .postprofile dd {
+    display: none; }
+
+  .postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
+    display: block;
+    margin: 0; }
+
+  .postprofile .has-avatar .avatar-container,
+  .postprofile .no-avatar .avatar-container {
+    margin: 0;
+    overflow: inherit;
+    float: left;
+    padding-right: 5px; }
+
+  .postprofile .avatar-container:after {
+    clear: none; }
+
+  .postprofile .avatar, .postprofile .no-avatar .avatar-container {
+    margin-right: 5px; }
+
+  .postprofile .avatar img {
+    width: auto !important;
+    height: auto !important;
+    max-height: 32px; }
+
+  .no-avatar .avatar-container {
+    width: 32px;
+    height: 32px; }
+
+  .has-profile .postbody h3 {
+    margin-left: 0 !important;
+    margin-right: 0 !important; }
+
+  .has-profile .post-buttons {
+    right: 10px;
+    top: 10px; }
+    .rtl .has-profile .post-buttons {
+      right: auto;
+      left: 10px; }
+
+  .online-ribbon {
+    width: 35px;
+    height: 35px;
+    top: 0;
+    left: 0; }
+    .rtl .online-ribbon {
+      left: auto;
+      right: 0; }
+    .online-ribbon span {
+      width: 50px;
+      font-size: 6px;
+      line-height: 10px;
+      height: 10px;
+      text-align: center;
+      position: absolute;
+      top: 8px;
+      white-space: nowrap;
+      left: -12px; }
+      .rtl .online-ribbon span {
+        left: auto;
+        right: -12px; }
+
+  h2 {
+    margin-top: .5em; }
+
+  p {
+    margin-bottom: .5em;
+    overflow: hidden; }
+
+  p.rightside {
+    margin-bottom: 0; }
+
+  fieldset.display-options label {
+    display: inline-block;
+    clear: both;
+    margin-bottom: 5px;
+    letter-spacing: -.3px; }
+
+  dl.mini dd.pm-legend {
+    float: left;
+    min-width: 200px; }
+
+  .topicreview {
+    margin: 0 -5px;
+    padding: 0 5px; }
+
+  fieldset.display-actions {
+    white-space: normal; }
+
+  .phpbb_alert {
+    width: auto;
+    margin: 0 5px; }
+
+  .attach-comment dfn {
+    width: 100%; } }
+@media (min-width: 700px) {
+  .postbody {
+    width: 70%; } }
+@media (min-width: 850px) {
+  .postbody {
+    width: 76%; } }
+@media (min-width: 701px) and (max-width: 950px) {
+  ul.topiclist dt {
+    margin-right: -410px; }
+
+  ul.topiclist dt .list-inner {
+    margin-right: 410px; }
+
+  ul.topiclist dd.lastpost {
+    float: right; }
+
+  dd.posts, dd.topics, dd.views {
+    width: 80px; } }
+html, body {
+  color: #141414;
+  background-image: url("./images/pattern.png");
+  background-color: #e0e0e0; }
+
+h1, p.sitename {
+  color: #141414; }
+
+h2 {
+  color: #1fa67a; }
+
+h3 {
+  color: #1fa67a; }
+  .post h3 {
+    color: #24a178; }
+  h3 a {
+    color: inherit; }
+    h3 a:hover {
+      color: #d06d3c; }
+
+hr {
+  border-color: #fafafa;
+  border-top-color: #c7c7c7; }
+
+/* Post body links */
+.postlink {
+  border-bottom-color: #1fa67a;
+  color: #1fa67a; }
+
+.postlink:visited {
+  border-bottom-color: #868686;
+  color: #868686; }
+
+.postlink:hover {
+  background-color: #dbdbdb;
+  color: #d06d3c; }
+
+.signature a, .signature a:hover {
+  background-color: transparent; }
+
+.search-box .inputbox,
+.search-box .inputbox:hover,
+.search-box .inputbox:focus,
+.search-box .button:hover {
+  border-color: #c6c6c6; }
+
+.search-box .button, .search-box .button:hover {
+  background-color: #f4f4f4 !important;
+  border-color: #c6c6c6 !important; }
+.search-box .button, .search-box .button:before, .search-box .button:after {
+  color: #1fa67a; }
+.search-box .button:hover, .search-box .button:hover:before, .search-box .button:hover:after {
+  color: #d06d3c !important; }
+
+.search-header {
+  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
+  .navbar.with-search .search-header {
+    box-shadow: none; }
+  .search-header .inputbox, .search-header .button {
+    background: #f4f4f4 !important;
+    border-color: #f4f4f4 !important; }
+  .navbar.with-search .search-header .button, .navbar.with-search .search-header .button:before, .navbar.with-search .search-header .button:after {
+    color: #1fa67a; }
+  .search-header .inputbox:hover, .search-header .inputbox:focus {
+    background-color: #f8f8f8 !important;
+    color: #000 !important;
+    border-color: #f4f4f4 !important; }
+  .search-header .button:hover, .search-header .button:hover:before, .search-header .button:hover:after, .search-header .button:focus, .search-header .button:focus:before, .search-header .button:focus:after {
+    background-color: #d06d3c !important;
+    color: #fff !important;
+    border-color: #d06d3c !important; }
+
+.headerbar {
+  color: #141414; }
+
+.breadcrumbs .crumb:before {
+  color: #868686; }
+
+.navbar {
+  background-image: none; }
+  .navbar.secondary {
+    color: #1fa67a; }
+    .navbar.secondary > ul > li:hover, .navbar.secondary > ul > li:hover:after, .navbar.secondary > ul > li:hover:before,
+    .navbar.secondary > ul > li.dropdown-visible,
+    .navbar.secondary > ul > li.dropdown-visible:after,
+    .navbar.secondary > ul > li.dropdown-visible:before {
+      color: #d06d3c; }
+    .navbar.secondary .dropdown {
+      color: #141414; }
+  .navbar .nav-tabs {
+    background-color: #1fa67a; }
+    .navbar .nav-tabs .tab {
+      color: #fff; }
+      .navbar .nav-tabs .tab.selected {
+        color: #1fa67a;
+        background-color: #f4f4f4; }
+      .navbar .nav-tabs .tab:hover, .navbar .nav-tabs .tab.dropdown-visible {
+        color: #d06d3c;
+        background-color: #f4f4f4; }
+      .navbar .nav-tabs .tab > strong {
+        color: #fff;
+        background-color: #d03c3c;
+        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
+        .navbar .nav-tabs .tab > strong .arrow {
+          border-top-color: #d03c3c; }
+      .navbar .nav-tabs .tab .dropdown {
+        color: #141414; }
+
+.panel {
+  background-color: #f4f4f4;
+  color: #141414; }
+
+.post:target .content {
+  color: #000; }
+
+.post:target h3 a {
+  color: #000; }
+
+.bg1 {
+  background-color: #f4f4f4; }
+
+table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
+  background-color: #f4f4f4; }
+
+.bg2 {
+  background-color: #f6f6f6; }
+
+table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
+  background-color: #f6f6f6; }
+
+.bg3 {
+  background-color: #f8f8f8; }
+  .bg3.panel {
+    background: transparent none;
+    background-color: rgba(224, 224, 224, 0.3);
+    border-top-color: #f8f8f8; }
+    .bg3.panel:before, .bg3.panel:after {
+      background: -webkit-linear-gradient(to bottom, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%);
+      background: linear-gradient(to bottom, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%); }
+  .section-posting .bg3.panel {
+    background-color: #f4f4f4; }
+    .section-posting .bg3.panel:before, .section-posting .bg3.panel:after {
+      background: transparent; }
+
+ul.navlinks {
+  border-top-color: #e7e7e7; }
+
+.forum_unread .forumtitle, .forum_unread_subforum .forumtitle, .forum_unread_locked .forumtitle {
+  color: #d06d3c; }
+
+.global_unread .topictitle, .global_unread_mine .topictitle, .announce_unread_mine .topictitle, .announce_unread .topictitle, .global_unread_mine .topictitle, .announce_unread_mine .topictitle, .global_unread_locked .topictitle, .global_unread_locked_mine .topictitle, .announce_unread_locked_mine .topictitle, .announce_unread_locked .topictitle, .global_unread_locked_mine .topictitle, .announce_unread_locked_mine .topictitle, .announce_unread .topictitle, .announce_unread_mine .topictitle, .announce_unread_locked .topictitle, .announce_unread_locked_mine .topictitle, .sticky_unread .topictitle, .sticky_unread_mine .topictitle, .sticky_unread_locked .topictitle, .sticky_unread_locked_mine .topictitle, .topic_unread .topictitle, .sticky_unread .topictitle, .pm_unread .topictitle, .topic_unread_mine .topictitle, .sticky_unread_mine .topictitle, .topic_unread_locked .topictitle, .sticky_unread_locked .topictitle, .topic_unread_locked_mine .topictitle, .sticky_unread_locked_mine .topictitle, .topic_unread_hot .topictitle, .topic_unread_hot_mine .topictitle {
+  color: #d06d3c; }
+
+.forum-statistics {
+  color: #868686; }
+
+.forum-lastpost {
+  color: #868686; }
+  .forum-lastpost span:before {
+    opacity: .5; }
+
+.forum-description.toggle {
+  color: #fff;
+  background-color: rgba(61, 61, 61, 0.8); }
+  .forum-description.toggle a {
+    color: inherit !important; }
+  .forum-description.toggle span.arrow {
+    border-right-color: rgba(61, 61, 61, 0.8); }
+  .rtl .forum-description.toggle span.arrow {
+    border-right-color: transparent;
+    border-left-color: rgba(61, 61, 61, 0.8); }
+
+.forum-statistics .value {
+  color: #000; }
+
+table.table1 thead th {
+  color: #fff; }
+
+table.table1 tbody tr {
+  border-color: #e7e7e7; }
+
+table.table1 tbody tr:hover, table.table1 tbody tr.hover {
+  background-color: #f8f8f8;
+  color: #000; }
+
+table.table1 td {
+  color: #141414; }
+
+table.table1 tbody td {
+  border-top-color: #e7e7e7; }
+
+table.table1 tbody th {
+  border-bottom-color: #e7e7e7;
+  color: #000;
+  background-color: #e0e0e0; }
+
+table.info tbody th {
+  color: #000; }
+
+dl.details dt {
+  color: #000; }
+
+dl.details dd {
+  color: #339273; }
+
+.sep {
+  color: #1fa67a; }
+
+/* Icon styles
+---------------------------------------- */
+.icon.icon-blue, a:hover .icon.icon-blue {
+  color: #196db5; }
+
+.icon.icon-green, a:hover .icon.icon-green {
+  color: #1b9A1B; }
+
+.icon.icon-red, a:hover .icon.icon-red {
+  color: #BC2A4D; }
+
+.icon.icon-orange, a:hover .icon.icon-orange {
+  color: #FF6600; }
+
+.icon.icon-bluegray, a:hover .icon.icon-bluegray {
+  color: #536482; }
+
+.icon.icon-gray, a:hover .icon.icon-gray {
+  color: #777777; }
+
+.icon.icon-lightgray, a:hover .icon.icon-lightgray {
+  color: #999999; }
+
+.icon.icon-black, a:hover .icon.icon-black {
+  color: #333333; }
+
+.alert_close .icon:before {
+  background-color: #FFFFFF; }
+
+/* Jumpbox */
+.jumpbox .dropdown li {
+  border-top-color: #1fa67a; }
+
+.jumpbox-cat-link {
+  background-color: #1fa67a;
+  color: #fff; }
+
+.jumpbox-cat-link:hover {
+  background-color: #d06d3c;
+  border-top-color: #d06d3c;
+  color: #fff; }
+
+.jumpbox-forum-link {
+  background-color: #f4f4f4; }
+
+.jumpbox-forum-link:hover {
+  background-color: #e0e0e0; }
+
+.jumpbox .dropdown .pointer-inner {
+  border-color: #f4f4f4 transparent; }
+
+.jumpbox-sub-link {
+  background-color: #f4f4f4; }
+
+.jumpbox-sub-link:hover {
+  background-color: #e0e0e0; }
+
+.pagination li a {
+  color: #1fa67a;
+  background-color: #f4f4f4;
+  border-color: #e7e7e7; }
+
+.pagination li.ellipsis span {
+  background-color: transparent;
+  color: #000; }
+
+.pagination li.active span {
+  color: #fff;
+  background-color: #1fa67a;
+  border-color: #1fa67a; }
+
+.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
+  border-color: #d06d3c;
+  background-color: #d06d3c;
+  color: #fff; }
+
+.pagination li.page-jump a:after {
+  color: #1fa67a; }
+
+.pagination li.page-jump a:hover:after {
+  color: #d06d3c; }
+
+.copyright {
+  color: #868686; }
+
+.error {
+  color: #d06d3c; }
+
+.reported {
+  background-color: #f5ede9; }
+  .reported .postprofile, .reported .signature {
+    border-color: #f0e4de; }
+
+li.reported:hover {
+  background-color: #f5ede9; }
+
+div.rules {
+  background-color: #decfc7;
+  color: #d06d3c; }
+
+p.post-notice {
+  background-color: #efe0d8;
+  color: #d06d3c;
+  background-image: none; }
+
+p.post-notice.deleted:before, p.post-notice.unapproved:before, p.post-notice.reported:before, p.post-notice.error:before {
+  font-family: FontAwesome; }
+
+p.post-notice.deleted:before {
+  content: '\f057';
+  color: #d06d3c; }
+
+p.post-notice.unapproved:before {
+  content: '\f059';
+  color: #d06d3c; }
+
+p.post-notice.reported:before, p.post-notice.error:before {
+  content: '\f071';
+  color: #d06d3c; }
+
+.topic-status.sticky {
+  color: #868686; }
+
+a {
+  color: #1fa67a; }
+
+a:hover {
+  color: #d06d3c; }
+
+a.time {
+  color: #9d9d9d; }
+  a.time:hover {
+    color: #d06d3c; }
+
+.forumbg .header a, .forabg .header a, th a {
+  color: #fff; }
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+  color: #fff; }
+
+.dropdown-extended a.mark_read {
+  background-color: #f4f4f4; }
+
+a.top, a.top2 {
+  color: #868686; }
+  a.top:hover, a.top2:hover {
+    color: #d06d3c; }
+
+a.feed-icon-forum:after {
+  color: #bdbdbd; }
+
+a.feed-icon-forum:hover:after {
+  color: #d06d3c; }
+
+ul.topiclist li {
+  color: #141414; }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  ul.topiclist li.row dt a.subforum.read {
+    background-size: 11px 9px; } }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  ul.topiclist li.row dt a.subforum.unread {
+    background-size: 11px 9px; } }
+
+li.row {
+  border-top-color: white;
+  border-bottom-color: #e7e7e7; }
+  li.row .forum-lastpost strong,
+  li.row .subforums-list strong {
+    color: #868686; }
+
+li.row strong {
+  color: #000; }
+
+.icon-link + .list-inner > a.forumtitle, .icon-link + .list-inner > a.topictitle,
+.pm_unread .topictitle,
+a.subforum.unread {
+  color: #d06d3c; }
+
+.postbody {
+  color: #141414; }
+
+.content {
+  color: #141414; }
+
+.content h2, .panel h2 {
+  color: #296954;
+  border-bottom-color: #e7e7e7; }
+
+dl.faq dt, .content dl.faq dt {
+  color: #141414; }
+
+.posthilit {
+  background-color: #f5ede9;
+  color: #af562a; }
+
+.signature {
+  border-top-color: #e7e7e7; }
+
+.notice {
+  border-top-color: #e7e7e7; }
+
+blockquote {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #df9b7a; }
+  .rtl blockquote {
+    border-left-color: #ededed;
+    border-right-color: #df9b7a; }
+
+blockquote blockquote, blockquote .codebox, blockquote .attachbox {
+  background-color: #f4f4f4;
+  background-color: rgba(196, 196, 196, 0.1);
+  border-left-color: #62c9a7; }
+  .rtl blockquote blockquote,
+  .rtl blockquote .codebox,
+  .rtl blockquote .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #62c9a7; }
+
+blockquote blockquote blockquote, blockquote blockquote .codebox, blockquote blockquote .attachbox {
+  background-color: #fff;
+  border-left-color: #df9b7a; }
+  .rtl blockquote blockquote blockquote,
+  .rtl blockquote blockquote .codebox,
+  .rtl blockquote blockquote .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #df9b7a; }
+
+blockquote:before {
+  color: #868686; }
+
+.codebox {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #62c9a7; }
+  .rtl .codebox {
+    border-left-color: #ededed;
+    border-right-color: #62c9a7; }
+
+.codebox p {
+  border-bottom-color: #f2f2f2; }
+
+.codebox code {
+  color: #1fa631; }
+
+.attachbox {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #62c9a7; }
+  .rtl .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #62c9a7; }
+
+.attachbox dd {
+  border-top-color: #f2f2f2; }
+
+.attachbox p {
+  color: #666; }
+
+.attachbox p.stats {
+  color: #666; }
+
+dl.file dd {
+  color: #666; }
+
+dl.thumbnail img {
+  border-color: #f2f2f2;
+  background-color: #f4f4f4; }
+
+dl.thumbnail dd {
+  color: #666; }
+
+fieldset.polls dl {
+  border-top-color: white;
+  border-bottom-color: #e7e7e7;
+  color: #141414; }
+
+fieldset.polls dl.voted {
+  color: #000; }
+
+fieldset.polls dd div {
+  color: #fff; }
+
+.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
+  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2); }
+
+.pollbar1 {
+  background-color: #ac7960; }
+
+.pollbar2 {
+  background-color: #b2775a; }
+
+.pollbar3 {
+  background-color: #b87554; }
+
+.pollbar4 {
+  background-color: #c47148; }
+
+.pollbar5 {
+  background-color: #d06d3c; }
+
+.postprofile {
+  color: #141414;
+  border-color: #e7e7e7; }
+
+.postprofile strong {
+  color: #000; }
+
+.online-ribbon span {
+  background-color: #d06d3c;
+  color: #fff; }
+
+dd.profile-warnings {
+  color: #BC2A4D; }
+
+.no-avatar .avatar-container {
+  background-image: url("./images/no_avatar.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .no-avatar .avatar-container {
+      background-image: url("./images/no_avatar_hd.png"); } }
+
+.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+  background: rgba(0, 0, 0, 0.1); }
+
+.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.3); }
+
+.button, .buttons > .button.locked-icon {
+  border-color: #34ae86;
+  background-color: #34ae86;
+  color: #fff;
+  box-shadow: none; }
+.buttons > .button.locked-icon {
+  color: #fff; }
+  .buttons > .button.locked-icon:after, .buttons > .button.locked-icon:before {
+    color: #fff !important; }
+  .buttons > .button.locked-icon:hover {
+    box-shadow: none; }
+.buttons > .button, .button.report-icon, .button.delete-icon {
+  border-color: #1fa67a;
+  background-color: #1fa67a;
+  color: #fff; }
+  .buttons > .button:after, .buttons > .button:before, .button.report-icon:after, .button.report-icon:before, .button.delete-icon:after, .button.delete-icon:before {
+    color: #ddf2eb !important; }
+.button.report-icon, .button.delete-icon {
+  border-color: #d06d3c;
+  background-color: #d06d3c; }
+  .button.report-icon:after, .button.report-icon:before, .button.delete-icon:after, .button.delete-icon:before {
+    color: #f8e9e2 !important; }
+
+.buttons > .dropdown-select {
+  color: #868686; }
+
+.dropdown-select:after {
+  border-color: #79c2aa; }
+
+.dropdown-select:hover {
+  border-color: #34ae86; }
+
+.dropdown-select:hover:after, .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after {
+  border-color: #d2794c; }
+
+.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select,
+.buttons > .button:hover,
+.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
+  border-color: #d06d3c !important;
+  background-color: #d06d3c;
+  color: #fff; }
+  .dropdown-visible .dropdown-select:after, .dropdown-visible .dropdown-select:before, .dropdown-visible .dropdown-select:hover:after, .dropdown-visible .dropdown-select:hover:before, .nojs .dropdown-container:hover .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:before,
+  .buttons > .button:hover:after,
+  .buttons > .button:hover:before,
+  .button:hover:after,
+  .button:hover:before, .dropdown-visible .dropdown-select:after, .dropdown-visible .dropdown-select:before, .nojs .dropdown-container:hover .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:before {
+    color: #fff !important; }
+
+.contact-icons a {
+  border-color: #e7e7e7; }
+
+.jabber-icon:after {
+  color: #c90000; }
+
+.phpbb_icq-icon:after {
+  color: #60ff00;
+  text-shadow: 0 0 1px #000, 0 0 2px #000; }
+
+.phpbb_wlm-icon:after {
+  color: #75afd3; }
+
+.phpbb_aol-icon:after {
+  color: #ffd800;
+  text-shadow: 0 0 1px #000, 0 0 2px #000; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+  color: #1fa67a; }
+.icon-search-new:hover:after, .icon-search-unanswered:hover:after, .icon-search-unread:hover:after, .icon-search-self:hover:after, .icon-search:hover:after, .icon-search-active:hover:after, .icon-search-advanced:hover:after, .icon-acp:hover:after, .icon-bookmark:hover:after, .icon-bump:hover:after, .icon-contact:hover:after, .icon-delete-cookies:hover:after, .icon-download:hover:after, .icon-faq:hover:after, .icon-home:hover:after, .icon-logout:hover:after, .icon-login:hover:after, .icon-mark:hover:after, .icon-mcp:hover:after, .icon-members:hover:after, .icon-members:hover:before, ul.linklist.bulletin > li.small-icon.icon-members:hover:before, .icon-notification:hover:after, .icon-pages:hover:after, .icon-pm:hover:after, .icon-print:hover:after, .icon-profile:hover:after, .icon-register:hover:after, .icon-sendemail:hover:after, .icon-subscribe:hover:after, .icon-team:hover:after, .icon-team:hover:before, ul.linklist.bulletin > li.small-icon.icon-team:hover:before, .icon-ucp:hover:after, .icon-unsubscribe:hover:after, .icon-new-posts:hover:after, .icon-forums:hover:after, .icon-chat:hover:after, .icon-time:hover:after, .icon-thanks:hover:after, .icon-thanks_toplist:hover:after {
+  color: #d06d3c; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after {
+  color: #d06d3c; }
+
+.icon-search-self:after {
+  color: #9d9d9d; }
+
+.icon-home.breadcrumbs:after {
+  color: #1fa67a; }
+
+.icon-notification.non-zero:after, .icon-pm.non-zero:after {
+  color: #d06d3c; }
+
+.icon-time:after {
+  color: #9d9d9d; }
+
+/* Profile & navigation icons */
+.pm-icon {
+  background-position: 0 0; }
+
+.email-icon {
+  background-position: -21px 0; }
+
+.jabber-icon {
+  background-position: -80px 0; }
+
+.phpbb_icq-icon {
+  background-position: -61px 0; }
+
+.phpbb_wlm-icon {
+  background-position: -182px 0; }
+
+.phpbb_aol-icon {
+  background-position: -244px 0; }
+
+.phpbb_website-icon {
+  background-position: -40px 0; }
+
+.phpbb_youtube-icon {
+  background-position: -98px 0; }
+
+.phpbb_facebook-icon {
+  background-position: -119px 0; }
+
+.phpbb_googleplus-icon {
+  background-position: -140px 0; }
+
+.phpbb_skype-icon {
+  background-position: -161px 0; }
+
+.phpbb_twitter-icon {
+  background-position: -203px 0; }
+
+.phpbb_yahoo-icon {
+  background-position: -224px 0; }
+
+.global_read, .global_read_mine, .announce_read_mine, .announce_read {
+  background-image: url("./images/announce_read.png"); }
+
+.global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked {
+  background-image: url("./images/announce_read_locked.png"); }
+
+.global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread {
+  background-image: url("./images/announce_unread.png"); }
+
+.global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked {
+  background-image: url("./images/announce_unread_locked.png"); }
+
+.forum_link {
+  background-image: url("./images/forum_link.png"); }
+
+.forum_read {
+  background-image: url("./images/forum_read.png"); }
+
+.forum_read_locked {
+  background-image: url("./images/forum_read_locked.png"); }
+
+.forum_read_subforum {
+  background-image: url("./images/forum_read_subforum.png"); }
+
+.forum_unread {
+  background-image: url("./images/forum_unread.png"); }
+
+.forum_unread_locked {
+  background-image: url("./images/forum_unread_locked.png"); }
+
+.forum_unread_subforum {
+  background-image: url("./images/forum_unread_subforum.png"); }
+
+.topic_moved {
+  background-image: url("./images/topic_moved.png"); }
+
+.topic_read, .sticky_read, .pm_read {
+  background-image: url("./images/topic_read.png"); }
+
+.topic_read_mine, .sticky_read_mine {
+  background-image: url("./images/topic_read_mine.png"); }
+
+.topic_read_hot {
+  background-image: url("./images/topic_read_hot.png"); }
+
+.topic_read_hot_mine {
+  background-image: url("./images/topic_read_hot_mine.png"); }
+
+.topic_read_locked, .sticky_read_locked {
+  background-image: url("./images/topic_read_locked.png"); }
+
+.topic_read_locked_mine, .sticky_read_locked_mine {
+  background-image: url("./images/topic_read_locked_mine.png"); }
+
+.topic_unread, .sticky_unread, .pm_unread {
+  background-image: url("./images/topic_unread.png"); }
+
+.topic_unread_mine, .sticky_unread_mine {
+  background-image: url("./images/topic_unread_mine.png"); }
+
+.topic_unread_hot {
+  background-image: url("./images/topic_unread_hot.png"); }
+
+.topic_unread_hot_mine {
+  background-image: url("./images/topic_unread_hot_mine.png"); }
+
+.topic_unread_locked, .sticky_unread_locked {
+  background-image: url("./images/topic_unread_locked.png"); }
+
+.topic_unread_locked_mine, .sticky_unread_locked_mine {
+  background-image: url("./images/topic_unread_locked_mine.png"); }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  .global_read, .global_read_mine, .announce_read_mine, .announce_read, .global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked, .global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread, .global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked,
+  .forum_link, .forum_read, .forum_read_locked, .forum_read_subforum, .forum_unread, .forum_unread_locked, .forum_unread_subforum,
+  .topic_moved, .topic_read, .sticky_read, .pm_read, .topic_read_mine, .sticky_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .sticky_read_locked, .topic_read_locked_mine, .sticky_read_locked_mine,
+  .topic_unread,
+  .sticky_unread,
+  .pm_unread, .topic_unread_mine, .sticky_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .sticky_unread_locked, .topic_unread_locked_mine, .sticky_unread_locked_mine {
+    background-size: 36px 36px; }
+
+  .global_read, .global_read_mine, .announce_read_mine, .announce_read {
+    background-image: url("./images/announce_read_hd.png"); }
+
+  .global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked {
+    background-image: url("./images/announce_read_locked_hd.png"); }
+
+  .global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread {
+    background-image: url("./images/announce_unread_hd.png"); }
+
+  .global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked {
+    background-image: url("./images/announce_unread_locked_hd.png"); }
+
+  .forum_link {
+    background-image: url("./images/forum_link_hd.png"); }
+
+  .forum_read {
+    background-image: url("./images/forum_read_hd.png"); }
+
+  .forum_read_locked {
+    background-image: url("./images/forum_read_locked_hd.png"); }
+
+  .forum_read_subforum {
+    background-image: url("./images/forum_read_subforum_hd.png"); }
+
+  .forum_unread {
+    background-image: url("./images/forum_unread_hd.png"); }
+
+  .forum_unread_locked {
+    background-image: url("./images/forum_unread_locked_hd.png"); }
+
+  .forum_unread_subforum {
+    background-image: url("./images/forum_unread_subforum_hd.png"); }
+
+  .topic_moved {
+    background-image: url("./images/topic_moved_hd.png"); }
+
+  .topic_read, .sticky_read, .pm_read {
+    background-image: url("./images/topic_read_hd.png"); }
+
+  .topic_read_mine, .sticky_read_mine {
+    background-image: url("./images/topic_read_mine_hd.png"); }
+
+  .topic_read_hot {
+    background-image: url("./images/topic_read_hot_hd.png"); }
+
+  .topic_read_hot_mine {
+    background-image: url("./images/topic_read_hot_mine_hd.png"); }
+
+  .topic_read_locked, .sticky_read_locked {
+    background-image: url("./images/topic_read_locked_hd.png"); }
+
+  .topic_read_locked_mine, .sticky_read_locked_mine {
+    background-image: url("./images/topic_read_locked_mine_hd.png"); }
+
+  .topic_unread, .sticky_unread, .pm_unread {
+    background-image: url("./images/topic_unread_hd.png"); }
+
+  .topic_unread_mine, .sticky_unread_mine {
+    background-image: url("./images/topic_unread_mine_hd.png"); }
+
+  .topic_unread_hot {
+    background-image: url("./images/topic_unread_hot_hd.png"); }
+
+  .topic_unread_hot_mine {
+    background-image: url("./images/topic_unread_hot_mine_hd.png"); }
+
+  .topic_unread_locked, .sticky_unread_locked {
+    background-image: url("./images/topic_unread_locked_hd.png"); }
+
+  .topic_unread_locked_mine, .sticky_unread_locked_mine {
+    background-image: url("./images/topic_unread_locked_mine_hd.png"); } }
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+  color: #000; }
+
+.panel-container table.table1 thead th {
+  color: #141414;
+  border-bottom-color: #e7e7e7; }
+
+#cp-main .pm-message {
+  border-color: #e0e0e0;
+  background-color: #f4f4f4; }
+
+#tabs .tab > a {
+  background: #f4f4f4;
+  color: #339273; }
+
+#tabs .tab > a:hover {
+  background: #f8f8f8;
+  color: #d06d3c; }
+
+#tabs .activetab > a,
+#tabs .activetab > a:hover {
+  background: #f8f8f8;
+  box-shadow: 0 5px 5px -5px #f8f8f8;
+  border-color: #f8f8f8;
+  color: #2b2b2b; }
+
+#minitabs .tab > a {
+  background-color: #f6f6f6; }
+
+#minitabs .activetab > a,
+#minitabs .activetab > a:hover {
+  background-color: #F9F9F9;
+  color: #333333; }
+
+.responsive-tab .responsive-tab-link:before {
+  color: #339273; }
+
+#navigation a {
+  color: #141414;
+  background: #f4f4f4;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.1); }
+
+#navigation a:hover {
+  background: #f6f6f6;
+  color: #d06d3c; }
+
+#navigation #active-subsection a {
+  background: #1fa67a;
+  color: #fff; }
+
+#navigation #active-subsection a:hover {
+  background-color: #d06d3c; }
+
+#navigation > hr {
+  border-top-color: #f6f6f6; }
+
+.panel-container h2 {
+  color: #141414; }
+
+.panel-container .panel {
+  background: #eaeaea;
+  box-shadow: none;
+  border-width: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
+  .panel-container .panel > .inner > h3:first-child {
+    background-color: transparent;
+    color: #1fa67a;
+    background-image: none; }
+    .panel-container .panel > .inner > h3:first-child a {
+      color: #1fa67a; }
+      .panel-container .panel > .inner > h3:first-child a:hover {
+        color: #d06d3c; }
+  .panel-container .panel:before, .panel-container .panel:after {
+    background: transparent; }
+
+#cp-main .pm {
+  background-color: #f4f4f4; }
+
+.cp-mini {
+  background-color: #f6f6f6; }
+
+.current {
+  color: #000 !important; }
+
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+  border-left-color: #BC2A4D;
+  border-right-color: #BC2A4D; }
+
+.pmlist li.pm_marked_colour, .pm_marked_colour {
+  border-color: #FF6600; }
+
+.pmlist li.pm_replied_colour, .pm_replied_colour {
+  border-color: #A9B8C2; }
+
+.pmlist li.pm_friend_colour, .pm_friend_colour {
+  border-color: #5D8FBD; }
+
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+  border-color: #000000; }
+
+#gallery label {
+  background: #f6f6f6;
+  border-color: #e7e7e7; }
+
+#gallery label:hover {
+  background-color: #f8f8f8; }
+
+select {
+  border-color: #c6c6c6;
+  background-color: #fff;
+  color: #141414; }
+
+label {
+  color: #141414; }
+
+option.disabled-option {
+  color: #868686; }
+
+dd label {
+  color: #141414; }
+
+fieldset.fields1 {
+  background-color: transparent; }
+
+fieldset dl:hover dt label {
+  color: #000; }
+
+fieldset.fields2 dl:hover dt label {
+  color: inherit; }
+
+#message-box textarea {
+  color: #141414; }
+
+#message-box textarea.drag-n-drop {
+  outline-color: rgba(157, 157, 157, 0.5); }
+
+#message-box textarea.drag-n-drop-highlight {
+  outline-color: rgba(134, 134, 134, 0.5); }
+
+.inputbox, select {
+  background-color: #fff;
+  border-color: #c6c6c6;
+  color: #141414; }
+
+.inputbox::-moz-placeholder {
+  color: #5b5b5b; }
+.inputbox::-webkit-input-placeholder {
+  color: #5b5b5b; }
+.inputbox:-ms-input-placeholder {
+  color: #5b5b5b; }
+
+.inputbox:hover, select:hover {
+  background-color: #fff;
+  border-color: #d06d3c;
+  color: #141414; }
+
+.inputbox:focus, select:focus {
+  background-color: #fff;
+  border-color: #1fa67a;
+  color: #141414; }
+
+.inputbox:hover::-moz-placeholder {
+  color: #141414; }
+.inputbox:hover::-webkit-input-placeholder {
+  color: #141414; }
+.inputbox:hover:-ms-input-placeholder {
+  color: #141414; }
+
+.inputbox:focus::-moz-placeholder {
+  color: transparent; }
+.inputbox:focus::-webkit-input-placeholder {
+  color: transparent; }
+.inputbox:focus:-ms-input-placeholder {
+  color: transparent; }
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+  color: #fff;
+  border-color: #34ae86;
+  background-color: #34ae86; }
+
+a.button1, input.button1 {
+  border-color: #1fa67a;
+  background-color: #1fa67a;
+  color: #fff; }
+
+input.button3 {
+  background-image: none; }
+
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+  border-color: #d06d3c;
+  background-color: #d06d3c;
+  color: #fff; }
+
+input.button1:focus, input.button2:focus, input.button3:focus {
+  border-color: #d06d3c;
+  background-color: #d06d3c;
+  color: #fff; }
+
+input.disabled {
+  color: #868686; }
+
+.phpbb_alert {
+  background-color: #e0e0e0;
+  border-color: #e7e7e7; }
+
+.phpbb_alert .alert_close:before {
+  color: #1fa67a; }
+
+.phpbb_alert .alert_close:hover:before {
+  color: #d06d3c; }
+
+.phpbb_alert .alert_close:after {
+  color: #e0e0e0; }
+
+.darken {
+  background-color: #000; }
+
+.loading_indicator {
+  background-color: #000;
+  background-image: url("./images/loading.gif"); }
+
+.dropdown-extended ul li {
+  border-top-color: #e7e7e7; }
+
+.dropdown-extended ul li:hover {
+  background-color: #f6f6f6;
+  color: #000; }
+
+.dropdown-extended .header, .dropdown-extended .footer {
+  border-color: #e7e7e7;
+  color: #000; }
+
+.dropdown-extended .footer {
+  border-top-style: solid;
+  border-top-width: 1px; }
+
+.dropdown-extended .header {
+  background: #1fa67a;
+  color: #fff; }
+  .dropdown-extended .header a {
+    color: #fff; }
+    .dropdown-extended .header a:hover {
+      color: #fff; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+  color: #1fa67a; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
+  color: #d06d3c; }
+
+.dropdown .dropdown-contents {
+  background: #f4f4f4;
+  border-color: #1fa67a;
+  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5); }
+
+.dropdown-up .dropdown-contents {
+  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5); }
+
+.dropdown li, .dropdown li li {
+  border-color: #dbdbdb; }
+
+.dropdown li.separator {
+  border-color: #dbdbdb; }
+
+.notification_list li.notification-reported strong, .notification_list li.notification-disapproved strong {
+  color: #d06d3c; }
+.notification_list li.dropdown-notification {
+  background-color: #f4f4f4;
+  color: #1fa67a; }
+  .notification_list li.dropdown-notification, .panel-container .notification_list li.dropdown-notification {
+    border-top-color: white;
+    border-bottom-color: #dbdbdb; }
+  .notification_list li.dropdown-notification strong {
+    color: #161616; }
+  .notification_list li.dropdown-notification a {
+    color: inherit; }
+  .notification_list li.dropdown-notification p.notification-time, .notification_list li.dropdown-notification p.notifications_time {
+    color: #7ba195; }
+  .notification_list li.dropdown-notification a.mark_read {
+    background-color: white; }
+    .notification_list li.dropdown-notification a.mark_read, .notification_list li.dropdown-notification a.mark_read:after {
+      color: #161616; }
+      .notification_list li.dropdown-notification a.mark_read:hover, .notification_list li.dropdown-notification a.mark_read:after:hover {
+        color: #1fa67a; }
+.notification_list li.bg3 {
+  background-color: #ded5d0;
+  color: #d06d3c; }
+  .notification_list li.bg3, .panel-container .notification_list li.bg3 {
+    border-top-color: #f3f0ee;
+    border-bottom-color: #c9bab2; }
+  .notification_list li.bg3 strong {
+    color: #000; }
+  .notification_list li.bg3 a {
+    color: inherit; }
+  .notification_list li.bg3 p.notification-time, .notification_list li.bg3 p.notifications_time {
+    color: #bc9480; }
+  .notification_list li.bg3 a.mark_read {
+    background-color: white; }
+    .notification_list li.bg3 a.mark_read, .notification_list li.bg3 a.mark_read:after {
+      color: #000; }
+      .notification_list li.bg3 a.mark_read:hover, .notification_list li.bg3 a.mark_read:after:hover {
+        color: #d06d3c; }
+.notification_list li.dropdown-notification:hover {
+  background-color: #f6f6f6;
+  color: #1fa67a; }
+  .notification_list li.dropdown-notification:hover, .panel-container .notification_list li.dropdown-notification:hover {
+    border-top-color: white;
+    border-bottom-color: #dddddd; }
+  .notification_list li.dropdown-notification:hover strong {
+    color: #161616; }
+  .notification_list li.dropdown-notification:hover a {
+    color: inherit; }
+  .notification_list li.dropdown-notification:hover p.notification-time, .notification_list li.dropdown-notification:hover p.notifications_time {
+    color: #7ca295; }
+  .notification_list li.dropdown-notification:hover a.mark_read {
+    background-color: white; }
+    .notification_list li.dropdown-notification:hover a.mark_read, .notification_list li.dropdown-notification:hover a.mark_read:after {
+      color: #161616; }
+      .notification_list li.dropdown-notification:hover a.mark_read:hover, .notification_list li.dropdown-notification:hover a.mark_read:after:hover {
+        color: #1fa67a; }
+
+.imageset.icon_post_target {
+  background-image: url("./images/icon_post_target.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .imageset.icon_post_target {
+      background-image: url("./images/icon_post_target_hd.png"); } }
+
+.imageset.icon_post_target_unread {
+  background-image: url("./images/icon_post_target_unread.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .imageset.icon_post_target_unread {
+      background-image: url("./images/icon_post_target_unread_hd.png"); } }
+
+.imageset.icon_topic_attach:after {
+  color: #868686; }
+
+.imageset.icon_topic_poll:after {
+  color: #709085; }
+
+/* --------------------------------------------------------------
+	$Icons
+-------------------------------------------------------------- */
+/* Global module setup
+--------------------------------*/
+/* Renamed version of .fa class for agnostic usage of icon fonts.
+ * Just change the name of the font after the 14/1 to the name of
+ * the font you wish to use.
+ */
+.icon, .button .icon, blockquote cite:before, .uncited:before {
+  display: inline-block;
+  font-weight: normal;
+  font-style: normal;
+  font-variant: normal;
+  font-family: FontAwesome;
+  font-size: 14px;
+  line-height: 1;
+  text-rendering: auto;
+  /* optimizelegibility throws things off #1094 */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+.icon:before {
+  padding-right: 2px; }
+
+.button .icon:before {
+  padding-right: 0; }
+
+/* Icon size classes - Default size is 14px, use these for small variations */
+.icon.icon-xl {
+  font-size: 20px; }
+
+.icon.icon-lg {
+  font-size: 16px; }
+
+.icon.icon-md {
+  font-size: 10px; }
+
+.icon.icon-sm {
+  font-size: 8px; }
+
+/* icon modifiers */
+.icon-tiny {
+  width: 12px;
+  transform: scale(0.65, 0.75);
+  vertical-align: text-bottom;
+  font-size: 16px; }
+
+.arrow-left .icon {
+  float: left; }
+
+.arrow-left:hover .icon {
+  margin-left: -5px;
+  margin-right: 5px; }
+
+.arrow-right .icon {
+  float: right; }
+
+.arrow-right:hover .icon {
+  margin-left: 5px;
+  margin-right: -5px; }
+
+.post-buttons .dropdown-contents .icon {
+  float: right;
+  margin-left: 5px; }
+
+.alert_close .icon:before {
+  padding: 0;
+  border-radius: 50%;
+  width: 11px;
+  display: block;
+  line-height: .9;
+  height: 12px; }
+
+blockquote cite:before, .uncited:before {
+  content: '\f10d';
+  /* Font Awesome quote-left */ }
+
+.rtl blockquote cite:before, .rtl .uncited:before {
+  content: '\f10e';
+  /* Font Awesome quote-right */ }
+
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
+ */
+html {
+  font-family: sans-serif;
+  /* 1 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */ }
+
+/**
+ * Remove default margin.
+ */
+body {
+  margin: 0; }
+
+/* HTML5 display definitions
+	 ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block; }
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  /* 1 */
+  vertical-align: baseline;
+  /* 2 */ }
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+[hidden],
+template {
+  display: none; }
+
+/* Links
+	 ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+  background-color: transparent; }
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+a:active,
+a:hover {
+  outline: 0; }
+
+/* Text-level semantics
+	 ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+b,
+strong {
+  font-weight: bold; }
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+dfn {
+  font-style: italic; }
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0; }
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+mark {
+  background: #ff0;
+  color: #000; }
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+  font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -0.5em; }
+
+sub {
+  bottom: -0.25em; }
+
+/* Embedded content
+	 ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+  border: 0; }
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+  overflow: hidden; }
+
+/* Grouping content
+	 ========================================================================== */
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+figure {
+  margin: 1em 40px; }
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+  box-sizing: content-box;
+  height: 0; }
+
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+  overflow: auto; }
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+/* Forms
+	 ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+  margin: 0;
+  /* 3 */ }
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+  overflow: visible; }
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+  text-transform: none; }
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  /* 2 */
+  cursor: pointer;
+  /* 3 */ }
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+html input[disabled] {
+  cursor: default; }
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+  line-height: normal; }
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  box-sizing: content-box;
+  /* 2 */ }
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+  border: 0;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+  overflow: auto; }
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+  font-weight: bold; }
+
+/* Tables
+	 ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+td,
+th {
+  padding: 0; }
+
+/* --------------------------------------------------------------
+	$Utilities
+-------------------------------------------------------------- */
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto; }
+
+.clearfix:before,
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after {
+  content: " ";
+  display: table; }
+
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after {
+  clear: both; }
+
+.center-block {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.pull-right {
+  float: right !important; }
+
+.pull-left {
+  float: left !important; }
+
+.hide {
+  display: none !important; }
+
+.show {
+  display: block !important; }
+
+.invisible {
+  visibility: hidden; }
+
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0; }
+
+.hidden {
+  display: none; }
+
+.affix {
+  position: fixed; }
diff --git a/simplicity/theme/stylesheet.scss b/simplicity/theme/stylesheet.scss
new file mode 100644
index 0000000..d6de161
--- /dev/null
+++ b/simplicity/theme/stylesheet.scss
@@ -0,0 +1,35 @@
+//
+//	stylesheet.css replacement
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
+//	If you have any questions please visit support forum at:
+//		http://www.artodia.com/forums/
+//
+//	Set your custom configuration variables in _custom_config.scss
+//	Add your custom code to _custom.scss
+//	
+//	After editing any .scss file you must recompile stylesheet.
+//
+/*!
+	DO NOT EDIT stylesheet.css!
+
+	Edit .scss files instead. See http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+	If you have any questions, please ask on support forum at http://www.artodia.com/forums/
+*/
+@import "custom_config";
+@import "style_config";
+@import "common/common";
+@import "common/links";
+@import "common/content";
+@import "common/buttons";
+@import "common/cp";
+@import "common/forms";
+@import "common/imageset";
+@import "common/responsive";
+@import "colours";
+@import "custom";
+@import "common/icons";
+@import "common/normalize";
+@import "common/utilities";
diff --git a/simplicity/theme/tweaks.css b/simplicity/theme/tweaks.css
new file mode 100644
index 0000000..54f47df
--- /dev/null
+++ b/simplicity/theme/tweaks.css
@@ -0,0 +1,33 @@
+/* Style Sheet Tweaks
+
+These style definitions are IE 8 & 9 only.
+They are required due to the poor CSS support in IE browsers.
+------------------------------------------------------------------------------*/
+
+/* IE 8 Tweaks (value)\9 equates to  IE <= 8
+------------------------------------------------------------------------------*/
+
+/* Clear float fix */
+.inner, ul.linklist { zoom: 1\9; }
+
+/* Align checkboxes/radio buttons nicely */
+dd label input { vertical-align: text-bottom\9; }
+
+/* Fixes header-avatar aspect-ratio */
+.header-avatar img { height: 20px\9; }
+
+/* IE8 often can't handle max-width in %, so we use px instead */
+.postprofile .avatar img { max-width: 150px\9; }
+
+
+/* IE 9 Tweaks
+------------------------------------------------------------------------------*/
+
+/* Border-radius bleed fix in IE9 */
+.search-header, .search-header .inputbox, .search-header a.button {
+	border-radius: 0;
+}
+
+.tabs .tab > a {
+	border-radius: 0;
+}
diff --git a/simplicity_aqua/license.txt b/simplicity_aqua/license.txt
new file mode 100644
index 0000000..a5319f7
--- /dev/null
+++ b/simplicity_aqua/license.txt
@@ -0,0 +1,33 @@
+IMPORTANT: This license does not apply to files in directory theme/fonts/
+
+Files in those directories have their own licenses, see license.txt in respective
+directories for details.
+
+-----------------------------------------------------------------------------
+
+Copyright (c) 2015, Vjacheslav Trushkin
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer. 
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+The views and conclusions contained in the software and documentation are those
+of the authors and should not be interpreted as representing official policies, 
+either expressed or implied, of the FreeBSD Project.
\ No newline at end of file
diff --git a/simplicity_aqua/style.cfg b/simplicity_aqua/style.cfg
new file mode 100644
index 0000000..a99efe5
--- /dev/null
+++ b/simplicity_aqua/style.cfg
@@ -0,0 +1,32 @@
+#
+# phpBB Style Configuration File
+#
+# This file is part of the phpBB Forum Software package.
+#
+# @copyright (c) phpBB Limited <https://www.phpbb.com>
+# @license GNU General Public License, version 2 (GPL-2.0)
+#
+# For full copyright and license information, please see
+# the docs/CREDITS.txt file.
+#
+# At the left is the name, please do not change this
+# At the right the value is entered
+#
+# Values get trimmed, if you want to add a space in front or at the end of
+# the value, then enclose the value with single or double quotes.
+# Single and double quotes do not need to be escaped.
+#
+#
+
+# General Information about this style
+name = Simplicity Aqua
+copyright = Created by Arty (Vjacheslav Trushkin), http://www.artodia.com/, Modified by Gabriel Fischer
+style_version = 3.3.0
+phpbb_version = 3.3.0
+
+# Defining a different template bitfield
+# template_bitfield = lNg=
+
+# Parent style
+# Set value to empty or to this style's name if this style does not have a parent style
+parent = Simplicity
diff --git a/simplicity_aqua/theme/_colours.scss b/simplicity_aqua/theme/_colours.scss
new file mode 100644
index 0000000..4314cb0
--- /dev/null
+++ b/simplicity_aqua/theme/_colours.scss
@@ -0,0 +1,1685 @@
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for common.css
+// --------------------------------------------------------------
+
+html, body {
+	color: $text-color;
+	background-image: url('./images/pattern.png');
+	@if $use-wrapper {
+		background-color: $page-background;
+		&.simple {
+			background-color: $content-background;
+		}
+	}
+	@else {
+		background-color: $content-background;
+	}
+}
+
+h1, p.sitename {
+	color: $header-text;
+}
+
+h2 {
+	color: $page-title-color;
+}
+
+h3 {
+	color: $stats-title-color;
+	.post & {
+		color: $block-title-color;
+	}
+	a {
+		color: inherit;
+		&:hover {
+			color: $link-hover-color;
+		}
+	}
+}
+
+hr {
+	border-color: $content-top-border;
+	border-top-color: $content-bottom-border;
+}
+
+/* Post body links */
+.postlink {
+	border-bottom-color: $link-color;
+	color: $link-color;
+}
+
+.postlink:visited {
+	border-bottom-color: $muted-color;
+	color: $muted-color;
+}
+
+.postlink:hover {
+	background-color: darken($block-background, 10%);
+	color: $link-hover-color;
+}
+
+.signature a, .signature a:hover {
+	background-color: transparent;
+}
+
+// Search box
+// ---------------------------------------------
+
+.search-box .inputbox,
+.search-box .inputbox:hover,
+.search-box .inputbox:focus,
+.search-box .button:hover {
+	border-color: $search-box-border;
+}
+
+.search-box .button {
+	&, &:hover {
+		background-color: $block-background !important;
+		border-color: $search-box-border !important;
+	}
+	&, &:before, &:after {
+		color: $primary-color;
+	}
+	&:hover, &:hover:before, &:hover:after {
+		color: $secondary-color !important;
+	}
+}
+
+.search-header {
+	box-shadow: $search-box-shadow;
+	.navbar.with-search & {
+		box-shadow: none;
+	}
+	.inputbox, .button {
+		background: $block-background !important;
+		border-color: $block-background !important;
+	}
+	.navbar.with-search & .button {
+		&, &:before, &:after {
+			color: $link-color;
+		}
+	}
+	.inputbox:hover, .inputbox:focus {
+		background-color: $block-background3 !important;
+		color: $bold-text-color !important;
+		border-color: $block-background !important;
+	}
+	.button:hover, .button:focus {
+		&, &:before, &:after {
+			background-color: $secondary-color !important;
+			color: #fff !important;
+			border-color: $secondary-color !important;
+		}
+	}
+}
+
+// Round cornered boxes and backgrounds
+// ----------------------------------------
+#wrap {
+	@if $use-wrapper {
+		background-color: $content-background;
+		background-image: url('./images/pattern.png');
+		border-color: $content-border-color;
+	}
+}
+
+.headerbar {
+	color: $header-text;
+}
+
+// Navigation
+.breadcrumbs .crumb:before {
+	color: $muted-color;
+}
+
+.navbar {
+	background-image: none;
+	&.secondary {
+		color: $link-color;
+		> ul > li:hover,
+		> ul > li.dropdown-visible {
+			&, &:after, &:before {
+				color: $secondary-nav-hover-link;
+			}
+		}
+		.dropdown {
+			color: $text-color;
+		}
+	}
+
+	.nav-tabs {
+		background-color: $primary-nav-bg;
+
+		.tab {
+			color: $primary-nav-color;
+			&.selected {
+				color: $primary-nav-selected-color;
+				background-color: $primary-nav-selected-bg;
+			}
+			&:hover,
+			&.dropdown-visible {
+				color: $primary-nav-hover-color;
+				background-color: $primary-nav-hover-bg;
+			}
+			& > strong {
+				color: $primary-nav-alert-color;
+				background-color: $primary-nav-alert-bg;
+				box-shadow: $primary-nav-alert-shadow;
+				.arrow {
+					border-top-color: $primary-nav-alert-bg;
+				}
+			}
+			.dropdown {
+				color: $text-color;
+			}
+		}
+	}
+
+	// Tabbed navigation
+	@if $tabbed-navigation {
+		&.tabbed.not-static {
+			.nav-tabs {
+				li.tab {
+					// Tabs layout
+					color: $link-color;
+					background-color: $block-background;
+
+					&.selected {
+						@include tabbed-nav-layout-all {
+							background-color: $primary-color;
+							color: $overlay-color;
+						}
+					}
+
+					&:hover {
+						@include tabbed-nav-layout-all {
+							background-color: $secondary-color;
+							color: $overlay-color;
+						}
+					}
+
+					&.dropdown-visible {
+						@include tabbed-nav-layout-all {
+							background-color: $primary-color;
+							color: $overlay-color;
+						}
+					}
+				}
+			}
+
+			// Second row
+			+ .navbar.secondary {
+				background: $primary-color;
+				color: $overlay-color;
+
+				> ul > li {
+					&, &:after, &:before {
+						color: $overlay-color;
+					}
+				}
+
+				> ul > li:hover,
+				> ul > li.dropdown-visible {
+					&, &:after, &:before {
+						color: $overlay-color;
+					}
+					background: none;
+					box-shadow: none;
+					filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+				}
+			}
+		}
+	}
+}
+
+.panel {
+	background-color: $block-background;
+	color: $text-color;
+}
+
+.post:target .content {
+	color: $bold-text-color;
+}
+
+.post:target h3 a {
+	color: $bold-text-color;
+}
+
+.bg1 {
+	background-color: $block-background;
+}
+
+table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
+	background-color: $block-background;
+}
+
+.bg2 {
+	background-color: $block-background2;
+}
+
+table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
+	background-color: $block-background2;
+}
+
+.bg3 { 
+	background-color: $block-background3;
+	&.panel {
+		background: transparent none;
+		background-color: rgba($content-background, .3);
+		border-top-color: $tab-selected-background;
+		&:before, &:after {
+			background: -webkit-linear-gradient(to bottom, $tab-selected-background 0%, rgba($tab-selected-background, 0) 100%);
+			background: linear-gradient(to bottom, $tab-selected-background 0%, rgba($tab-selected-background, 0) 100%);
+		}
+	}
+	.section-posting &.panel {
+		background-color: $block-background;
+		&:before, &:after {
+			background: transparent;
+		}
+	}
+}
+
+// Horizontal lists
+// ----------------------------------------
+
+ul.navlinks {
+	border-top-color: $block-inner-border;
+}
+
+// Forums list layout
+// ----------------------
+.forumtitle {
+	.forum_unread &,
+	.forum_unread_subforum &,
+	.forum_unread_locked & {
+		color: $link-hover-color;
+	}
+}
+
+.topictitle {
+	.global_unread &,
+	.global_unread_mine &,
+	.global_unread_locked &,
+	.global_unread_locked_mine &,
+	.announce_unread &,
+	.announce_unread_mine &,
+	.announce_unread_locked &,
+	.announce_unread_locked_mine &,
+	.sticky_unread &,
+	.sticky_unread_mine &,
+	.sticky_unread_locked &,
+	.sticky_unread_locked_mine &,
+	.topic_unread &,
+	.topic_unread_mine &,
+	.topic_unread_locked &,
+	.topic_unread_locked_mine &,
+	.topic_unread_hot &,
+	.topic_unread_hot_mine &
+	{
+		color: $link-hover-color;
+	}
+}
+
+.forum-statistics {
+	color: $muted-color;
+}
+
+.forum-lastpost {
+	color: $muted-color;
+	span:before {
+		opacity: .5;
+	}
+}
+
+.forum-description.toggle {
+	color: $forum-description-color;
+	background-color: fade-out($forum-description-bg, .2);
+	a {
+		color: inherit !important;
+	}
+	span.arrow {
+		border-right-color: fade-out($forum-description-bg, .2);
+	}
+	.rtl & span.arrow {
+		border-right-color: transparent;
+		border-left-color: fade-out($forum-description-bg, .2);
+	}
+}
+
+.forum-statistics {
+	.value {
+		color: $bold-text-color;
+	}
+}
+
+// Table styles
+// ----------------------------------------
+table.table1 thead th {
+	color: $heading-color;
+}
+
+table.table1 tbody tr {
+	border-color: $block-inner-border;
+}
+
+table.table1 tbody tr:hover, table.table1 tbody tr.hover {
+	background-color: $block-background3;
+	color: $bold-text-color;
+}
+
+table.table1 td {
+	color: $text-color;
+}
+
+table.table1 tbody td {
+	border-top-color: $block-inner-border;
+}
+
+table.table1 tbody th {
+	border-bottom-color: $block-bottom-border;
+	color: $bold-text-color;
+	background-color: $content-background;
+}
+
+table.info tbody th {
+	color: $bold-text-color;
+}
+
+// Misc layout styles
+// ----------------------------------------
+dl.details dt {
+	color: $bold-text-color;
+}
+
+dl.details dd {
+	color: $tab-color;
+}
+
+.sep {
+	color: $primary-color;
+}
+
+/* Icon styles
+---------------------------------------- */
+.icon.icon-blue, a:hover .icon.icon-blue {
+	color: #196db5;
+}
+
+.icon.icon-green, a:hover .icon.icon-green{
+	color: #1b9A1B;
+}
+
+.icon.icon-red, a:hover .icon.icon-red{
+	color: #BC2A4D;
+}
+
+.icon.icon-orange, a:hover .icon.icon-orange{
+	color: #FF6600;
+}
+
+.icon.icon-bluegray, a:hover .icon.icon-bluegray{
+	color: #536482;
+}
+
+.icon.icon-gray, a:hover .icon.icon-gray{
+	color: #777777;
+}
+
+.icon.icon-lightgray, a:hover .icon.icon-lightgray{
+	color: #999999;
+}
+
+.icon.icon-black, a:hover .icon.icon-black{
+	color: #333333;
+}
+
+.alert_close .icon:before {
+	background-color: #FFFFFF;
+}
+
+/* Jumpbox */
+.jumpbox .dropdown li {
+	border-top-color: $dropdown-heading-top;
+}
+
+.jumpbox-cat-link {
+	background-color: $dropdown-heading-top;
+	color: $dropdown-heading-color;
+}
+
+.jumpbox-cat-link:hover {
+	background-color: $secondary-color;
+	border-top-color: $secondary-color;
+	color: $dropdown-heading-link-hover-color;
+}
+
+.jumpbox-forum-link {
+	background-color: $dropdown-bg;
+}
+
+.jumpbox-forum-link:hover {
+	background-color: $content-background;
+}
+
+.jumpbox .dropdown .pointer-inner {
+	border-color: $dropdown-bg transparent;
+}
+
+.jumpbox-sub-link {
+	background-color: $dropdown-bg;
+}
+
+.jumpbox-sub-link:hover {
+	background-color: $content-background;
+}
+
+
+
+// Pagination
+// ----------------------------------------
+
+.pagination li a {
+	color: $link-color;
+	background-color: $block-background;
+	border-color: $block-inner-border;
+}
+
+.pagination li.ellipsis span {
+	background-color: transparent;
+	color: $bold-text-color;
+}
+
+.pagination li.active span {
+	color: $overlay-color;
+	background-color: $primary-color;
+	border-color: $primary-color;
+}
+
+.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
+	border-color: $link-hover-color;
+	background-color: $link-hover-color;
+	color: $overlay-color;
+}
+
+.pagination li.page-jump a:after {
+	color: $link-color;
+}
+
+.pagination li.page-jump a:hover:after {
+	color: $link-hover-color;
+}
+
+// Miscellaneous styles
+// ----------------------------------------
+
+.copyright {
+	color: $muted-color;
+}
+
+.error {
+	color: $secondary-color;
+}
+
+.reported {
+	background-color: $block-background-reported;
+	.postprofile, .signature {
+		border-color: darken($block-background-reported, 3%);
+	}
+}
+
+li.reported:hover {
+	background-color: $block-background-reported;
+}
+.sticky, .announce {
+	// you can add a background for stickies and announcements
+}
+
+div.rules {
+	background-color: mix($content-background, $rules-color, 85%);
+	color: $rules-color;
+}
+
+p.post-notice {
+	background-color: mix($block-background, $rules-color, 85%);
+	color: $rules-color;
+	background-image: none;
+}
+
+// Blank FontAwesome replacement
+%post-notice {
+	font-family: FontAwesome;
+}
+
+p.post-notice.deleted:before {
+	@extend %post-notice;
+	content: '\f057';	// fa-times-circle
+	color: $secondary-color;
+}
+
+p.post-notice.unapproved:before {
+	@extend %post-notice;
+	content: '\f059';	// fa-question-circle
+	color: $secondary-color;
+}
+
+p.post-notice.reported:before, p.post-notice.error:before {
+	@extend %post-notice;
+	content: '\f071';	// fa-warning
+	color: $secondary-color;
+}
+
+// Topic status
+.topic-status.sticky {
+	color: $muted-color;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for links.css
+// --------------------------------------------------------------
+
+a { color: $link-color; }
+a:hover	{ color: $link-hover-color; }
+
+a.time { 
+	color: $faint-color; 
+	&:hover {
+		color: $link-hover-color;
+	}
+}
+
+// Links on gradient backgrounds
+.forumbg .header a, .forabg .header a, th a {
+	color: $heading-link;
+}
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+	color: $heading-link-hover;
+}
+
+// Notification mark read link
+.dropdown-extended a.mark_read {
+	background-color: $dropdown-bg;
+}
+
+// Back to top of page
+a.top, a.top2 {
+	color: $muted-color;
+	&:hover {
+		color: $link-hover-color;
+	}
+}
+
+// Arrow links
+a.arrow-left:hover {
+}
+
+a.arrow-right:hover {
+}
+
+a.feed-icon-forum:after {
+	color: mix($muted-color, $block-background, 50%);
+}
+
+a.feed-icon-forum:hover:after {
+	color: $link-hover-color;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for content.css
+// --------------------------------------------------------------
+
+ul.forums {
+}
+
+ul.topiclist li {
+	color: $text-color;
+	@if $split-forums == false {
+		.forabg &, .forumbg & {
+			background: transparent;
+		}
+	}
+}
+
+ul.topiclist li.row dt a.subforum.read {
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-size: 11px 9px;
+	}
+}
+
+ul.topiclist li.row dt a.subforum.unread {
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-size: 11px 9px;
+	}
+}
+
+li.row {
+	border-top-color: $block-top-border;
+	border-bottom-color: $block-bottom-border;
+	.forum-lastpost strong,
+	.subforums-list strong {
+		color: $muted-color;
+	}
+}
+
+li.row strong {
+	color: $bold-text-color;
+}
+
+li.row:hover {
+}
+
+li.row:hover dd {
+}
+
+// Unread forum/topic
+.icon-link + .list-inner > a.forumtitle,
+.pm_unread .topictitle,
+a.subforum.unread {
+	color: $secondary-color;
+}
+
+// Post body styles
+// ----------------------------------------
+.postbody {
+	color: $post-text-color;
+}
+
+// Content container styles
+// ----------------------------------------
+.content {
+	color: $post-text-color;
+}
+
+.content h2, .panel h2 {
+	color: $panel-title-color;
+	border-bottom-color:  $panel-title-border;
+}
+
+dl.faq dt {
+	color: $post-text-color;
+}
+
+.posthilit {
+	background-color: $block-background-reported;
+	color: if($light, darken($secondary-color, 10%), lighten($secondary-color, 10%));
+}
+
+.announce, .unreadpost {
+	// Highlight the announcements & unread posts box
+}
+
+// Post signature
+.signature {
+	border-top-color: $block-inner-border;
+}
+
+// Post noticies
+.notice {
+	border-top-color:  $block-inner-border;
+}
+
+// BB Code styles
+// ----------------------------------------
+// Quote block
+blockquote {
+	background-color: $bbcode-background;
+	border-color: $bbcode-outer-border;
+	border-left-color: lighten($secondary-color, 15%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten($secondary-color, 15%);
+	}
+}
+
+blockquote blockquote,
+blockquote .codebox,
+blockquote .attachbox {
+	// Nested quotes
+	background-color: $bbcode-background2;
+	background-color: rgba(196, 196, 196, 0.1);
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+blockquote blockquote blockquote,
+blockquote blockquote .codebox,
+blockquote blockquote .attachbox {
+	// Nested quotes
+	background-color: $bbcode-background;
+	border-left-color: lighten($secondary-color, 15%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten($secondary-color, 15%);
+	}
+}
+
+blockquote:before {
+	color: $muted-color;
+}
+
+// Code block
+.codebox {
+	background-color: $bbcode-background;
+	border-color: $bbcode-outer-border;
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+.codebox p {
+	border-bottom-color:  $bbcode-inner-border;
+}
+
+.codebox code {
+	color: $bbcode-code-color;
+}
+
+// Attachments
+// ----------------------------------------
+.attachbox {
+	background-color: $bbcode-background;
+	border-color:  $bbcode-outer-border;
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+.attachbox dd {
+	border-top-color: $bbcode-inner-border;
+}
+
+.attachbox p {
+	color: $bbcode-heading-text;
+}
+
+.attachbox p.stats {
+	color: $bbcode-heading-text;
+}
+
+// Inline image thumbnails
+
+dl.file dd {
+	color: $bbcode-heading-text;
+}
+
+dl.thumbnail img {
+	border-color: $bbcode-inner-border;
+	background-color: $block-background;
+}
+
+dl.thumbnail dd {
+	color: $bbcode-heading-text;
+}
+
+// Post poll styles
+// ----------------------------------------
+
+fieldset.polls dl {
+	border-top-color: $block-top-border;
+	border-bottom-color: $block-bottom-border;
+	color: $text-color;
+}
+
+fieldset.polls dl.voted {
+	color: $bold-text-color;
+}
+
+fieldset.polls dd div {
+	color: $overlay-color;
+}
+
+%pollbar {
+	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
+}
+
+.pollbar1 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 30%);
+}
+
+.pollbar2 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 25%);
+}
+
+.pollbar3 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 20%);
+}
+
+.pollbar4 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 10%);
+}
+
+.pollbar5 {
+	@extend %pollbar;
+	background-color: $secondary-color;
+}
+
+// Poster profile block
+// ----------------------------------------
+.postprofile {
+	color: $text-color;
+	border-color: $block-inner-border;
+}
+
+.postprofile strong {
+	color: $bold-text-color;
+}
+
+.online-ribbon span {
+	background-color: $secondary-color;
+	color: #fff;
+}
+
+dd.profile-warnings {
+	color: #BC2A4D;
+}
+
+.no-avatar .avatar-container {
+	background-image: url("./images/no_avatar.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+		background-image: url("./images/no_avatar_hd.png");
+	}
+}
+
+.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+	background: rgba(0, 0, 0, .1);
+}
+
+.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+	background: rgba(0, 0, 0, .3);
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for buttons.css
+// --------------------------------------------------------------
+.button {
+	&, .buttons > &.locked-icon {
+		border-color: $button-border;
+		background-color: $button-bg;
+		color: $button-text;
+		box-shadow: none;
+	}
+
+
+	&:after, &:before {
+	}
+	.buttons > &.locked-icon {
+		color: $button-icon;
+		&:after, &:before {
+			color: $button-icon !important;
+		}
+		&:hover {
+			box-shadow: none;
+		}
+	}
+
+	& > strong {
+	}
+
+	.buttons > &, &.report-icon, &.delete-icon {
+		border-color: $primary-color;
+		background-color: $primary-color;
+		color: $overlay-color;
+
+		&:after, &:before {
+			color: mix($overlay-color, $primary-color, 85%) !important;
+		}
+
+		& > strong {
+		}
+	}
+	&.report-icon, &.delete-icon {
+		border-color: $secondary-color;
+		background-color: $secondary-color;
+
+		&:after, &:before {
+			color: mix($overlay-color, $secondary-color, 85%) !important;
+		}
+	}
+}
+
+.dropdown-select {
+	.buttons > & {
+		color: $muted-color;
+	}
+}
+
+.dropdown-select:after { 
+	border-color: mix($button-bg, $content-background, 60%);
+}
+.dropdown-select:hover	{ 
+	border-color: $button-border; 
+}
+
+.dropdown-select:hover:after, .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after	{ 
+	border-color: mix($secondary-color, $content-background, 90%);
+}
+
+.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select,
+.buttons > .button:hover,
+.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
+	border-color: $secondary-color !important;
+	background-color: $secondary-color;
+	color: $overlay-color;
+
+	&:after, &:before {
+		color: $overlay-color !important;
+	}
+}
+
+.contact-icons a		{ border-color: $block-inner-border; }
+
+// Small icons
+%icon-button {
+	color: $button-icon;
+	&:hover {
+		color: $button-icon-hover;
+	}
+}
+
+%icon-button-visible {
+	.dropdown-visible &,
+	.nojs .dropdown-container:hover & {
+		color: $button-icon-hover;
+	}
+}
+
+.jabber-icon:after {
+	color: #c90000;
+}
+
+.phpbb_icq-icon:after {
+	color: #60ff00;
+	text-shadow: 0 0 1px #000, 0 0 2px #000;
+}
+
+.phpbb_wlm-icon:after {
+	color: #76acd3;
+}
+
+.phpbb_aol-icon:after {
+	color: #ffd800;
+	text-shadow: 0 0 1px #000, 0 0 2px #000;
+}
+
+// Icon images
+// ----------------------------------------
+%icon-image {
+	&:after {
+		color: $link-color;
+	}
+	&:hover:after {
+		color: $link-hover-color;
+	}
+}
+
+%icon-search-new {
+	&:after {
+		color: $secondary-color;
+	}
+}
+
+%icon-search-misc {
+	&:after {
+		color: $faint-color;
+	}
+}
+
+.icon-home {
+	&.breadcrumbs:after {
+		color: $link-color;
+	}
+}
+
+.icon-notification, .icon-pm {
+	&.non-zero:after {
+		color: $secondary-color;
+	}
+}
+
+.icon-time {
+	&:after {
+		color: $faint-color;
+	}
+}
+
+/* Profile & navigation icons */
+.pm-icon							{ background-position: 0 0; }
+.email-icon							{ background-position: -21px 0; }
+.jabber-icon						{ background-position: -80px 0; }
+.phpbb_icq-icon						{ background-position: -61px 0 ; }
+.phpbb_wlm-icon						{ background-position: -182px 0; }
+.phpbb_aol-icon						{ background-position: -244px 0; }
+.phpbb_website-icon					{ background-position: -40px 0; }
+.phpbb_youtube-icon					{ background-position: -98px 0; }
+.phpbb_facebook-icon				{ background-position: -119px 0; }
+.phpbb_googleplus-icon				{ background-position: -140px 0; }
+.phpbb_skype-icon					{ background-position: -161px 0; }
+.phpbb_twitter-icon					{ background-position: -203px 0; }
+.phpbb_yahoo-icon					{ background-position: -224px 0; }
+
+// Forum icons & Topic icons
+.global_read													{ background-image: url("./images/announce_read.png"); }
+.global_read_mine												{ @extend .global_read; }
+.global_read_locked												{ background-image: url("./images/announce_read_locked.png"); }
+.global_read_locked_mine										{ @extend .global_read_locked; }
+.global_unread													{ background-image: url("./images/announce_unread.png"); }
+.global_unread_mine												{ @extend .global_unread; }
+.global_unread_locked											{ background-image: url("./images/announce_unread_locked.png"); }
+.global_unread_locked_mine										{ @extend .global_unread_locked; }
+
+.announce_read													{ @extend .global_read; }
+.announce_read_mine												{ @extend .global_read_mine; }
+.announce_read_locked											{ @extend .global_read_locked; }
+.announce_read_locked_mine										{ @extend .global_read_locked_mine; }
+.announce_unread												{ @extend .global_unread; }
+.announce_unread_mine											{ @extend .global_unread_mine; }
+.announce_unread_locked											{ @extend .global_unread_locked; }
+.announce_unread_locked_mine									{ @extend .global_unread_locked_mine; }
+
+.forum_link														{ background-image: url("./images/forum_link.png"); }
+.forum_read														{ background-image: url("./images/forum_read.png"); }
+.forum_read_locked												{ background-image: url("./images/forum_read_locked.png"); }
+.forum_read_subforum											{ background-image: url("./images/forum_read_subforum.png"); }
+.forum_unread													{ background-image: url("./images/forum_unread.png"); }
+.forum_unread_locked											{ background-image: url("./images/forum_unread_locked.png"); }
+.forum_unread_subforum											{ background-image: url("./images/forum_unread_subforum.png"); }
+
+.sticky_read													{ @extend .topic_read; }
+.sticky_read_mine												{ @extend .topic_read_mine; }
+.sticky_read_locked												{ @extend .topic_read_locked; }
+.sticky_read_locked_mine										{ @extend .topic_read_locked_mine; }
+.sticky_unread													{ @extend .topic_unread; }
+.sticky_unread_mine												{ @extend .topic_unread_mine; }
+.sticky_unread_locked											{ @extend .topic_unread_locked; }
+.sticky_unread_locked_mine										{ @extend .topic_unread_locked_mine; }
+
+.topic_moved													{ background-image: url("./images/topic_moved.png"); }
+.topic_read														{ background-image: url("./images/topic_read.png"); }
+.topic_read_mine												{ background-image: url("./images/topic_read_mine.png"); }
+.topic_read_hot													{ background-image: url("./images/topic_read_hot.png"); }
+.topic_read_hot_mine											{ background-image: url("./images/topic_read_hot_mine.png"); }
+.topic_read_locked												{ background-image: url("./images/topic_read_locked.png"); }
+.topic_read_locked_mine											{ background-image: url("./images/topic_read_locked_mine.png"); }
+.topic_unread,													{ background-image: url("./images/topic_unread.png"); }
+.topic_unread_mine												{ background-image: url("./images/topic_unread_mine.png"); }
+.topic_unread_hot												{ background-image: url("./images/topic_unread_hot.png"); }
+.topic_unread_hot_mine											{ background-image: url("./images/topic_unread_hot_mine.png"); }
+.topic_unread_locked											{ background-image: url("./images/topic_unread_locked.png"); }
+.topic_unread_locked_mine										{ background-image: url("./images/topic_unread_locked_mine.png"); }
+
+.pm_read														{ @extend .topic_read; }
+.pm_unread														{ @extend .topic_unread; }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)
+{
+	.global_read, .global_read_locked, .global_unread, .global_unread_locked,
+	.forum_link, .forum_read, .forum_read_locked, .forum_read_subforum, .forum_unread, .forum_unread_locked, .forum_unread_subforum,
+	.topic_moved, .topic_read, .topic_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .topic_read_locked_mine,
+	.topic_unread, .topic_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .topic_unread_locked_mine
+	{
+		background-size: 36px 36px;
+	}
+
+	.global_read												{ background-image: url("./images/announce_read_hd.png"); }
+	.global_read_locked											{ background-image: url("./images/announce_read_locked_hd.png"); }
+	.global_unread												{ background-image: url("./images/announce_unread_hd.png"); }
+	.global_unread_locked										{ background-image: url("./images/announce_unread_locked_hd.png"); }
+
+	.forum_link													{ background-image: url("./images/forum_link_hd.png"); }
+	.forum_read													{ background-image: url("./images/forum_read_hd.png"); }
+	.forum_read_locked											{ background-image: url("./images/forum_read_locked_hd.png"); }
+	.forum_read_subforum										{ background-image: url("./images/forum_read_subforum_hd.png"); }
+	.forum_unread												{ background-image: url("./images/forum_unread_hd.png"); }
+	.forum_unread_locked										{ background-image: url("./images/forum_unread_locked_hd.png"); }
+	.forum_unread_subforum										{ background-image: url("./images/forum_unread_subforum_hd.png"); }
+
+	.topic_moved												{ background-image: url("./images/topic_moved_hd.png"); }
+	.topic_read													{ background-image: url("./images/topic_read_hd.png"); }
+	.topic_read_mine											{ background-image: url("./images/topic_read_mine_hd.png"); }
+	.topic_read_hot												{ background-image: url("./images/topic_read_hot_hd.png"); }
+	.topic_read_hot_mine										{ background-image: url("./images/topic_read_hot_mine_hd.png"); }
+	.topic_read_locked											{ background-image: url("./images/topic_read_locked_hd.png"); }
+	.topic_read_locked_mine										{ background-image: url("./images/topic_read_locked_mine_hd.png"); }
+	.topic_unread												{ background-image: url("./images/topic_unread_hd.png"); }
+	.topic_unread_mine											{ background-image: url("./images/topic_unread_mine_hd.png"); }
+	.topic_unread_hot											{ background-image: url("./images/topic_unread_hot_hd.png"); }
+	.topic_unread_hot_mine										{ background-image: url("./images/topic_unread_hot_mine_hd.png"); }
+	.topic_unread_locked										{ background-image: url("./images/topic_unread_locked_hd.png"); }
+	.topic_unread_locked_mine									{ background-image: url("./images/topic_unread_locked_mine_hd.png"); }
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for cp.css
+// --------------------------------------------------------------
+
+// Main CP box
+// ----------------------------------------
+
+.panel-container h3, .panel-container hr, #cp-menu hr {
+}
+
+.panel-container .panel li.row {
+}
+
+ul.cplist {
+}
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+	color: $bold-text-color;
+}
+
+.panel-container table.table1 thead th {
+	color: $post-text-color;
+	border-bottom-color: $block-inner-border;
+}
+
+#cp-main .pm-message {
+	border-color: $block-border;
+	background-color: $block-background;
+}
+
+// CP tabbed menu
+// ----------------------------------------
+#tabs .tab > a {
+	background: $tab-background;
+	color: $tab-color;
+}
+
+#tabs .tab > a:hover {
+	background: $tab-hover-background;
+	color: $tab-hover-color;
+}
+
+#tabs .activetab > a,
+#tabs .activetab > a:hover {
+	background: $tab-selected-background;
+	box-shadow: 0 5px 5px -5px $tab-selected-background;
+	border-color: $tab-selected-background;
+	color: $tab-selected-color;
+}
+
+#tabs .activetab > a:hover {
+}
+
+// Mini tabbed menu used in MCP
+// ----------------------------------------
+#minitabs .tab > a {
+	background-color: $block-background2;
+}
+
+#minitabs .activetab > a,
+#minitabs .activetab > a:hover {
+	background-color: #F9F9F9;
+	color: #333333;
+}
+
+// Responsive tabs
+// ----------------------------------------
+.responsive-tab .responsive-tab-link:before {
+	color: $tab-color;
+}
+
+// UCP navigation menu
+// ----------------------------------------
+
+// Link styles for the sub-section links
+#navigation a {
+	color: $text-color;
+	background: $block-background;
+	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .1);
+}
+
+#navigation a:hover {
+	background: $block-background2;
+	color: $link-hover-color;
+}
+
+#navigation #active-subsection a {
+	background: $primary-color;
+	color: $overlay-color;
+}
+
+#navigation #active-subsection a:hover {
+	background-color: $secondary-color;
+}
+
+#navigation > hr {
+	border-top-color: $block-background2;
+}
+
+// Preferences pane layout
+// ----------------------------------------
+.panel-container h2 {
+	color: $post-text-color;
+}
+
+.panel-container .panel {
+	background: mix($content-background, $block-background3, 60%);
+	box-shadow: none;
+	border-width: 0;
+	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+	& > .inner > h3:first-child {
+		@include section-heading-cp;
+	}
+	&:before, &:after {
+		background: transparent;
+	}
+}
+
+#cp-main .pm {
+	background-color: $block-background;
+}
+
+// Friends list
+.cp-mini {
+	background-color: $block-background2;
+}
+
+dl.mini dt {
+}
+
+// PM Styles
+// ----------------------------------------
+// PM Message history
+.current {
+	color: $bold-text-color !important;
+}
+
+// PM marking colours
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: #BC2A4D;
+	border-right-color: #BC2A4D;
+}
+
+.pmlist li.pm_marked_colour, .pm_marked_colour {
+	border-color: #ff5100;
+}
+
+.pmlist li.pm_replied_colour, .pm_replied_colour {
+	border-color: #A9B8C2;
+}
+
+.pmlist li.pm_friend_colour, .pm_friend_colour {
+	border-color: #5D8FBD;
+}
+
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+	border-color: #000000;
+}
+
+// Avatar gallery
+#gallery label {
+	background: $block-background2;
+	border-color: $block-inner-border;
+}
+
+#gallery label:hover {
+	background-color: $block-background3;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for forms.css
+// --------------------------------------------------------------
+
+// General form styles
+// ----------------------------------------
+select {
+	border-color: $input-border;
+	background-color: $input-bg;
+	color: $input-text;
+}
+
+label {
+	color: $text-color;
+}
+
+option.disabled-option {
+	color: $muted-color;
+}
+
+// Definition list layout for forms
+// ----------------------------------------
+dd label {
+	color: $post-text-color;
+}
+
+fieldset.fields1 {
+	background-color: transparent;
+}
+
+// Hover effects
+fieldset dl:hover dt label {
+	color: $bold-text-color;
+}
+
+fieldset.fields2 dl:hover dt label {
+	color: inherit;
+}
+
+// Quick-login on index page
+fieldset.quick-login input.inputbox {
+}
+
+// Posting page styles
+// ----------------------------------------
+
+#message-box textarea {
+	color: $input-text;
+}
+
+#message-box textarea.drag-n-drop {
+	outline-color: rgba($faint-color, 0.5);
+}
+
+#message-box textarea.drag-n-drop-highlight {
+	outline-color: rgba($muted-color, 0.5);
+}
+
+// Input field styles
+// ----------------------------------------
+.inputbox, select {
+	background-color: $input-bg;
+	border-color: $input-border;
+	color: $input-text;
+}
+
+.inputbox {
+	@include placeholder {
+		color: mix($input-text, $input-bg, 70%);
+	}
+}
+
+.inputbox:hover, select:hover {
+	background-color: $input-hover-bg;
+	border-color: $input-hover-border;
+	color: $input-hover-text;
+}
+
+.inputbox:focus, select:focus {
+	background-color: $input-focus-bg;
+	border-color: $input-focus-border;
+	color: $input-focus-text;
+}
+
+.inputbox:hover {
+	@include placeholder {
+		color: $input-hover-text;
+	}
+}
+
+.inputbox:focus {
+	@include placeholder {
+		color: transparent;
+	}
+}
+
+
+// Form button styles
+// ----------------------------------------
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+	color: $button-text;
+	border-color: $button-border;
+	background-color: $button-bg;
+}
+
+a.button1, input.button1 {
+	border-color: $primary-color;
+	background-color: $primary-color;
+	color: $overlay-color;
+}
+
+input.button3 {
+	background-image: none;
+}
+
+// Hover states
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+	border-color: $secondary-color;
+	background-color: $secondary-color;
+	color: $overlay-color;
+}
+
+// Focus states
+input.button1:focus, input.button2:focus, input.button3:focus {
+	border-color: $secondary-color;
+	background-color: $secondary-color;
+	color: $overlay-color;
+}
+
+input.disabled {
+	color: $muted-color;
+}
+
+// jQuery popups
+// ----------------------------------------
+.phpbb_alert {
+	background-color: $content-background;
+	border-color: $block-inner-border;
+}
+.phpbb_alert .alert_close:before {
+	color: $link-color;
+}
+.phpbb_alert .alert_close:hover:before {
+	color: $link-hover-color;
+}
+.phpbb_alert .alert_close:after {
+	color: $content-background;
+}
+.darken {
+	background-color: #000;
+}
+
+.loading_indicator {
+	background-color: #000;
+	background-image: url("./images/loading.gif");
+}
+
+.dropdown-extended ul li {
+	border-top-color: $block-inner-border;
+}
+
+.dropdown-extended ul li:hover {
+	background-color: $block-background2;
+	color: $bold-text-color;
+}
+
+.dropdown-extended .header, .dropdown-extended .footer {
+	border-color: $block-inner-border;
+	color: $bold-text-color;
+}
+
+.dropdown-extended .footer {
+	border-top-style: solid;
+	border-top-width: 1px;
+}
+
+.dropdown-extended .header {
+	background: $dropdown-heading-top;
+	// background-image: -webkit-linear-gradient(top, $dropdown-heading-top 0, $dropdown-heading-bottom 100%);
+	// background-image: linear-gradient(to bottom, $dropdown-heading-top 0, $dropdown-heading-bottom 100%);
+	// filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($dropdown-heading-top)}', endColorstr='#{ie-hex-str($dropdown-heading-top)}');
+	color: $dropdown-heading-color;
+	a {
+		color: $dropdown-heading-link-color;
+		&:hover {
+			color: $dropdown-heading-link-hover-color;
+		}
+	}
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+	color: $link-color;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
+	color: $link-hover-color;
+}
+
+.dropdown .dropdown-contents {
+	background: $dropdown-bg;
+	border-color: $dropdown-border;
+	box-shadow: $dropdown-shadow;
+}
+
+.dropdown-up .dropdown-contents {
+	box-shadow: $dropdown-shadow-up;
+}
+
+.dropdown li, .dropdown li li {
+	border-color: $dropdown-inner-border;
+}
+
+.dropdown li.separator {
+	border-color: $dropdown-inner-border;
+}
+
+// Notifications
+// ----------------------------------------
+.notification_list li {
+	&.notification-reported strong, &.notification-disapproved strong {
+		color: $secondary-color;
+	}
+
+	&.dropdown-notification {
+		background-color: $dropdown-notification-bg;
+		color: $dropdown-notification-color;
+		&, .panel-container & {
+			border-top-color: lighten($dropdown-notification-bg, 10%);
+			border-bottom-color: darken($dropdown-notification-bg, 10%);
+		}
+		strong {
+			color: $dropdown-notification-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($dropdown-notification-bg, $dropdown-notification-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($dropdown-notification-bg) < 50%, darken($dropdown-notification-bg, 30%), lighten($dropdown-notification-bg, 30%)), 100%);
+			&, &:after {
+				color: $dropdown-notification-strong-color;
+				&:hover {
+					color: $dropdown-notification-color;
+				}
+			}
+		}
+	}
+
+	&.bg3 {
+		// Unread
+		background-color: $notification-unread-bg;
+		color: $notification-unread-color;
+		&, .panel-container & {
+			border-top-color: lighten($notification-unread-bg, 10%);
+			border-bottom-color: darken($notification-unread-bg, 10%);
+		}
+		strong {
+			color: $notification-unread-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($notification-unread-bg, $notification-unread-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($notification-unread-bg) < 50%, darken($notification-unread-bg, 30%), lighten($notification-unread-bg, 30%)), 100%);
+			&, &:after {
+				color: $notification-unread-strong-color;
+				&:hover {
+					color: $notification-unread-color;
+				}
+			}
+		}
+	}
+
+	&.dropdown-notification:hover {
+		background-color: $dropdown-notification-hover-bg;
+		color: $dropdown-notification-color;
+		&, .panel-container & {
+			border-top-color: lighten($dropdown-notification-hover-bg, 10%);
+			border-bottom-color: darken($dropdown-notification-hover-bg, 10%);
+		}
+		strong {
+			color: $dropdown-notification-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($dropdown-notification-hover-bg, $dropdown-notification-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($dropdown-notification-hover-bg) < 50%, darken($dropdown-notification-hover-bg, 30%), lighten($dropdown-notification-hover-bg, 30%)), 100%);
+			&, &:after {
+				color: $dropdown-notification-strong-color;
+				&:hover {
+					color: $dropdown-notification-color;
+				}
+			}
+		}
+	}
+}
+
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for imageset.css
+// --------------------------------------------------------------
+// .imageset.icon_post_target_unread {
+// 	&:after {
+// 		color: #D31141;
+// 	}
+// }
+
+.imageset.icon_post_target {
+	background-image: url("./images/icon_post_target.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-image: url("./images/icon_post_target_hd.png");
+	}
+}
+.imageset.icon_post_target_unread {
+	background-image: url("./images/icon_post_target_unread.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-image: url("./images/icon_post_target_unread_hd.png");
+	}
+}
+
+.imageset.icon_topic_attach {
+	&:after {
+		color: $muted-color;
+	}
+}
+
+%imageset-secondary-color {
+	&:after {
+		color: $secondary-color;
+	}
+}
+
+.imageset.icon_topic_poll {
+	&:after {
+		color: desaturate(mix($primary-color, $block-background, 80%), 30%);
+	}
+}
diff --git a/simplicity_aqua/theme/_custom.scss b/simplicity_aqua/theme/_custom.scss
new file mode 100644
index 0000000..adc0a77
--- /dev/null
+++ b/simplicity_aqua/theme/_custom.scss
@@ -0,0 +1,6 @@
+//
+//	Add your custom code to this file
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
diff --git a/simplicity_aqua/theme/_custom_config.scss b/simplicity_aqua/theme/_custom_config.scss
new file mode 100644
index 0000000..750dc54
--- /dev/null
+++ b/simplicity_aqua/theme/_custom_config.scss
@@ -0,0 +1,13 @@
+//
+//	Add your custom configuration variables to this file.
+//	See _style_config.scss for list of variables
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
+
+
+// Examples: (commented to prevent it from working)
+// 
+// $show-logo: true;
+// $use-wrapper: false;
diff --git a/simplicity_aqua/theme/_style_config.scss b/simplicity_aqua/theme/_style_config.scss
new file mode 100644
index 0000000..6448ce0
--- /dev/null
+++ b/simplicity_aqua/theme/_style_config.scss
@@ -0,0 +1,414 @@
+//
+// Do not edit configuration values in this file.
+//
+// Instead add your own configuration to _custom_config.scss
+// Copy line from this file, paste it to _custom_config.scss and change value.
+//
+
+// Configuration file
+$show-logo:								true !default;	// true or false
+$center-logo:							true !default;	// true or false
+$logo-block-padding:					10px 0 !default;
+$responsive-hide-logo:					false !default;	// Hide logo on mobile devices. true or false
+
+$show-forum-title:						false !default;	// true or false
+
+$profile-width:							150px !default;
+$profile-side:							left !default;	// left or right
+$post-margin:							($profile-width + 10px) !default;
+
+$use-wrapper:							false !default;	// true or false
+$max-width:								none !default;	// Maximum width. Set to "none" to make layout fluid
+
+$split-forums:							true !default;	// Changes layout of forums list. Values are true or false
+
+$tabbed-navigation:						false !default;	// true or false. Toggles tabbed navigation layout
+
+//
+// Fonts
+//
+
+$font-size:								11px !default;	// Base font size
+$font-family:							Verdana, Helvetica, Arial, sans-serif !default;	// Default font
+$line-height:							1.4 !default;	// Line height
+
+$h1-font-size:							$font-size + 10px !default;
+$h1-font-family:						"Trebuchet MS", Arial, Helvetica, sans-serif !default;
+
+$h2-font-size:							$font-size + 8px !default;
+$h2-font-family:						"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$paragraph-line-height:					1.3 !default;
+
+$nav-primary-font-size:					$font-size + 1px !default;
+$nav-secondary-font-size:				$font-size + 1px !default;
+
+$heading-font-size:						$font-size + 4px !default;
+$panel-heading-font-size:				$font-size + 4px !default;
+
+$list-heading-font-size:				$font-size + 1px !default;
+$list-heading-line-height:				$font-size + 7px !default;
+$list-heading-font-family:				"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$forum-heading-font-size:				$list-heading-font-size + 2px !default;
+$forum-heading-font-family:				$list-heading-font-family !default;
+$forum-heading-font-weight:				500 !default;
+
+$button-font-size:						$font-size + 3px !default;
+$button-line-height:					floor(($font-size + 8px) / 2) * 2 !default;	// Convert to even number
+$button-glyph-font-size:				floor($font-size / 2) * 2 !default;	// Convert to even number
+
+$dropdown-header-font-size:				$font-size + 2px !default;
+$dropdown-header-font-family:			Arial, "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$dropdown-header-line-height:			30px !default;
+
+$forum-link-font-size:					$font-size + 5px !default;
+$forum-link-line-height:				1.2 !default;
+$forum-link-font-family:				"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$forum-list-column-font-size:			$font-size + 1px !default;
+$forum-list-last-column-font-size:		$font-size !default;
+$forum-list-description-font-size:		$font-size + 2px !default;
+
+$topic-link-font-size:					$font-size + 4px !default;
+$topic-link-font-family:				$forum-link-font-family !default;
+
+$tab-font-size:							$font-size !default;
+$tab-line-height:						$tab-font-size * 2 + 4px !default;
+
+// Posts
+$post-content-font-size:				$font-size + 2px !default;	// Post content
+$post-content-line-height:				1.4 !default;
+$post-content-font-family:				"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif !default;
+
+$post-title-font-size:					$font-size + 5px !default;
+$post-title-line-height:				1.25 !default;
+$post-title-font-family:				$h2-font-family !default;
+
+$post-signature-font-size:				$font-size + 1px !default;
+$post-quote-font-size:					$post-content-font-size - 1px !default;
+$post-code-font-size:					$post-content-font-size - 1px !default;
+
+$post-block-title-font-size:			$post-quote-font-size !default;	// Quote title, code title
+$post-block-title-line-height:			1.6 !default;
+$post-block-title-font-family:			$post-content-font-family !default;
+
+$post-profile-font-size:				$font-size !default;
+$post-profile-line-height:				$line-height !default;
+
+// Forms
+$input-button-font-size:				$font-size + 2px !default;
+$input-button-font-family:				"Lucida Grande", Verdana, Helvetica, Arial, sans-serif !default;
+$bbcode-button-font-size:				$font-size + 1px !default;
+
+//
+// Color palette
+//
+
+// Absolute black and white colors. Reverse them for dark styles
+$black-color:							#000 !default;		// Main color to mix with. Black for light styles, white for dark styles
+$white-color:							#fff !default;		// Opposite of $black-color
+
+// Page colors
+$page-background:						#e8e8e8 !default;	// HTML element
+$content-background:					#e0e0e0 !default;	// Page inside content wrapper
+$content-border-color:					#e0e0e0 !default;	// Border color for content wrapper
+
+// Primary colors
+$primary-color:							#25aac6 !default;	// Main color, used for links and stuff
+$secondary-color:						#d0613c !default;	// Secondary color, usually in red - yellow range
+$overlay-color:							$white-color !default;	// Text on top of sections that use colorful background.
+$block-background:						#f4f4f4 !default;	// Background of blocks
+$block-background-reported:				#f5ece9 !default;	// Background for reported posts
+
+// Global color values
+$text-color:							#141414 !default;	// Text color
+$bold-text-color:						$black-color !default;	// Text color with higher contrast to background. #000 or #fff
+$post-text-color:						$text-color !default;	// Text inside posts
+$link-color:							$primary-color !default;	// Links
+$link-hover-color:						$secondary-color !default;	// Links, hover state
+$muted-color:							mix($black-color, $content-background, 40%) !default;	// Gray color
+$faint-color:							mix($black-color, $content-background, 30%) !default;	// Gray color
+$rules-color:							$secondary-color !default;	// Forum rules
+
+//
+// Calculated colors
+//
+
+// Misc. DO NOT EDIT!
+$light:									if(lightness($black-color) < 50%, true, false) !default;
+
+// Blocks
+$block-background2:						#f6f6f6 !default;	// Blocks with .bg2 background color
+$block-background3:						#f8f8f8 !default;	// Blocks with .bg3 background color - mostly UCP/MCP and posting form
+
+$block-border:							#e0e0e0 !default;	// Border color for blocks
+$border-radius:							3px !default;		// Main border radius
+$block-top-border:						lighten($block-background, 10%) !default;	// Top border of forums in forums list
+$block-bottom-border:					darken($block-background, 5%) !default;		// Bottom border of forums in forums list
+$block-inner-border:					$block-bottom-border !default;	// Border inside blocks where there is only 1 border instead of top/bottom borders
+
+$block-title-color:						desaturate($link-color, 5%) !default;	// Title inside blocks, such as post title
+
+// Tabs
+$tab-color:								desaturate($link-color, 20%) !default;
+$tab-background:						$block-background !default;
+
+$tab-hover-color:						$link-hover-color !default;
+$tab-hover-background:					$block-background3 !default;
+
+$tab-selected-color:					mix($text-color, $block-background3, 90%) !default;
+$tab-selected-background:				$block-background3 !default;
+
+// Header
+$header-bg:								$content-background !default;
+$header-text:							$text-color !default;
+$header-link:							$overlay-color !default;
+$header-link-hover:						mix($header-link, $header-bg, 80%) !default;
+
+// Primary navigation
+$primary-nav-bg:						$primary-color !default;
+$primary-nav-color:						$overlay-color !default;
+
+$primary-nav-selected-bg:				$block-background !default;
+$primary-nav-selected-color:			$primary-color !default;
+
+$primary-nav-hover-bg:					$block-background !default;
+$primary-nav-hover-color:				$secondary-color !default;
+
+$primary-nav-alert-bg:					hsl(0, saturation($secondary-color), lightness($secondary-color)) !default;
+$primary-nav-alert-color:				$overlay-color !default;
+$primary-nav-alert-shadow:				1px 1px 3px rgba(0, 0, 0, .2) !default;
+
+// Secondary navigation
+$secondary-nav-hover-link:				$link-hover-color !default;
+
+// Dropdown
+$dropdown-bg:							$block-background !default;
+$dropdown-border:						$primary-color !default;
+$dropdown-shadow:						1px 3px 5px rgba(0, 0, 0, 0.5) !default;
+$dropdown-shadow-up:					1px 0 5px rgba(0, 0, 0, 0.5) !default;
+$dropdown-inner-border:					if($light, darken($dropdown-bg, 10%), lighten($dropdown-bg, 10%)) !default;
+
+$dropdown-heading-top:					$dropdown-border !default;
+$dropdown-heading-bottom:				$dropdown-heading-top !default;
+$dropdown-heading-color:				$overlay-color !default;
+$dropdown-heading-link-color:			$overlay-color !default;
+$dropdown-heading-link-hover-color:		$overlay-color !default;
+
+$forum-description-color:				$overlay-color !default;
+$forum-description-bg:					mix($black-color, $block-background, 75%) !default;
+
+// Notifications
+$notification-unread-bg:				mix($content-background, $rules-color, 90%) !default;
+$notification-unread-color:				$rules-color !default;
+$notification-unread-strong-color:		$black-color !default;
+
+$dropdown-notification-bg:				$block-background !default;
+$dropdown-notification-hover-bg:		$block-background2 !default;
+$dropdown-notification-color:			$link-color !default;
+$dropdown-notification-strong-color:	desaturate(if(lightness($dropdown-notification-color) < 50%, darken($dropdown-notification-color, 30%), lighten($dropdown-notification-color, 30%)), 100%) !default;
+
+// Panels
+$panel-title-color:						desaturate(if($light, darken($primary-color, 10%), lighten($primary-color, 10%)), 25%) !default;
+$panel-title-border:					$block-inner-border !default;
+
+// Content outside of blocks
+$page-title-color:						$primary-color !default;
+$stats-title-color:						$primary-color !default;
+$content-top-border:					lighten($content-background, 10%) !default;
+$content-bottom-border:					darken($content-background, 10%) !default;
+$content-inner-border:					$content-bottom-border !default;
+
+// Heading section
+$heading-bg:							$primary-color !default;
+$heading-border:						$heading-bg !default;
+$heading-color:							$overlay-color !default;
+$heading-link:							$overlay-color !default;
+$heading-link-hover:					$overlay-color !default;
+
+// Inputs
+$input-text:							$text-color !default;	// Input text color
+$input-bg:								$white-color !default;	// Input background
+$input-border:							#c6c6c6 !default;	// Input border color
+$input-hover-text:						$input-text !default;
+$input-hover-bg:						$input-bg !default;
+$input-hover-border:					$secondary-color !default;
+$input-focus-text:						$input-text !default;
+$input-focus-bg:						$input-bg !default;
+$input-focus-border:					$primary-color !default;
+$input-border-radius:					2px !default;
+
+$search-box-border:						#c6c6c6 !default;	// Border for search box block
+$search-box-border-header:				#ccc !default;		// Same as above, for search box in header
+$search-box-shadow:						1px 1px 3px rgba(0, 0, 0, .1) !default;	// Box-shadow for search box in header
+
+// Buttons
+$button-bg:								mix($block-background, $primary-color, 10%) !default;
+$button-border-radius:					3px !default;
+$button-border:							$button-bg !default;
+$button-icon:							$overlay-color !default;
+$button-icon-hover:						$overlay-color !default;
+$button-text:							$overlay-color !default;
+
+$button-top-padding:					2px !default;
+$button-side-padding:					8px !default;
+$button-border-width:					1px !default;
+$button-height:							$button-line-height + ($button-top-padding + $button-border-width) * 2 !default;
+
+$big-button-border-radius:				4px !default;	// For big buttons and blocks like quick search
+
+// BBCode
+$bbcode-border-radius:					0px !default;
+$bbcode-background:						#fff !default;
+$bbcode-background2:					#f4f4f4 !default;
+$bbcode-outer-border:					if($light, darken($bbcode-background, 7%), lighten($bbcode-background, 7%)) !default;
+$bbcode-inner-border:					if($light, darken($bbcode-background, 5%), lighten($bbcode-background, 5%)) !default;
+$bbcode-heading-text:					#666 !default;
+
+// Code colors
+@function code-color($hue) {
+	@return hsl($hue, saturation($primary-color), lightness($primary-color));
+}
+$bbcode-code-color:						code-color(128deg) !default;
+
+// Do not edit few lines below
+$post-side:								if($profile-side == left, right, left) !default;
+
+// Mixins
+@mixin section {
+	background: $block-background;
+	border: 0 solid $block-border;
+	border-radius: $border-radius;
+	padding: 5px 10px;
+}
+
+@mixin section-forum {
+	@include section;
+	padding: 5px;
+}
+
+// Undo section mixin
+@mixin section-empty {
+	background: transparent;
+	border-width: 0;
+	border-radius: 0;
+	box-shadow: none;
+	padding: 0;
+}
+
+// Heading block
+@mixin section-heading {
+	margin: -5px -10px 5px;
+	border-radius: max(0, $border-radius - 1px);
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+	background: $heading-bg;
+	border: 0 solid $heading-border;
+	padding: 5px;
+	text-transform: none;
+	font-size: $heading-font-size;
+	line-height: $line-height;
+	font-weight: normal;
+	color: $heading-color;
+
+	@if $border-radius > 1px {
+		@media (max-width: 700px) {
+			border-radius: 0;
+		}
+	}
+
+	a {
+		color: $heading-link;
+		&:hover {
+			color: $heading-link-hover;
+		}
+	}
+}
+
+@mixin section-heading-forum {
+	@include section-heading;
+	@if $split-forums == false {
+		margin: -5px -5px 0;
+	}
+	@else {
+		@include section-heading-separate;
+		margin: 0;
+	}
+}
+
+@mixin section-heading-separate {
+	border-radius: $border-radius;
+}
+
+@mixin section-heading-cp {
+	background-color: transparent;
+	color: $stats-title-color;
+	background-image: none;
+	a {
+		color: $link-color;
+		&:hover {
+			color: $link-hover-color;
+		}
+	}
+}
+
+@mixin table-heading {
+	background: $heading-bg;
+	border: 0 solid $heading-border;
+	color: $heading-color;
+
+	@if $border-radius > 1px {
+		&:first-child {
+			border-top-left-radius: max(0, $border-radius - 1px);
+		}
+		&:last-child {
+			border-top-right-radius: max(0, $border-radius - 1px);
+		}
+	}
+}
+
+@mixin table-heading-transparent {
+	background: transparent;
+	color: inherit;
+}
+
+@mixin placeholder {
+	&::-moz-placeholder {
+		@content 
+	}
+	&::-webkit-input-placeholder {
+		@content
+	}
+	&:-ms-input-placeholder {
+		@content
+	}
+}
+
+@mixin tabbed-nav-layout-all {
+	@if ($use-wrapper) {
+		&, #wrap & {
+			@content;
+		}
+	}
+	@else {
+		@content;
+	}
+}
+
+@mixin tabbed-nav-layout-alt {
+	@if ($use-wrapper) {
+		@content;
+	}
+}
+
+@mixin tabbed-nav-layout-default {
+	@if ($use-wrapper) {
+		#wrap & {
+			@content;
+		}
+	}
+	@else {
+		@content;
+	}
+}
diff --git a/simplicity_aqua/theme/bidi.css b/simplicity_aqua/theme/bidi.css
new file mode 100644
index 0000000..f6c92ae
--- /dev/null
+++ b/simplicity_aqua/theme/bidi.css
@@ -0,0 +1,4 @@
+/* RTL definitions
+---------------------------------------- */
+
+@import "../../simplicity/theme/bidi.css";
\ No newline at end of file
diff --git a/simplicity_aqua/theme/common/_buttons.scss b/simplicity_aqua/theme/common/_buttons.scss
new file mode 100644
index 0000000..eed1254
--- /dev/null
+++ b/simplicity_aqua/theme/common/_buttons.scss
@@ -0,0 +1,304 @@
+// Button Styles
+// ----------------------------------------
+
+$button-inner-height:	$button-line-height + $button-top-padding * 2;
+$button-outer-height:	$button-inner-height + $button-border-width * 2;
+
+.button {
+	display: inline-block;
+	padding: $button-top-padding $button-side-padding;
+	font-size: $button-font-size;
+	font-weight: 600;
+	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;		
+	line-height: $button-line-height;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	-ms-touch-action: manipulation;
+	    touch-action: manipulation;
+	cursor: pointer;
+	-webkit-user-select: none;
+	   -moz-user-select: none;
+	    -ms-user-select: none;
+	        user-select: none;
+	border: $button-border-width solid transparent;
+	border-radius: $big-button-border-radius;
+
+	& > strong {
+		font-weight: 600;
+	}
+}
+
+.button:focus,
+.button:hover {
+ 	text-decoration: none;
+ 	outline: none;
+}
+
+.caret {
+	border-left: 1px solid;
+	position: relative;
+	right: -6px;
+}
+
+.caret i {
+	vertical-align: top;
+}
+
+/* Posting page styles
+----------------------------------------*/
+.button-search,
+.button-search-end  {
+	float: left;
+	border-radius: 0;
+	margin: 0;
+	padding: 2px 5px;
+}
+
+.button-search-end {
+	border-left-width: 0;
+	border-radius: 0 4px 4px 0;
+}
+
+.search-header .button-search,
+.search-header .button-search-end {
+	border-top-width: 0;
+	border-bottom-width: 0;
+	padding: 3px 5px;
+}
+
+.search-header .button-search-end {
+	border-right-width: 0;
+}
+
+.button-icon-only {
+	padding-left: 3px;
+	padding-right: 3px;
+}
+
+// Poster contact icons
+// ----------------------------------------
+.contact-icons.dropdown-contents {
+	min-width: 0;
+	padding: 0;
+	font-size: 0;
+}
+
+.contact-icon {
+	position: relative;
+	display: block;
+	height: 16px;
+	width: 16px;
+	&:after {
+		content: '';
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		text-align: center;
+		font-family: FontAwesome;
+		font-size: 14px;
+		line-height: 16px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+}
+.contact-icons a {
+	border-bottom: 1px dotted;
+	border-right: 1px dotted;
+	display: block;
+	float: left;
+	padding: 8px;
+}
+
+%contact-icon-gi {
+	font-family: 'Glyphicons Regular', 'Glyphicons';
+}
+
+.contact-icons .last-cell {
+	border-right: none;
+}
+
+.contact-icons div:last-child a {
+	border-bottom: none;
+}
+
+.contact-icons div {
+	clear: left;
+}
+
+// Profile icons
+.pm-icon:after {
+	content: '\f086';	// fa-comments
+}
+.email-icon:after {
+	content: '\f0e0';	// fa-envelope
+}
+.jabber-icon:after {
+	content: '\f0eb';	// fa-lightbulb-o
+	font-size: 16px;
+}
+.phpbb_icq-icon:after {
+	content: '\f013';	// fa-cog
+}
+.phpbb_wlm-icon:after {
+	content: '\f007';	// fa-user
+}
+.phpbb_aol-icon:after {
+	content: '\f2bb';	// fa-address-card
+}
+.phpbb_website-icon:after {
+	content: '\f08e';	// fa-external-link
+}
+.phpbb_youtube-icon:after {
+	content: '\f16a';	// fa-youtube-play
+}
+.phpbb_facebook-icon:after {
+	content: '\f230';	// fa-facebook-official
+}
+.phpbb_googleplus-icon:after {
+	content: '\f0d5';	// fa-google-plus
+}
+.phpbb_skype-icon:after {
+	content: '\f17e';	// fa-skype
+}
+.phpbb_twitter-icon:after {
+	content: '\f099';	// fa-twitter
+}
+.phpbb_yahoo-icon:after {
+	content: '\f19e';	// fa-yahoo
+}
+
+
+// Post control buttons
+// ---------------------------------------------
+.post-buttons {
+	float: right;
+	list-style: none;
+	margin-top: 2px;
+	.rtl & {
+		float: left;
+	}
+}
+
+.has-profile .post-buttons {
+	float: none;
+	position: absolute;
+	margin: 0;
+	top: 5px;
+
+	@if $profile-side == left {
+		right: 0;
+		.rtl & {
+			left: 0;
+		}
+	}
+	@else {
+		right: $post-margin;
+		.rtl & {
+			left: $post-margin;
+		}
+	}
+
+	.rtl & {
+		right: auto;
+	}
+}
+
+.post-buttons > li {
+	float: left;
+	margin-right: 3px;
+}
+
+.post-buttons .button, .format-buttons .button {
+	padding-left: 3px;
+	padding-right: 3px;
+}
+
+
+.hastouch .post-buttons {
+	margin-right: 10px;
+}
+
+.post-buttons .button span {
+	font-size: 0;
+}
+
+// Responsive buttons in post body
+.post-buttons .dropdown {
+	top: 20px;
+}
+
+$post-dropdown-glyphs-font-size:	floor($dropdown-content-font-size / 2) * 2;
+
+.post-buttons .dropdown a {
+	display: block;
+	font-size: $dropdown-content-font-size;
+	line-height: $dropdown-content-line-height;
+	text-align: left;
+	margin-left: 18px;
+	position: relative;
+	&:before {
+		position: absolute;
+		left: -16px;
+		top: 50%;
+		height: $post-dropdown-glyphs-font-size;
+		line-height: $post-dropdown-glyphs-font-size + 2px;
+		margin: -#{$post-dropdown-glyphs-font-size / 2} 0 0;
+		pointer-events: none;
+		color: inherit;
+	}
+	.rtl & {
+		text-align: right;
+	}
+}
+
+.hasjs .postbody .post-buttons {
+	max-width: 40%;
+}
+
+// Browser-specific tweaks
+button::-moz-focus-inner {
+	padding: 0;
+	border: 0
+}
+
+
+/* Deprecated as of version 3.2
+-------------------------------------------------*/
+.small-icon {
+	background-position: 0 50%;
+	background-repeat: no-repeat;
+	background-image: none;
+}
+
+.dropdown .small-icon {
+	background-position: 5px 50%;
+	padding: 5px;
+}
+
+.small-icon > a {
+	padding: 0 0 0 18px;
+}
+
+ul.linklist.bulletin > li.small-icon:before {
+	display: none;
+}
+
+.dropdown .small-icon > a {
+	display: block;
+}
+
+.rtl .small-icon {
+	background-position: 100% 50%;
+}
+
+.rtl .small-icon > a {
+	padding-left: 0;
+	padding-right: 19px;
+}
diff --git a/simplicity_aqua/theme/common/_common.scss b/simplicity_aqua/theme/common/_common.scss
new file mode 100644
index 0000000..7503c91
--- /dev/null
+++ b/simplicity_aqua/theme/common/_common.scss
@@ -0,0 +1,2336 @@
+// CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
+// ----------------------------------------
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+// HTML5 display-role reset for older browsers
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+abbr {
+	text-decoration: none;
+}
+
+// Useful stuff
+%clearfix {
+	&:after, &:before {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+}
+
+// General Markup Styles
+// ----------------------------------------
+html {
+	font-size: 100%;
+	height: 100%;
+}
+
+body {
+	font-family: $font-family;
+	font-size: $font-size;
+	line-height: $line-height;
+	margin: 0;
+	padding: 0 0 12px;
+	word-wrap: break-word;
+	min-height: 100%;
+	box-sizing: border-box;
+	-webkit-print-color-adjust: exact;
+}
+
+$h1-font-size:		$font-size + 10px !default;
+$h1-line-height:	inherit !default;
+
+h1, p.sitename {
+	// Forum name
+	font-family: $h1-font-family;
+	margin-right: 200px;
+	margin-top: 15px;
+	margin-bottom: 0;
+	font-weight: bold;
+	font-size: $h1-font-size;
+	line-height: $h1-line-height;
+}
+
+h2 {
+	// Forum header titles
+	font-family: $h2-font-family;
+	font-weight: normal;
+	font-size: $h2-font-size;
+	margin: 0.8em 0 0.2em 0;
+}
+
+h2.solo {
+	margin-bottom: 1em;
+}
+
+$h3-font-size:			($h2-font-size - 2px) !default;
+$h3-font-family:		$h2-font-family !default;
+
+h3 {
+	// Sub-headers (also used as post headers, but defined later)
+	font-family: $h3-font-family;
+	font-weight: 500;
+	margin-bottom: 5px;
+	font-size: $h3-font-size;
+	margin-top: 20px;
+}
+
+$h4-font-size:			ceil($font-size * 1.3) !default;
+$h4-font-family:		$h1-font-family !default;
+
+h4 {
+	// Forum and topic list titles
+	font-family: $h4-font-family;
+	font-size: $h4-font-size;
+}
+
+$paragraph-font-size:	$font-size !default;
+
+p {
+	line-height: $paragraph-line-height;
+	font-size: $paragraph-font-size;
+	margin-bottom: 1.5em;
+}
+
+img {
+	border-width: 0;
+}
+
+hr {
+	border: 0 solid transparent;
+	border-top-width: 1px;
+	height: 1px;
+	margin: 5px 0;
+	display: block;
+	clear: both;
+}
+
+hr.dashed {
+	border-top-style: dashed;
+	margin: 10px 0;
+}
+
+hr.divider {
+	display: none;
+}
+
+p.right {
+	text-align: right;
+}
+
+p.jumpbox-return {
+	margin-top: 10px;
+	margin-bottom: 0;
+	float: left;
+}
+
+b, strong {
+	font-weight: bold;
+}
+
+.text-strong {
+	font-weight: bold;
+}
+
+i, em {
+	font-style: italic;
+}
+
+.text-italics {
+	font-style: italic;
+}
+
+u {
+	text-decoration: underline;
+}
+
+ul {
+	list-style-type: disc;
+}
+
+ol {
+	list-style-type: decimal;
+}
+
+li {
+	display: list-item;
+}
+
+ul ul, ol ul {
+	list-style-type: circle;
+}
+
+ol ol ul, ol ul ul, ul ol ul, ul ul ul {
+	list-style-type: square;
+}
+
+
+// Main blocks
+// ----------------------------------------
+@mixin wrapper-padding {
+	padding: 10px;
+}
+
+#wrap {
+	@if $use-wrapper {
+		border: 1px solid transparent;
+		border-radius: 8px;
+		@include wrapper-padding;
+	}
+}
+
+@mixin page-width {
+	box-sizing: border-box;
+	margin: 0 auto;
+	max-width: $max-width;
+	min-width: 625px;
+	@if $max-width != none {
+		@media (max-width: ($max-width + 24px)) {
+			margin: 0 12px;
+		}
+	}
+	@else {
+		margin: 0 12px;
+	}
+}
+.page-width {
+	@include page-width;
+}
+
+.page-width .page-width {
+	margin: 0;
+}
+
+.page-body {
+	margin: 4px 0;
+	#wrap > &:first-of-type {
+		margin-top: 0;
+	}
+	#wrap > &:last-of-type {
+		margin-bottom: 0;
+	}
+	clear: both;
+}
+
+.page-footer {
+	clear: both;
+	#wrap + & {
+		margin-top: 5px;
+	}
+}
+
+.page-footer h3 {
+	margin-top: 20px;
+}
+
+.logo {
+	@if $show-logo == true {
+		display: block;
+		box-sizing: border-box;
+		max-width: 100%;
+		@if $center-logo == true {
+			&, & img {
+				margin: 0 auto;
+			}
+		}
+		@else {
+			float: left;
+		}
+		img {
+			display: block;
+			max-width: 100%;
+		}
+		padding: $logo-block-padding;
+		&:hover {
+			text-decoration: none;
+		}
+	}
+	@else {
+		display: none;
+	}
+}
+
+// Site description and logo
+.site-description {
+	@extend %clearfix;
+	h1, p.sitename {
+		margin-left: 0;
+		margin-right: 0;
+	}
+
+	@if $center-logo == true {
+		text-align: center;
+	}
+
+	@if $show-forum-title == false {
+		h1, p {
+			display: none;
+		}
+	}
+}
+
+// Round cornered boxes and backgrounds
+// ----------------------------------------
+.headerbar {
+	& > .inner {
+		position: relative;
+	}
+}
+
+$nav-primary-glyph-font-size:	$nav-primary-font-size + 2px !default;
+$nav-primary-glyph-margin:		0px - ($nav-primary-glyph-font-size  / 2) !default;
+
+$nav-alert-font-size:		9px !default;
+
+.navbar {
+	$navtabs-border-radius: min(5px, $border-radius) !default;
+	$navtabs-border-radius-small: max(0px, $navtabs-border-radius - 2) !default;
+	$tab-height: $nav-primary-font-size + 18px !default;
+	$tab-padding: 12px !default;
+	$tab-padding-glyph: 8px !default;
+
+	@include section;
+	padding: 0 9px;
+	clear: both;
+
+	&.tabbed, &.secondary {
+		@include section-empty;
+	}
+
+	.page-body & {
+		margin-bottom: 10px;
+	}
+	+ .navbar {
+		margin-top: 5px;
+	}
+	&.tabbed {
+		padding: 0;
+	}
+	&.secondary {
+		@extend %clearfix;
+		margin: 0;
+		padding: 1px 0;
+		> ul {
+			list-style-type: none;
+			margin: 0;
+			padding: 0;
+		}
+		> ul > li {
+			position: relative;
+			display: inline-block;
+			margin: 0;
+			padding: 0;
+			> a {
+				display: inline-block;
+				color: inherit;
+				padding: 1px 8px;
+				text-align: center;
+				line-height: $nav-secondary-font-size + 14px;
+				font-size: $nav-secondary-font-size;
+			}
+			&:hover {
+				> a {
+					text-decoration: none;
+				}
+				border-radius: 3px;
+			}
+			&.small-icon > a {
+				padding-left: 18px;
+			}
+			.dropdown {
+				top: $nav-secondary-font-size + 16px;
+			}
+			&.dropdown-up .dropdown {
+				top: auto;
+				bottom: $nav-secondary-font-size + 16px;
+			}
+			&.search-box {
+				display: block;
+				margin: 0;
+				float: right;
+				.rtl & {
+					float: left;
+				}
+				&, &:hover {
+					border-radius: 0;
+					border-width: 0;
+					box-shadow: none;
+					background: none;
+					filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+				}
+			}
+		}
+		+ .nav-breadcrumbs {
+			margin-top: 0;
+		}
+	}
+
+	li.small-icon > a {
+		padding-left: 18px;
+	}
+
+	.nav-tabs {
+		border-radius: $navtabs-border-radius;
+		& .leftside {
+			& .tab:first-child,
+			& .tab.first-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+			}
+		}
+		.rtl & .rightside {
+			& .tab:last-child,
+			& .tab.last-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+			}
+		}
+		& .rightside {
+			& .tab:last-child,
+			& .tab.last-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+			}
+		}
+		.rtl & .leftside {
+			& .tab:first-child,
+			& .tab.first-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+			}
+		}
+
+		@extend %clearfix;
+
+		& > ul {
+			list-style-type: none;
+			margin: 0;
+			height: $tab-height;
+
+			&.leftside, .rtl &.rightside {
+				float: left;
+			}
+			&.rightside, .rtl &.leftside {
+				float: right;
+			}
+
+			& > li {
+				float: left;
+				height: $tab-height;
+			}
+			.rtl & > li {
+				float: right;
+			}
+			.quick-links {
+				margin: 0;
+				&.empty {
+					display: none;
+				}
+				&.showing-responsive-menu {
+					display: block;
+				}
+			}
+		}
+
+		.nav-link {
+			text-decoration: none;
+			color: inherit;
+			display: inline-block;
+			height: $tab-height;
+			line-height: $tab-height;
+			padding: 0 $tab-padding;
+			vertical-align: baseline;
+			font-size: $nav-primary-font-size;
+			outline-style: none;
+			&.dropdown-toggle {
+				position: relative;
+				&:before {
+					$nav-primary-font-size-toggle:	ceil($nav-primary-font-size * 2 / 3) !default;
+					content: '\f078';	// fa-chevron-down
+					font-family: FontAwesome;
+					position: absolute;
+					right: 12px;
+					top: 50%;
+					font-size: $nav-primary-font-size-toggle;
+					line-height: $nav-primary-font-size;
+					width: $nav-primary-font-size-toggle;
+					height: $nav-primary-font-size;
+					margin-top: -6px;
+					.rtl & {
+						right: auto;
+						left: 12px;
+					}
+				}
+				&:hover:before {
+				}
+			}
+			.username-coloured {
+				color: inherit !important;
+				font-weight: inherit;
+				font-style: inherit;
+			}
+		}
+
+		.responsive-menu .nav-link:before,
+		.dropdown-visible .nav-link:before {
+          		content: '\f077'; // fa-chevron-up
+          		font-family: FontAwesome;
+          		position: absolute;
+          		right: 12px;
+         		top: 50%;
+          		font-size: 9px;
+          		line-height: 13px;
+          		width: 9px;
+          		height: 13px;
+          		margin-top: -6px;
+		}
+
+		.dropdown {
+			top: $tab-height;
+			.dropdown-up & {
+				top: auto;
+				bottom: $tab-height;
+			}
+		}
+
+		.tab {
+			position: relative;
+			// Alert
+			& > strong {
+				display: none;
+				font-weight: bold;
+				font-size: $nav-alert-font-size;
+				padding: 0 2px;
+				border-radius: 3px;
+				position: absolute;
+				right: 5px;
+				top: -10px;
+				line-height: $nav-alert-font-size + 5px;
+				min-width: 10px;
+				_width: 10px;
+				text-align: center;
+				text-shadow: none;
+				white-space: nowrap;
+				word-wrap: normal;
+				height: $nav-alert-font-size + 5px;
+				pointer-events: none;
+				.rtl & {
+					right: auto;
+					left: 5px;
+				}
+				.arrow {
+					border: 3px solid transparent;
+					border-bottom: 1px none black;
+					position: absolute;
+					bottom: -3px;
+					right: 4px;
+					line-height: 0;
+					text-shadow: none;
+					_display: none;
+					width: 0;
+					height: 0;
+				}
+			}
+			&.non-zero > strong {
+				display: block;
+			}
+		}
+
+		// Glyphs
+		%glyph {
+			position: relative;
+			padding-left: ($tab-padding + 18px);
+			&:after {
+				position: absolute;
+				left: $tab-padding;
+				top: 50%;
+				margin-top: $nav-primary-glyph-margin;
+				width: $nav-primary-glyph-font-size;
+				font-size: $nav-primary-font-size;
+				line-height: $nav-primary-glyph-font-size;
+				height: $nav-primary-glyph-font-size;
+				text-align: left;
+				font-weight: normal;
+				font-style: normal;
+				text-indent: 0;
+			}
+			.rtl & {
+			}
+			.rtl &:after {
+				left: auto;
+				right: $tab-padding;
+			}
+		}
+		%glyph-only {
+			@extend %glyph;
+			text-indent: 999px;
+			width: $nav-primary-glyph-font-size;
+			padding: 0 $tab-padding-glyph;
+			overflow: hidden;
+			&:after {
+				text-align: center;
+				font-size: $nav-primary-glyph-font-size;
+				left: $tab-padding-glyph;
+			}
+			.rtl &:after {
+				left: auto;
+				right: $tab-padding-glyph;
+			}
+			& + strong {
+				right: -2px;
+				.rtl & {
+					right: auto;
+					left: -2px;
+				}
+			}
+		}
+		@media (max-width: 550px) {
+			%glyph-only-media {
+				text-indent: 999px;
+				width: $nav-primary-glyph-font-size;
+				padding: 0 $tab-padding-glyph;
+				overflow: hidden;
+				&:after {
+					text-align: center;
+					font-size: $nav-primary-glyph-font-size;
+					left: $tab-padding-glyph;
+				}
+				.rtl &:after {
+					left: auto;
+					right: $tab-padding-glyph;
+				}
+				& + strong {
+					right: -2px;
+					.rtl & {
+						right: auto;
+						left: -2px;
+					}
+				}
+			}
+		}
+
+		%glyph-fa {
+			font-family: FontAwesome;
+		}
+
+		.responsive-menu .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0c9';	// fa-bars
+			}
+		}
+
+		.members .nav-link {
+			@extend %glyph;
+			padding-left: ($tab-padding + 20px);
+			padding-right: ($tab-padding + 12px);
+			.rtl & {
+				padding-left: ($tab-padding + 12px);
+				padding-right: ($tab-padding + 20px);
+			}
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0c0';	// fa-groups
+			}
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+				padding: 0 $tab-padding-glyph !important;
+			}
+		}
+
+		.forums .nav-link {
+			@extend %glyph;
+			.rtl & {
+				padding-left: $tab-padding;
+				padding-right: ($tab-padding + 20px);
+			}
+			&:after {
+				@extend %glyph-fa;
+				content: '\f075';	// fa-comment
+			}
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+
+		.account .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f007';	// fa-user
+			}
+		}
+
+		.pm .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f01c';	// fa-inbox
+			}
+		}
+
+		.notifications .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0f3';	// fa-bell
+				font-size: $nav-primary-glyph-font-size - 1px;
+			}
+		}
+
+		.mcp .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0e3';	// fa-gavel
+			}
+		}
+
+		.acp .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f085';	// fa-cogs
+			}
+		}
+
+		.faq .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f059';	// fa-question-circle
+			}
+		}
+
+		@media (max-width: 550px) {
+			.faq {
+				&, & .nav-link {
+					display: none !important;
+				}
+			}
+		}
+
+		.logout .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f08b';	// fa-sign-out
+				margin-left: 1px;
+			}
+		}
+
+		.login .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f090';	// fa-sign-in
+			}
+		}
+
+		.register .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f234';	// fa-user-plus
+			}
+		}
+
+		// Commonly used links for extensions
+		.boardrules .nav-link {
+			&:after {
+				@extend %glyph-fa;
+				content: '\f071';	// fa-exclamation-triangle
+			}
+		}
+		.leftside .boardrules .nav-link {
+			@extend %glyph;
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+		.rightside .boardrules .nav-link {
+			@extend %glyph-only;
+		}
+
+		.pages .nav-link {
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0f6';	// fa-file-text-o
+			}
+		}
+		.leftside .pages .nav-link {
+			@extend %glyph;
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+		.rightside .pages .nav-link {
+			@extend %glyph-only;
+		}
+	}
+
+	// Tabbed navigation
+	@if $tabbed-navigation {
+		&.tabbed.not-static {
+
+			@if $use-wrapper {
+				// Add spacing between top of wrapper and tabs on mobile devices
+				@media (max-width: 700px) {
+					#wrap > div:first-child > &:first-child:before {
+						content: '';
+						display: block;
+						height: 10px;
+					}
+				}
+			}
+
+			.nav-tabs {
+				background: none;
+				box-shadow: none;
+				border-radius: 0;
+				border-width: 0;
+				padding: 0 10px;
+
+				.quick-links {
+					margin: 0 3px;
+				}
+				li.tab {
+					// Tabs layout
+					margin: 0 3px;
+					padding: 0;
+					border-width: 0;
+					border-radius: 0;
+					text-shadow: none;
+
+					@include tabbed-nav-layout-alt {
+						border-top-left-radius: ($navtabs-border-radius + 2);
+						border-top-right-radius: ($navtabs-border-radius + 2);
+					}
+
+					@include tabbed-nav-layout-default {
+						border-top-left-radius: $navtabs-border-radius;
+						border-top-right-radius: $navtabs-border-radius;
+					}
+
+					@media (max-width: 700px) {
+						margin: 0 2px;
+					}
+
+					// Link
+					.nav-link.dropdown-toggle {
+						&:before {
+							display: none;
+							right: 2px;
+							.rtl & {
+								right: auto;
+								left: 2px;
+							}
+						}
+						&:hover:before {
+							display: block;
+						}
+					}
+
+					// Dropdown position
+					&.dropdown-right .dropdown {
+						left: -1px;
+					}
+
+					&.dropdown-left .dropdown {
+						right: -1px;
+					}
+
+					&.dropdown-down .dropdown {
+						top: ($tab-height - 1);
+					}
+
+					&.dropdown-up .dropdown {
+						bottom: ($tab-height - 1);
+					}
+				}
+
+				.rightside li.tab {
+					margin: 0 2px;
+				}
+			}
+
+			// Second row
+			+ .navbar.secondary {
+				border-width: 0;
+				border-radius: $border-radius;
+				font-size: $nav-secondary-font-size;
+				z-index: 2;
+				position: relative;
+				margin: 0 0 10px;
+				padding: 0 5px;
+
+				@media (max-width: 700px) {
+					border-radius: 0;
+					border-left-width: 0;
+					border-right-width: 0;
+				}
+			}
+		}
+	}
+
+	// Static navigation
+	.inner.static {
+		position: fixed;
+		top: 0;
+		z-index: 50;
+		left: 0;
+		right: 0;
+		padding-top: 0;
+		padding-bottom: 0;
+		width: auto;
+		max-width: none;
+		opacity: .9;
+		transition: opacity .2s;
+		@if $use-wrapper {
+			#wrap & > .static-inner {
+				@include wrapper-padding;
+			}
+		}
+		& > .static-inner {
+			@include page-width;
+			padding-top: 0 !important;
+			padding-bottom: 0 !important;
+		}
+		&:hover {
+			opacity: 1;
+		}
+		.nav-tabs {
+			border-radius: 0;
+			& .leftside, .rtl & .rightside {
+				& .tab:first-child,
+				& .tab.first-visible {
+					border-radius: 0;
+				}
+			}
+			& .rightside, .rtl & .leftside {
+				& .tab:last-child,
+				& .tab.last-visible {
+					border-radius: 0;
+				}
+			}
+			.tab > strong {
+				position: relative;
+				top: 0;
+				left: 0;
+				right: 0;
+				bottom: 0;
+				vertical-align: top;
+				margin-top: 8px;
+				margin-left: -7px;
+				margin-right: 5px;
+				padding-bottom: 1px;
+				pointer-events: none;
+				.arrow {
+					display: none;
+				}
+			}
+			.tab.non-zero > strong {
+				display: inline-block;
+			}
+			.pm > .nav-link + strong {
+				margin-left: -5px;
+			}
+		}
+	}
+}
+
+.forabg {
+	@if $split-forums == false {
+		@include section-forum;
+		margin-bottom: 4px;
+		clear: both;
+		& + .forabg {
+			margin-top: 10px;
+		}
+	}
+	@else {
+		padding: 0;
+		margin: 10px 0;
+	}
+}
+
+.forumbg {
+	@if $split-forums == false {
+		@include section-forum;
+		margin-bottom: 4px;
+		clear: both;
+
+		&.forumbg-table {
+			@include section-empty;
+			padding: 0 1px;
+		}
+	}
+	@else {
+		padding: 0;
+	}
+}
+
+.panel {
+	@include section;
+	margin-bottom: 10px;
+	padding: 5px 10px;
+
+	// UCP/MCP panel
+	&.bg3 {
+		border-radius: 0;
+		border-width: 0;
+		box-shadow: none;
+		border-top: 3px solid transparent;
+		position: relative;
+		&:before, &:after {
+			content: '';
+			position: absolute;
+			top: 0;
+			width: 3px;
+			height: 50px;
+		}
+		&:before {
+			left: 0;
+		}
+		&:after {
+			right: 0;
+		}
+	}
+
+	// Posting form
+	.postform &.panel {
+		border-radius: $border-radius;
+	}
+}
+
+$panel-heading-line-height:	$line-height !default;
+
+.panel > .inner > h3:first-child,
+.panel > h3:first-child {
+	@include section-heading;
+	padding-left: 10px;
+	padding-right: 10px;
+	.panel-container & {
+		font-size: $panel-heading-font-size;
+		line-height: $panel-heading-line-height;
+	}
+}
+
+.post {
+	@include section;
+	padding: 0;
+	margin-bottom: 10px;
+	position: relative;
+}
+
+.post > .inner {
+	padding: 5px 10px;
+}
+
+.rowbg {
+	margin: 5px 5px 2px 5px;
+}
+
+// Horizontal lists
+// ----------------------------------------
+.navbar ul.linklist {
+	padding: 2px 0;
+}
+
+ul.linklist {
+	display: block;
+	margin: 0;
+}
+
+.cp-main .panel {
+	padding: 5px 10px;
+}
+
+$list-font-size:	$font-size !default;
+$list-line-height:	2 !default;
+ul.linklist > li {
+	float: left;
+	font-size: $list-font-size;
+	line-height: $list-line-height;
+	list-style-type: none;
+	margin-right: 7px;
+	padding-top: 1px;
+	width: auto;
+	&, &.rightside {
+		&.icon-only {
+			text-align: center;
+			min-width: 20px;
+		}
+	}
+}
+
+ul.linklist > li.rightside, p.rightside, a.rightside {
+	float: right;
+	margin-right: 0;
+	margin-left: 7px;
+	text-align: right;
+}
+
+ul.navlinks {
+	border-top: 1px solid transparent;
+	&.nav-breadcrumbs {
+		border-top-width: 0;
+	}
+}
+
+ul.leftside {
+	float: left;
+	margin-left: 0;
+	margin-right: 5px;
+	text-align: left;
+}
+
+ul.rightside {
+	float: right;
+	margin-left: 5px;
+	margin-right: -5px;
+	text-align: right;
+}
+
+ul.linklist li.responsive-menu {
+	position: relative;
+	margin: 0 5px;
+}
+
+$responsive-menu-font-size:		$font-size + 2px !default;
+
+.fa-bars:before {
+	display: none;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+	display: inline-block;
+	margin: 0 5px;
+	font-size: $responsive-menu-font-size + 4px;
+	position: relative;
+	width: $responsive-menu-font-size + 4px;
+	line-height: $responsive-menu-font-size + 8px;
+	text-decoration: none;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+	&:before {
+		content: '\f0c9';	// fa-bars
+		font-family: FontAwesome;
+		position: absolute;
+		left: 0;
+		top: 50%;
+		margin-top: -#{$responsive-menu-font-size / 2};
+		width: $responsive-menu-font-size + 2px;
+		font-size: $responsive-menu-font-size;
+		line-height: $responsive-menu-font-size;
+		height: $responsive-menu-font-size;
+		text-align: center;
+		font-weight: normal;
+		font-style: normal;
+		text-indent: 0;
+	}
+	&:hover:before {
+		font-family: FontAwesome;
+		content: '\f078';	// fa-chevron-down
+	}
+}
+
+.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
+	max-width: 48%;
+}
+
+.hasjs ul.linklist.fullwidth {
+	max-width: none;
+}
+
+li.responsive-menu.dropdown-right .dropdown {
+}
+
+li.responsive-menu.dropdown-left .dropdown {
+}
+
+ul.linklist .dropdown {
+	top: $list-font-size * 2;
+}
+
+ul.linklist .dropdown-up .dropdown {
+	bottom: $list-font-size * 2;
+	top: auto;
+}
+
+// Bulletin icons for list items
+// ----------------------------------------
+ul.linklist.bulletin > li:before {
+	display: inline-block;
+	content: "\2022";
+	font-size: inherit;
+	line-height: inherit;
+	padding-right: 4px;
+}
+
+ul.linklist.bulletin > li:first-child:before,
+ul.linklist.bulletin > li.rightside:last-child:before {
+	content: none;
+}
+
+ul.linklist.bulletin > li.no-bulletin:before {
+	content: none;
+}
+
+.responsive-menu:before {
+	display: none !important;
+}
+
+// Profile in overall_header.html
+.header-profile {
+	display: inline-block;
+	vertical-align: top;
+}
+
+.header-avatar:hover {
+	text-decoration: none;
+}
+
+.header-avatar img {
+	margin-bottom: 2px;
+	max-height: 20px;
+	vertical-align: middle;
+	width: auto;
+}
+
+.header-avatar span:after {
+	content: '\f078';	// fa-chevron-down
+	font-family: FontAwesome;
+	display: inline-block;
+	font-size: 7px;
+	float: right;
+	padding-left: 2px;
+	font-weight: normal;
+	opacity: 0.7;
+}
+
+// Dropdown menu
+// ----------------------------------------
+.dropdown-container {
+	position: relative;
+}
+
+.dropdown-container-right {
+	float: right;
+}
+
+.dropdown-container-left {
+	float: left;
+}
+
+.nojs .dropdown-container:hover .dropdown {
+	display: block !important;
+}
+
+.dropdown {
+	display: none;
+	position: absolute;
+	left: 0;
+	top: if(unitless($line-height), #{$line-height}em, $line-height);
+	z-index: 30;
+	padding: 0;
+	margin-right: -500px;
+}
+
+.dropdown.live-search {
+	top: auto;
+}
+
+.dropdown-container.topic-tools {
+	float: left;
+}
+
+.dropdown-up .dropdown {
+	top: auto;
+	bottom: if(unitless($line-height), #{$line-height}em, $line-height);
+}
+
+.dropdown-left .dropdown, .nojs .rightside .dropdown {
+	left: auto;
+	right: 0;
+	margin-left: -500px;
+	margin-right: 0;
+}
+
+.dropdown-button-control .dropdown {
+	top: $button-height;
+}
+
+.dropdown-button-control.dropdown-up .dropdown {
+	top: auto;
+	bottom: $button-height;
+}
+
+.dropdown .pointer, .dropdown .pointer-inner {
+	position: absolute;
+	width: 0;
+	height: 0;
+	border-top-width: 0;
+	border-bottom: 10px solid transparent;
+	border-left: 10px dashed transparent;
+	border-right: 10px dashed transparent;
+	-webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
+	display: block;
+}
+
+.dropdown-up .pointer, .dropdown-up .pointer-inner {
+	border-bottom-width: 0;
+	border-top: 10px solid transparent;
+}
+
+.dropdown .pointer {
+	right: auto;
+	left: 10px;
+	top: 0;
+	z-index: 3;
+}
+
+.dropdown-up .pointer {
+	bottom: 0;
+	top: auto;
+}
+
+.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
+	left: auto;
+	right: 10px;
+}
+
+.dropdown .pointer-inner {
+	top: auto;
+	bottom: -11px;
+	left: -10px;
+}
+
+.dropdown-up .pointer-inner {
+	bottom: auto;
+	top: -11px;
+}
+
+.dropdown .dropdown-contents {
+	z-index: 30;
+	overflow: hidden;
+	overflow-y: auto;
+	border: 0px solid transparent;
+	border-radius: 0 0 min($border-radius, 5px) min($border-radius, 5px);
+	border-top-width: 3px;
+	padding: 5px;
+	position: relative;
+	min-width: 40px;
+	max-height: 300px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	.notifications & {
+		min-width: 300px;
+	}
+}
+
+.dropdown-up .dropdown-contents {
+	border-bottom-width: 3px;
+	border-top-width: 0;
+	border-radius: min($border-radius, 5px) min($border-radius, 5px) 0 0;
+}
+
+$dropdown-content-font-size:	$font-size + 1px !default;
+$dropdown-content-line-height:	$line-height !default;
+
+.dropdown-contents > li {
+	padding-right: 15px;
+	min-width: 180px;
+}
+
+.dropdown-nonscroll > li {
+	padding-right: 0;
+}
+
+.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
+	border-top: 0;
+}
+
+.dropdown li li:first-child {
+	margin-top: 4px;
+}
+
+.dropdown li li:last-child {
+	padding-bottom: 0;
+}
+
+.dropdown li li {
+	border-top: 1px dotted transparent;
+	padding-left: 18px;
+}
+
+#wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
+	white-space: normal;
+}
+
+.dropdown li.separator {
+	border-top: 1px solid transparent;
+	margin: 4px 0;
+	padding: 0;
+}
+
+.dropdown li.separator:first-child, .dropdown li.separator:last-child {
+	display: none !important;
+}
+
+.dropdown-trigger > i.glyphicons, .dropdown-trigger > i.fa {
+	display: inline;
+	line-height: inherit;
+	top: 0;
+	vertical-align: baseline;
+	&:before {
+		font-size: 1.4em;
+		line-height: 1;
+		position: relative;
+		top: 1px;
+	}
+}
+
+// Responsive breadcrumbs
+// ----------------------------------------
+.breadcrumbs .crumb {
+	float: left;
+	font-weight: bold;
+	word-wrap: normal;
+	position: relative;
+	padding-left: $list-font-size + 2px;
+	.rtl & {
+		padding-left: 0;
+		padding-right: $list-font-size + 2px;
+	}
+}
+
+.breadcrumbs .crumb:before {
+	content: '\f054';	// fa-chevron-right
+	font-family: FontAwesome;
+	font-weight: normal;
+	position: absolute;
+	left: 1px;
+	width: $list-font-size;
+	top: 50%;
+	margin-top: -#{$list-font-size / 2};
+	font-size: $list-font-size - 4px;
+	height: $list-font-size;
+	line-height: $list-font-size;
+	text-align: center;
+	.rtl & {
+		left: auto;
+		right: 1px;
+		content: '\f053';	// fa-chevron-left
+	}
+}
+
+.breadcrumbs .crumb:first-child {
+	padding-left: 0;
+	padding-right: 0;
+	&:before {
+		display: none;
+	}
+}
+
+.breadcrumbs .crumb a {
+	display: inline-block;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	vertical-align: bottom;
+	overflow: hidden;
+}
+
+.breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; }
+.breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; }
+.breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; }
+
+.breadcrumbs .crumb.wrapped-max a { max-width: 120px; }
+.breadcrumbs .crumb.wrapped-wide a { max-width: 100px; }
+.breadcrumbs .crumb.wrapped-medium a { max-width: 80px; }
+.breadcrumbs .crumb.wrapped-small a { max-width: 60px; }
+.breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; }
+
+// Table styles
+// ----------------------------------------
+table.table1 {
+	width: 100%;
+}
+
+.ucp-main table.table1 {
+	padding: 2px;
+}
+
+$table-heading-font-size:	$font-size + 2px !default;
+$table-heading-line-height:	$line-height !default;
+$table-content-font-size:	$font-size + 1px !default;
+
+table.table1 thead th {
+	@include table-heading;
+	text-transform: none;
+	line-height: $table-heading-line-height;
+	font-weight: normal;
+	font-size: $table-heading-font-size;
+	padding: 4px;
+}
+
+table.table1 thead th span {
+	padding-left: 7px;
+}
+
+table.table1 tbody tr {
+	border-top: 1px solid transparent;
+}
+
+table.table1 td {
+	font-size: $table-content-font-size;
+	line-height: $line-height;
+}
+
+table.table1 tbody td {
+	padding: 5px;
+	border-top: 1px solid transparent;
+}
+
+table.table1 tbody th {
+	padding: 5px;
+	border-bottom: 1px solid transparent;
+	text-align: left;
+}
+
+// Specific column styles
+table.table1 .name		{ text-align: left; }
+table.table1 .center	{ text-align: center; }
+table.table1 .reportby	{ width: 15%; }
+table.table1 .posts		{ text-align: center; width: 7%; }
+table.table1 .joined	{ text-align: left; width: 15%; }
+table.table1 .active	{ text-align: left; width: 15%; }
+table.table1 .mark		{ text-align: center; width: 7%; }
+table.table1 .info		{ text-align: left; width: 30%; max-width: 200px;
+	@media (max-width: 550px) {
+		max-width: 150px;
+	}
+}
+table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
+table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
+table.table1 thead .autocol { padding-left: 1em; }
+
+table.table1 th.info {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+table.table1 span.rank-img {
+	float: right;
+	width: auto;
+}
+
+table.info td {
+	padding: 3px;
+}
+
+table.info tbody th {
+	padding: 3px;
+	text-align: right;
+	vertical-align: top;
+	font-weight: normal;
+}
+
+.forumbg table.table1 {
+	margin: 0;
+}
+
+.forumbg-table > .inner {
+	margin: 0 -1px;
+}
+
+.color_palette_placeholder table {
+	border-collapse: separate;
+	border-spacing: 1px;
+}
+
+// Misc layout styles
+// ----------------------------------------
+// column[1-2] styles are containers for two column layouts
+.column1 {
+	float: left;
+	clear: left;
+	width: 49%;
+}
+
+.column2 {
+	float: right;
+	clear: right;
+	width: 49%;
+}
+
+// General classes for placing floating blocks
+.left-box {
+	float: left;
+	width: auto;
+	text-align: left;
+	max-width: 100%;
+}
+
+.left-box.profile-details {
+	width: 80%;
+}
+
+.right-box {
+	float: right;
+	width: auto;
+	text-align: right;
+	max-width: 100%;
+}
+
+dl.details {
+	font-size: $font-size;
+}
+
+dl.details dt {
+	float: left;
+	clear: left;
+	width: 30%;
+	text-align: right;
+	display: block;
+}
+
+dl.details dd {
+	margin-left: 0;
+	padding-left: 5px;
+	margin-bottom: 5px;
+	float: left;
+	width: 65%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.clearfix, fieldset dl, dl.polls {
+	overflow: hidden;
+}
+
+ul.topiclist dl {
+	@extend %clearfix;
+}
+
+ul.topiclist dd.lastpost {
+	float: right;
+}
+
+fieldset.fields1 ul.recipients {
+	list-style-type: none;
+	line-height: 1.8;
+	max-height: 150px;
+	overflow-y: auto;
+}
+
+fieldset.fields1 dd.recipients {
+	clear: left;
+	margin-left: 1em;
+}
+
+fieldset.fields1 ul.recipients  input.button2{
+	font-size: $font-size - 2px;
+	margin-right: 0;
+	padding: 0;
+}
+
+fieldset.fields1 dl.pmlist > dt {
+	width: auto !important;
+}
+
+fieldset.fields1 dl.pmlist dd.recipients {
+	margin-left: 0 !important;
+}
+
+// Action-bars (container for post/reply buttons, pagination, etc.)
+// ----------------------------------------
+.action-bar {
+	font-size: $font-size;
+	margin: 4px 0;
+}
+
+.forabg + .action-bar {
+	margin-top: 10px;
+}
+
+.action-bar .button {
+	margin-right: 5px;
+	float: left;
+}
+
+.action-bar .button-search {
+	margin-right: 0;
+}
+
+
+// Pagination
+// ----------------------------------------
+$pagination-font-size:				$font-size !default;
+$pagination-line-height:			$font-size + 2px !default;
+$pagination-link-font-size:			$font-size !default;
+$pagination-link-line-height:		$font-size !default;
+
+.pagination {
+	float: right;
+	font-size: $font-size;
+	text-align: right;
+	width: auto;
+}
+
+.action-bar.bottom .pagination {
+	margin-top: 0;
+}
+
+.action-bar .pagination .button {
+	margin-right: 0;
+	float: none;
+}
+
+.pagination > ul {
+	display: inline-block;
+	list-style: none !important;
+	margin-left: 5px;
+}
+
+.pagination > ul > li {
+	display: inline-block !important;
+	padding: 0;
+	font-size: $font-size;
+	line-height: normal;
+	vertical-align: middle;
+}
+
+.pagination li a, .pagination li span {
+	border-radius: 2px;
+	padding: 2px 5px;
+}
+
+.pagination li.active span {
+	display: inline-block;
+	font-size: 13px;
+	font-weight: normal;
+	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+	line-height: 1.4;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	border: 1px solid transparent;
+}
+
+.pagination li.ellipsis span {
+	border: none;
+	padding: 0;
+}
+
+.pagination li.page-jump {
+	margin-right: 5px;
+}
+
+.pagination li.page-jump a {
+	background: transparent none !important;
+	border-color: transparent !important;
+	padding: 0 8px;
+}
+
+.pagination li.page-jump a i {
+	font-size: 21px;
+}
+
+.pagination .arrow a {
+	padding: 2px 0;
+}
+
+.rtl .pagination li.previous a:after {
+	content: '\f054';	// fa-chevron-right
+	right: 1px;
+	left: 3px;
+}
+
+.rtl .pagination li.next a:after {
+	content: '\f053';	// fa-chevron-left
+	left: 1px;
+	right: 3px;
+}
+
+// Pagination in viewforum for multipage topics
+.row .pagination {
+	display: block;
+	margin-top: 3px;
+	margin-bottom: 3px;
+}
+
+.row .pagination > ul {
+	margin: 0;
+}
+
+.row .pagination li a, .row .pagination li span {
+	border-radius: 2px;
+	padding: 1px 3px;
+	font-size: 9px;
+}
+
+// jQuery popups
+// ----------------------------------------
+.phpbb_alert {
+	border: 1px solid transparent;
+	display: none;
+	left: 0;
+	padding: 0 25px 20px 25px;
+	position: fixed;
+	right: 0;
+	top: 150px;
+	z-index: 50;
+	width: 620px;
+	margin: 0 auto;
+}
+
+@media (max-height: 500px)
+{
+	.phpbb_alert {
+		top: 25px;
+	}
+}
+
+.phpbb_alert .alert_close {
+	display: block;
+	float: right;
+	width: 24px;
+	height: 24px;
+	overflow: hidden;
+	text-decoration: none !important;
+	background: transparent none 0 0 no-repeat;
+	margin-top: -12px;
+	margin-right: -36px;
+	position: relative;
+}
+
+.phpbb_alert .alert_close:before,
+.phpbb_alert .alert_close:after {
+	content: '\f057';	// fa-times-circle
+	font-family: FontAwesome;
+	position: absolute;
+	font-size: 18px;
+	line-height: 24px;
+	font-weight: normal;
+	font-style: normal;
+	text-indent: 0;
+	text-align: center;
+	left: 0;
+	top: 0;
+	margin: 0;
+	padding: 0;
+	width: 24px;
+	height: 24px;
+}
+
+.phpbb_alert .alert_close:before {
+	content: '\f111';	// fa-circle
+	font-size: 20px;
+}
+
+.phpbb_alert p {
+	margin: 8px 0;
+	padding-bottom: 8px;
+}
+
+.phpbb_alert label {
+	display: block;
+	margin: 8px 0;
+	padding-bottom: 8px;
+}
+
+.phpbb_alert div.alert_text > p,
+.phpbb_alert div.alert_text > label,
+.phpbb_alert div.alert_text > select,
+.phpbb_alert div.alert_text > textarea,
+.phpbb_alert div.alert_text > input {
+	font-size: $font-size;
+}
+
+.darkenwrapper {
+	display: none;
+	position: relative;
+	z-index: 44;
+}
+
+.darken {
+	position: fixed;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	opacity: 0.5;
+	z-index: 45;
+}
+
+.loading_indicator {
+	background: center center no-repeat;
+	border-radius: 5px;
+	display: none;
+	opacity: 0.8;
+	margin-top: -50px;
+	margin-left: -50px;
+	height: 50px;
+	width: 50px;
+	position: fixed;
+	left: 50%;
+	top: 50%;
+	z-index: 51;
+}
+
+// Miscellaneous styles
+// ----------------------------------------
+.forum-permissions {
+	float: right;
+	width: auto;
+	padding-left: 5px;
+	margin-left: 5px;
+	margin-top: 10px;
+	text-align: right;
+}
+
+.copyright {
+	font-size: 10px;
+	text-align: center;
+	padding: 10px;
+}
+
+.footer-row {
+	font-size: 10px;
+	line-height: 1.8;
+	margin: 0;
+}
+
+.small {
+	font-size: 0.9em !important;
+}
+
+.titlespace {
+	margin-bottom: 15px;
+}
+
+.headerspace {
+	margin-top: 20px;
+}
+
+.error {
+	font-weight: bold;
+	font-size: $font-size;
+}
+
+$rules-font-size:	$font-size !default;
+
+div.rules {
+	margin: 10px 0;
+	font-size: $rules-font-size;
+	padding: 5px 10px;
+	border-radius: $border-radius;
+}
+
+div.rules ul, div.rules ol {
+	margin-left: 20px;
+}
+
+$post-notice-font-size:		$font-size + 1px;
+
+p.post-notice {
+	position: relative;
+	padding: 5px;
+	padding-left: 26px;
+	min-height: 14px;
+	margin-bottom: 1em;
+	font-size: $post-notice-font-size;
+}
+
+p.post-notice:before {
+	content: '';
+	display: block;
+	position: absolute;
+	top: 50%;
+	margin-top: -10px;
+	font-size: 16px;
+	height: 18px;
+	line-height: 18px;
+	text-align: center;
+	vertical-align: baseline;
+	left: 0;
+	width: 28px;
+	background: transparent none 50% 50% no-repeat;
+	pointer-events: none;
+	font-weight: normal;
+	font-style: normal;
+	text-transform: none;
+}
+
+form > p.post-notice strong {
+	line-height: 20px;
+}
+
+.jumpbox {
+	margin: 5px 0;
+}
+
+.jumpbox .dropdown li {
+	border-top: 1px solid transparent;
+}
+
+.jumpbox .dropdown-select {
+	margin: 0;
+}
+
+.jumpbox .dropdown-contents {
+	padding: 0;
+	text-decoration: none;
+}
+
+.jumpbox .dropdown-contents li {
+	padding: 0;
+}
+
+.jumpbox .dropdown-contents a {
+	margin-right: 20px;
+	padding: 5px 10px;
+	text-decoration: none;
+	width: 100%;
+}
+
+.jumpbox .spacer {
+	display: inline-block;
+	width: 0px;
+}
+
+.jumpbox .spacer + .spacer {
+	width: 20px;
+}
+
+.dropdown-contents a {
+	display: block;
+	padding: 5px;
+}
+
+.jumpbox .dropdown-select {
+	margin: 0;
+}
+
+.jumpbox .dropdown-contents a {
+	text-decoration: none;
+}
+
+.dropdown li {
+	display: list-item;
+	border-top: 1px dotted transparent;
+	float: none !important;
+	line-height: normal !important;
+	font-size: 1em !important;
+	list-style: none;
+	margin: 0;
+	white-space: nowrap;
+	text-align: left;
+}
+
+.stat-block {
+	clear: both;
+}
+
+.top {
+	position: absolute;
+	top: -20px;
+}
+
+.clear {
+	display: block;
+	clear: both;
+	font-size: 1px;
+	line-height: 1px;
+	background: transparent;
+}
+
+// Inner box-model clearing
+.inner:after,
+ul.linklist:after,
+.action-bar:after,
+.notification_text:after,
+.tabs-container:after,
+.tabs > ul:after,
+.minitabs > ul:after,
+.postprofile .avatar-container:after {
+	clear: both;
+	content: '';
+	display: block;
+}
+
+.emoji {
+	min-height: 18px;
+	min-width: 18px;
+	height: 1em;
+	width: 1em;
+}
+
+.hidden {
+	display: none;
+}
+
+.smilies {
+	vertical-align: text-bottom;
+}
+
+.icon-notification {
+	position: relative;
+}
+
+.member-search {
+	float: left;
+	margin: 0;
+	padding: 6px 10px;
+}
+
+.member-search strong {
+	font-size: $font-size;
+}
+
+.dropdown-extended {
+	display: none;
+	z-index: 3;
+}
+
+.dropdown-extended ul {
+	max-height: 350px;
+	overflow-y: auto;
+	overflow-x: hidden;
+	clear: both;
+}
+
+.dropdown-extended ul li {
+	padding: 0;
+	margin: 0 !important;
+	float: none;
+	border-top: 1px solid;
+	list-style-type: none;
+	font-size: $font-size;
+	clear: both;
+	position: relative;
+}
+
+.dropdown-extended ul li:first-child {
+	border-top: none;
+}
+
+.dropdown-extended ul li.no_notifications {
+	padding: 10px;
+}
+
+.dropdown-extended .dropdown-contents {
+	max-height: none;
+	padding: 0;
+	position: absolute;
+	width: 340px;
+}
+
+.nojs .dropdown-extended .dropdown-contents {
+	position: relative;
+}
+
+.dropdown-extended .header {
+	.dropdown-down & {
+		margin-top: -3px;
+	}
+	padding: 0 10px;
+	font-family: $dropdown-header-font-family;
+	font-size: $dropdown-header-font-size;
+	font-weight: bold;
+	text-align: left;
+	// text-transform: uppercase;
+	line-height: $dropdown-header-line-height;
+}
+
+.dropdown-extended .header .header_settings {
+	float: right;
+	font-weight: normal;
+	text-transform: none;
+}
+
+.dropdown-extended .header .header_settings a {
+	display: inline-block;
+	padding: 0 5px;
+}
+
+.dropdown-extended .header:after {
+	content: '';
+	display: table;
+	clear: both;
+}
+
+.dropdown-extended .footer {
+	text-align: center;
+	font-size: $font-size;
+}
+
+.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
+	padding: 8px;
+}
+
+.dropdown-extended .footer > a {
+	padding: 5px 0;
+}
+
+.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
+	display: block;
+	text-decoration: none;
+}
+
+.notification_list ul li img {
+	float: left;
+	max-height: 50px;
+	max-width: 50px;
+	width: auto !important;
+	height: auto !important;
+	margin-right: 5px;
+}
+
+.notification_list ul li p {
+	margin-bottom: 4px;
+	font-size: $font-size;
+}
+
+.notification_list p.notification-reference,
+.notification_list p.notification-location,
+.notification_list li a p.notification-reason {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.notification_list p.notification-time {
+	font-size: $font-size - 1px;
+	margin: 0;
+	text-align: right;
+}
+
+.notification_list div.notifications {
+	margin-left: 50px;
+	padding: 5px;
+}
+
+.notification_list div.notifications a {
+	display: block;
+}
+
+.notification_list p.notifications_title {
+	font-family: $topic-link-font-family;
+	font-size: $topic-link-font-size !important;
+}
+
+.notification_list p.notifications_title strong {
+	font-weight: 600;
+}
+
+.notification_list p.notifications_time {
+	font-size: $font-size !important;
+}
+
+.notification_text {
+	margin-left: 58px;
+	white-space: normal;
+}
+
+.badge {
+	border-radius: 10px;
+	opacity: 0.8;
+	text-align: center;
+	white-space: nowrap;
+	font-size: 10px;
+	line-height: 1;
+	float: right;
+	display: inline-block;
+	margin-left: 3px;
+	vertical-align: baseline;
+	position: relative;
+	top: 3px;
+	padding: 4px 6px;
+ }
+
+.badge.hidden {
+	display: none;
+}
+
+// Navbar specific list items
+// ----------------------------------------
+
+.linklist .quick-links {
+	margin: 0 7px 0 0;
+}
+
+.linklist.compact .rightside > a > span span {
+	display: none;
+}
+
+.dropdown-page-jump .dropdown {
+	top: 20px;
+}
+
+.dropdown-page-jump.dropdown-up .dropdown {
+	bottom: 20px;
+}
+
+.dropdown-page-jump input.tiny {
+	width: 50px;
+}
+
+.dropdown .clone.hidden  {
+	display: none;
+}
+
+.dropdown .clone.hidden + li.separator {
+	display: none;
+}
+
+.dropdown .clone.hidden + li {
+	border-top: none;
+}
diff --git a/simplicity_aqua/theme/common/_content.scss b/simplicity_aqua/theme/common/_content.scss
new file mode 100644
index 0000000..b7b170d
--- /dev/null
+++ b/simplicity_aqua/theme/common/_content.scss
@@ -0,0 +1,1278 @@
+// Content Styles
+// ----------------------------------------
+
+ul.topiclist {
+	display: block;
+	list-style-type: none;
+	margin: 0;
+}
+
+ul.topiclist li {
+	display: block;
+	list-style-type: none;
+	margin: 0;
+	.forabg &.header,
+	.forumbg &.header {
+		@include section-heading-forum;
+		position: relative;
+		.forum-toggle {
+			position: absolute;
+			right: 5px;
+			top: 50%;
+			margin-top: -8px;
+			height: 16px;
+			width: 16px;
+			text-decoration: none !important;
+			outline-style: none !important;
+			color: inherit;
+			transition: opacity 0.3s ease;
+			opacity: .5;
+			&:after {
+				content: '\f056';	// fa-minus-circle
+				font-family: FontAwesome;
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 16px;
+				height: 16px;
+				font-size: 12px;
+				line-height: 16px;
+			}
+			&.toggled:after {
+				content: '\f055';	// fa-plus-circle
+			}
+			&:hover {
+				opacity: 1;
+			}
+			.rtl & {
+				right: auto;
+				left: 4px;
+			}			
+		}
+	}
+}
+
+ul.topiclist dl {
+	position: relative;
+}
+
+ul.topiclist li.row dl {
+	margin: 2px 0;
+}
+
+ul.topiclist dt, ul.topiclist dd {
+	display: block;
+	float: left;
+}
+
+ul.topiclist dt {
+	width: 100%;
+	margin-right: -440px;
+	font-size: $font-size;
+}
+
+ul.topiclist.missing-column dt {
+	margin-right: -345px;
+}
+
+dl.elegant-row dt,
+ul.topiclist.two-long-columns dt {
+	margin-right: -250px;
+}
+
+ul.topiclist.two-columns dt {
+	margin-right: -80px;
+}
+
+ul.topiclist dt .list-inner {
+	margin-right: 440px;
+	padding-left: 5px;
+	padding-right: 5px;
+	position: relative;
+}
+
+ul.topiclist.missing-column dt .list-inner {
+	margin-right: 345px;
+}
+
+dl.elegant-row dt .list-inner,
+ul.topiclist.two-long-columns dt .list-inner {
+	margin-right: 250px;
+}
+
+ul.topiclist.two-columns dt .list-inner {
+	margin-right: 80px;
+}
+
+ul.topiclist dd {
+	border-left: 1px solid transparent;
+	padding: 4px 0;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+ul.topiclist dfn {
+	// Labels for post/view counts
+	display: none;
+	position: absolute;
+	left: -999px;
+	width: 990px;
+}
+
+.forum-image {
+	float: left;
+	padding-top: 5px;
+	margin-right: 5px;
+}
+
+li.row {
+	border-top: 1px solid transparent;
+	border-bottom: 1px solid transparent;
+	&:first-child {
+		border-top-width: 0;
+		padding-top: 0;
+	}
+	&:last-child {
+		border-bottom-width: 0;
+		padding-bottom: 0;
+	}
+
+	@if $split-forums == true {
+		ul.topiclist & {
+			.forabg &, .forumbg & {
+				@include section-forum;
+				margin: 5px 0;
+				padding: 0;
+				&.reported {
+					background-color: $block-background-reported;
+				}
+			}
+		}
+	}
+
+	.forum-description {
+
+	}
+	.subforums-list {
+		ul {
+			list-style-type: none;
+			display: inline;
+			margin: 0;
+		}
+		li {
+			display: inline;
+			& > span {
+				display: inline;
+			}
+		}
+	}
+	.forum-mcplink {
+		right: 4px;
+		top: 4px;
+		.rtl & {
+			right: auto;
+			left: 4px;
+		}
+	}
+}
+
+li.row strong {
+	font-weight: normal;
+}
+
+li.header dt, li.header dd {
+	border-left-width: 0;
+	padding-top: 0;
+	padding-bottom: 0;
+	font-size: $list-heading-font-size;
+	font-family: $list-heading-font-family;
+	line-height: $list-heading-line-height;
+}
+
+li.header dt {
+	.forabg & {
+		font-family: $forum-heading-font-family;
+		font-weight: $forum-heading-font-weight;
+		font-size: $forum-heading-font-size;
+	}
+	width: 100%;
+	margin-right: -440px;
+	.list-inner {
+		margin-right: 440px;
+		text-indent: 5px;
+		padding-left: 0;
+	}
+}
+
+li.header dd {
+	padding-left: 1px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+li.header dl dt, li.header dl dd {
+	min-height: 0;
+}
+
+li.header dl.row-item dt .list-inner {
+	// Tweak for headers alignment when folder icon used
+	.forabg & {
+		padding-left: 0;
+		padding-right: 50px;
+	}
+}
+
+.row .list-inner { padding: 4px 0; }
+
+dl.row-item {
+	background-position: 10px 50%;		// Position of folder icon
+	background-repeat: no-repeat;
+	background-size: 36px;
+}
+
+dl.row-item dt {
+	background-repeat: no-repeat;
+	background-position: 5px 95%;		// Position of topic icon
+	background-size: 17px;
+}
+
+dl.row-item dt .list-inner {
+	padding-left: 55px;					// Space for folder icon
+	position: relative;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	li.header & {
+		padding-top: 0;
+		padding-bottom: 0;
+	}
+}
+
+dl.row-item dt .list-inner .topic-status {
+	position: absolute;
+	right: 4px;
+	top: 3px;
+	font-size: 14px;
+	pointer-events: none;
+	.rtl & {
+		right: auto;
+		left: 4px;
+	}
+}
+
+dl.row-item dt .list-inner .topic-status + .topic-status {
+	right: 20px;
+}
+
+dl.row-item dt, dl.row-item dd {
+	min-height: 42px;
+}
+
+dl.row-item dt a {
+	display: inline;
+}
+
+dl.row-item.with-description dt, dl.row-item.with-description dd {
+	min-height: 50px;
+}
+
+dl a.row-item-link {						// topic row icon links
+	display: block;
+	width: 36px;
+	height: 36px;
+	padding: 0;
+	position: absolute;
+	top: 50%;
+	left: 0;
+	margin-top: -15px;
+	margin-left: 9px;
+	z-index: 2;
+}
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
+	width: 80px;
+	text-align: center;
+}
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark, dd.lastpost.empty {
+	line-height: 34px;
+	font-size: $forum-list-column-font-size;
+	.with-description & {
+		line-height: 42px;
+	}
+}
+
+dd.lastpost.empty br {
+	display: none;
+}
+
+dd.posts, dd.topics, dd.views {
+	width: 95px;
+	.elegant-row & {
+		display: none;
+	}
+}
+
+// List in forum description
+dl.row-item dt ol,
+dl.row-item dt ul {
+	list-style-position: inside;
+	margin-left: 1em;
+}
+
+dl.row-item dt li {
+	display: list-item;
+	list-style-type: inherit;
+}
+
+dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
+	width: 250px;
+	font-size: $forum-list-last-column-font-size;
+}
+
+dd.redirect {
+	line-height: 2.5em;
+}
+
+dd.time {
+	line-height: 200%;
+}
+
+dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
+	display: block;
+	padding-left: 5px;
+}
+
+dd.extra, dd.mark {
+	line-height: 200%;
+}
+
+dd.option {
+	width: 125px;
+	line-height: 200%;
+	text-align: center;
+	font-size: $font-size;
+}
+
+// Forums list layout
+// ----------------------
+.forum-description {
+	font-size: $forum-list-description-font-size;
+	padding-top: 2px;
+}
+
+.forum-statistics {
+	font-size: $font-size;
+	padding-top: 2px;
+	.value {
+	}
+}
+
+.forum-lastpost {
+	display: none;
+	@media (max-width: 550px) {
+		display: block !important;
+		padding-top: 2px;
+		line-height: 1.2;
+		overflow: hidden;
+	}
+	strong, span {
+		text-overflow: ellipsis;
+		overflow: hidden;
+		white-space: nowrap;
+	}
+	strong, span, a.lastsubject {
+		font-weight: normal;
+	}
+	strong {
+		display: block;
+		float: left;
+		max-width: 200px;
+		padding-right: 5px;
+		.rtl & {
+			float: right;
+			padding-right: 0;
+			padding-left: 5px;
+		}
+		@media (max-width: 400px) {
+			max-width: 130px;
+		}
+	}
+	span {
+		display: inline-block;
+		max-width: 100%;
+		&:after {
+			content: '|';
+			display: inline-block;
+			text-align: center;
+			width: 12px;
+		}
+		&:last-of-type:after {
+			display: none;
+		}
+	}
+}
+
+.subforums-list {
+	padding-top: 2px;
+}
+
+.forum-description.toggle {
+	display: none;
+	position: absolute;
+	font-size: $font-size;
+	border-radius: 4px;
+	padding: 4px 9px;
+	max-width: 500px;
+	cursor: pointer;
+	a.forumtitle + & {
+		left: 55px;
+		top: 25px;
+		z-index: 30;
+		.rtl & {
+			left: auto;
+			right: 55px;
+		}
+	}
+	a {
+		background: none !important;
+		text-decoration: underline !important;
+		border-width: 0 !important;
+	}
+	span.arrow {
+		position: absolute;
+		line-height: 0;
+		width: 0;
+		height: 0;
+		border: 6px solid transparent;
+		border-left: 1px none transparent;
+		top: 6px;
+		left: -6px;
+		bottom: auto;
+	}
+	.rtl & span.arrow {
+		border-left: 6px solid transparent;
+		border-right: 1px none transparent;
+		left: auto;
+		right: -6px;
+	}
+	&.no-arrow span.arrow {
+		display: none;
+	}
+}
+
+// Post body styles
+// ----------------------------------------
+.postbody {
+	padding: 0;
+	font-size: $font-size;
+	line-height: $line-height;
+	.postprofile + & {
+		float: $post-side;
+		margin-#{$profile-side}: -#{$post-margin};
+		.rtl & {
+			margin-#{$profile-side}: 0;
+			margin-#{$post-side}: -#{$post-margin};
+			float: $profile-side;
+		}
+		width: 100%;
+		position: relative;
+		.search & {
+			margin-#{$profile-side}: (-100px - $post-margin);
+			.rtl & {
+				margin-#{$profile-side}: 0;
+				margin-#{$post-side}: (-100px - $post-margin);
+			}
+		}
+	}
+}
+
+.postprofile + .postbody > div {
+	margin-#{$profile-side}: $post-margin;
+	&:only-child:after {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+	.rtl & {
+		margin-#{$profile-side}: 0;
+		margin-#{$post-side}: $post-margin;
+	}
+	.search & {
+		margin-#{$profile-side}: ($post-margin + 100px);
+		.rtl & {
+			margin-#{$profile-side}: 0;
+			margin-#{$post-side}: ($post-margin + 100px);
+		}
+	}
+}
+
+.postbody .ignore {
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+}
+
+.postbody h3.first {
+	// The first post on the page uses this
+}
+
+.postbody h3 {
+	// Postbody requires a different h3 format - so change it here
+	float: left;
+	font-size: $post-title-font-size;
+	padding: 2px 0 0 0;
+	margin-top: 0 !important;
+	margin-bottom: 0.3em !important;
+	text-transform: none;
+	border: none;
+	font-family: $post-title-font-family;
+	line-height: $post-title-line-height;
+	.rtl & {
+		float: right;
+	}
+}
+
+.postbody h3 img {
+	vertical-align: bottom;
+}
+
+.has-profile .postbody h3 {
+	// If there is a post-profile, we position the post-buttons differently
+	float: none !important;
+	margin-right: 180px;
+	.rtl & {
+		margin-right: 0;
+		margin-left: 180px;
+	}
+}
+
+.postbody .content {
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	overflow-x: auto;
+}
+
+.postbody img.postimage {
+	max-width: 100%;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+// Topic review panel
+// ----------------------------------------
+.panel .review {
+	margin-top: 2em;
+}
+
+.topicreview {
+	padding-right: 5px;
+	overflow: auto;
+	height: 300px;
+}
+
+.topicreview .postbody {
+	width: auto;
+	float: none;
+	margin: 0;
+	height: auto;
+}
+
+.topicreview .post {
+	height: auto;
+}
+
+.topicreview h2 {
+	border-bottom-width: 0;
+}
+
+.post-ignore .postbody {
+	display: none;
+}
+
+// MCP Post details
+// ----------------------------------------
+.post_details {
+	overflow: auto;
+	max-height: 300px;
+}
+
+// Content container styles
+// ----------------------------------------
+.content {
+	clear: both;
+	min-height: 3em;
+	overflow: hidden;
+	line-height: $post-content-line-height;
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	padding-bottom: 1px;
+}
+
+.content h2, .panel h2 {
+	font-weight: normal;
+	border-bottom: 1px solid transparent;
+	font-size: $panel-heading-font-size;
+	margin-top: 0.5em;
+	margin-bottom: 0.5em;
+	padding-bottom: 0.5em;
+	&.faq-title {
+		margin-top: 5px;
+	}
+}
+
+.panel h3 {
+	margin: 0.5em 0;
+}
+
+$panel-font-size:		$font-size + 2px !default;
+$panel-line-height:		$line-height !default;
+
+.panel p {
+	font-size: $panel-font-size;
+	margin-bottom: 1em;
+	line-height: $panel-line-height;
+}
+
+.content p {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	margin-bottom: 1em;
+	line-height: $post-content-line-height;
+}
+
+dl.faq {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	margin-top: 1em;
+	margin-bottom: 2em;
+	line-height: $post-content-line-height;
+}
+
+dl.faq dt {
+	font-family: $post-title-font-family;
+	font-size: $post-title-font-size;
+	line-height: $post-title-line-height;
+	font-weight: normal;
+	margin-bottom: 5px;
+}
+
+.content dl.faq {
+	@extend dl.faq;
+	margin-bottom: 0.5em;
+}
+
+.content li {
+	list-style-type: inherit;
+}
+
+.content ul, .content ol {
+	margin: 0.8em 0 0.9em 3em;
+}
+
+.posthilit {
+	padding: 0 2px 1px 2px;
+}
+
+// Post author
+p.author {
+	margin-bottom: 0.3em;
+	padding: 0 0 5px 0;
+	font-family: $font-family;
+	font-size: $font-size;
+	line-height: $line-height;
+	clear: both;
+}
+
+// Post signature
+.signature {
+	margin-top: 1.5em;
+	padding-top: 0.2em;
+	font-size: $post-signature-font-size;
+	border-top: 1px solid transparent;
+	clear: left;
+	font-family: $post-content-font-family;
+	line-height: $post-content-line-height;
+	overflow: hidden;
+	width: 100%;
+}
+
+.signature.standalone {
+	border-top-width: 0;
+	margin-top: 0;
+}
+
+dd .signature {
+	margin: 0;
+	padding: 0;
+	clear: none;
+	border: none;
+}
+
+.signature li {
+	list-style-type: inherit;
+}
+
+.signature ul, .signature ol {
+	margin: 0.8em 0 0.9em 3em;
+}
+
+// Post noticies
+.notice {
+	font-family: $post-content-font-family;
+	width: auto;
+	margin-top: 1.5em;
+	padding-top: 0.2em;
+	font-size: $post-content-font-size;
+	border-top: 1px dashed transparent;
+	clear: left;
+	line-height: $post-content-line-height;
+}
+
+// Jump to post link for now
+ul.searchresults {
+	list-style: none;
+	text-align: right;
+	clear: both;
+	@if $profile-side == right {
+		margin-right: ($post-margin + 100px);
+	}
+	.rtl & {
+		text-align: left;
+		@if $profile-side == right {
+			margin-right: 0;
+			margin-left: ($post-margin + 100px);
+		}
+	}
+}
+
+// BB Code styles
+// ----------------------------------------
+// Quote block
+blockquote {
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	font-size: $post-quote-font-size;
+	margin: 8px 12px;
+	overflow: hidden;
+	padding: 5px;
+	position: relative;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+/*blockquote:before {
+	position: absolute;
+	font-family: 'Trebuchet MS';
+	top: 5px;
+	left: 4px;
+	height: 16px;
+	font-size: 30px;
+	line-height: 30px;
+	pointer-events: none;
+}*/
+
+blockquote blockquote {
+	// Nested quotes
+	margin: 5px;
+}
+
+blockquote cite {
+	// Username/source of quoter
+	font-style: normal;
+	font-weight: bold;
+	display: block;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+}
+
+blockquote cite cite {
+}
+
+blockquote cite:before, .uncited:before {
+	padding-right: 5px;
+}
+
+blockquote cite > div {
+	float: right;
+	font-weight: normal;
+}
+
+.postbody .content li blockquote {
+	overflow: inherit;
+	margin-left: 0;
+}
+
+// Code block
+$post-code-line-height:		1.3 !default;
+
+.codebox {
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	margin: 8px 12px;
+	font-size: $post-code-font-size;
+	word-wrap: normal;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+.codebox p {
+	text-transform: uppercase;
+	border-bottom: 1px solid transparent;
+	margin-bottom: 3px;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size !important;
+	line-height: $post-block-title-line-height;
+	font-weight: bold;
+	display: block;
+}
+
+blockquote .codebox {
+	margin-left: 0;
+}
+
+.codebox code {
+	overflow: auto;
+	display: block;
+	height: auto;
+	max-height: 200px;
+	padding: 5px 3px;
+	font-family: Monaco, "Andale Mono","Courier New", Courier, mono;
+	font-size: $post-code-font-size;
+	line-height: $post-code-line-height;
+}
+
+// Attachments
+// ----------------------------------------
+.attachbox {
+	float: left;
+	width: auto;
+	max-width: 100%;
+	margin: 5px 5px 5px 0;
+	padding: 6px;
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	clear: left;
+	box-sizing: border-box;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+.attachbox dt {
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+	font-weight: 500;
+}
+
+.attachbox dd {
+	margin-top: 4px;
+	padding-top: 4px;
+	clear: left;
+	border-top: 1px solid transparent;
+	overflow-x: auto;
+}
+
+.attachbox dd dd {
+	border: none;
+}
+
+.attachbox p, .attachbox p.stats {
+	line-height: $post-content-line-height;
+	font-weight: normal;
+	clear: left;
+}
+
+.attach-image {
+	margin: 3px 0;
+	max-width: 100%;
+}
+
+.attach-image img {
+	// border: 1px solid transparent;
+//	cursor: move;
+	cursor: default;
+}
+
+// Inline image thumbnails
+div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
+	display: block;
+	margin-bottom: 4px;
+}
+
+div.inline-attachment p {
+	font-size: $post-quote-font-size;
+}
+
+dl.file {
+	font-family: $post-block-title-font-family;
+	display: block;
+}
+
+dl.file dt {
+	text-transform: none;
+	margin: 0;
+	padding: 0;
+	font-weight: bold;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+}
+
+dl.file dd {
+	margin: 0;
+	padding: 0;
+}
+
+dl.thumbnail img {
+	padding: 3px;
+	border: 1px solid transparent;
+	box-sizing: border-box;
+}
+
+dl.thumbnail dd {
+	font-style: italic;
+	font-family: $font-family;
+}
+
+.attachbox dl.thumbnail dd {
+	font-size: 100%;
+}
+
+dl.thumbnail dt a:hover img {
+	border: 1px solid transparent;
+}
+
+// Post poll styles
+// ----------------------------------------
+fieldset.polls {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dl {
+	margin: 0;
+	border: 1px solid transparent;
+	border-width: 1px 0;
+	padding: 5px 0;
+	line-height: $post-content-line-height;
+	&:first-child {
+		border-top-width: 0;
+	}
+	&:last-child {
+		border-bottom-width: 0;
+	}
+}
+
+fieldset.polls dl.voted {
+	font-weight: bold;
+}
+
+fieldset.polls dt {
+	text-align: left;
+	float: left;
+	display: block;
+	width: 30%;
+	border-right: none;
+	padding: 0;
+	margin: 0;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dd {
+	float: left;
+	width: 10%;
+	border-left: none;
+	padding: 0 5px;
+	margin-left: 0;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dd.resultbar {
+	width: 50%;
+}
+
+fieldset.polls dd input {
+	margin: 2px 0;
+}
+
+fieldset.polls dd div {
+	text-align: right;
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: bold;
+	font-size: .9em;
+	padding: 0 3px;
+	overflow: visible;
+	min-width: 8px;
+	border-radius: max(min($border-radius, 5px) - 1px, 0);
+}
+
+.vote-submitted {
+	font-size: $post-content-font-size + 2px;
+	font-weight: bold;
+	text-align: center;
+}
+
+// Poster profile block
+// ----------------------------------------
+.postprofile {
+	margin: 0;
+	padding: 5px 0;
+	min-height: 80px;
+	border: 0px solid transparent;
+	border-#{$post-side}-width: 1px;
+	width: $profile-width;
+	float: $profile-side;
+	position: relative;
+	box-sizing: border-box;
+	z-index: 2;
+	.rtl & {
+		float: $post-side;
+		border-width: 0;
+		border-#{$profile-side}-width: 1px;
+	}
+	.search & {
+		width: ($profile-width + 100px);
+	}
+}
+
+.postprofile dd, .postprofile dt {
+	font-size: $post-profile-font-size;
+	line-height: $post-profile-line-height;
+	margin-#{$post-side}: 8px;
+	.rtl & {
+		margin-#{$profile-side}: 8px;
+		margin-#{$post-side}: 0;
+	}
+}
+
+.postprofile dd {
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.postprofile strong {
+	font-weight: normal;
+}
+
+.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
+	margin-bottom: 10px;
+}
+
+// Post-profile avatars
+.postprofile .has-avatar .avatar-container {
+	margin-bottom: 3px;
+	overflow: hidden;
+}
+
+.postprofile .avatar {
+	display: block;
+	float: left;
+	max-width: 100%;
+	.rtl & {
+		float: right;
+	}
+}
+
+.postprofile .avatar img {
+	display: block;
+	height: auto !important;
+	max-width: 100%;
+}
+
+.postprofile .profile-posts a {
+	font-weight: normal;
+}
+
+dd.profile-warnings {
+	font-weight: bold;
+}
+
+dd.profile-contact {
+	overflow: visible;
+}
+
+.profile-contact .dropdown-container {
+	display: inline-block;
+}
+
+.profile-contact .icon_contact {
+	vertical-align: middle;
+}
+
+.profile-contact .dropdown {
+	margin-right: -14px;
+}
+
+.online-ribbon {
+	display: block;
+	width: 70px;
+	height: 70px;
+	position: absolute;
+	overflow: hidden;
+	top: 0;
+	#{$profile-side}: 0;
+	pointer-events: none;
+
+	.rtl & {
+		#{$profile-side}: auto;
+		#{$post-side}: 0;
+	}
+
+	span {
+		display: block;
+		font-weight: 500;
+		font-style: normal;
+		width: 100px;
+		font-size: 11px;
+		line-height: 18px;
+		height: 18px;
+		text-align: center;
+		position: absolute;
+		top: 17px;
+		white-space: nowrap;
+		#{$profile-side}: -25px;
+
+		@if $profile-side == left {
+			-webkit-transform: rotate(-45deg);
+			-ms-transform: rotate(-45deg);
+			transform: rotate(-45deg);
+		}
+		@else {
+			-webkit-transform: rotate(45deg);
+			-ms-transform: rotate(45deg);
+			transform: rotate(45deg);
+		}
+
+		+ span {
+			opacity: .75;
+			z-index: 29;
+		}
+
+		.rtl & {
+			#{$profile-side}: auto;
+			#{$post-side}: -25px;
+
+			@if $profile-side == right {
+				-webkit-transform: rotate(-45deg);
+				-ms-transform: rotate(-45deg);
+				transform: rotate(-45deg);
+			}
+			@else {
+				-webkit-transform: rotate(45deg);
+				-ms-transform: rotate(45deg);
+				transform: rotate(45deg);
+			}
+		}
+	}
+}
+
+.panel.online > .inner {
+	position: relative;
+	z-index: 2;
+}
+
+.no-avatar .avatar-container {
+	display: block;
+	width: 92px;
+	height: 92px;
+	background: transparent none 50% 50% no-repeat;
+	background-size: cover;
+}
+
+// Profile used on view-profile
+.profile-avatar img {
+	max-width: 100%;
+}
+
+// pm list in compose message if mass pm is enabled
+dl.pmlist dt {
+	width: 60% !important;
+}
+
+dl.pmlist dt textarea {
+	width: 95%;
+}
+
+dl.pmlist dd {
+	margin-left: 61% !important;
+	margin-bottom: 2px;
+}
+
+.action-bar div.dl_links {
+	padding: 10px 0 0 10px;
+}
+
+div.dl_links {
+	display: inline-block;
+	text-transform: none;
+}
+
+.dl_links strong {
+	font-weight: bold;
+}
+
+.dl_links ul {
+	list-style-type: none;
+	margin: 0;
+	display: inline-block;
+}
+
+.dl_links li {
+	display: inline-block;
+}
+
+.attachment-filename {
+	width: 100%;
+}
+
+.ellipsis-text {
+	display: inline-block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+table.fixed-width-table {
+	table-layout: fixed;
+}
+
+// Show scrollbars for items with overflow on iOS devices
+// ----------------------------------------
+.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+	width: 8px;
+	height: 8px;
+	-webkit-appearance: none;
+	border-radius: 3px;
+}
+
+.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+	border-radius: 3px;
+}
+
+#memberlist tr.inactive, #team tr.inactive {
+	font-style: italic;
+}
+
+//
+// Extensions
+//
+
+// Thanks for posts
+a.post {
+	display: inline !important;
+	background: none !important;
+	box-shadow: none !important;
+	border: none !important;
+}
diff --git a/simplicity_aqua/theme/common/_cp.scss b/simplicity_aqua/theme/common/_cp.scss
new file mode 100644
index 0000000..cfbb15e
--- /dev/null
+++ b/simplicity_aqua/theme/common/_cp.scss
@@ -0,0 +1,440 @@
+// Control Panel Styles
+// ----------------------------------------
+
+
+// Main CP box
+// ----------------------------------------
+.cp-menu {
+	float:left;
+	width: 19%;
+	margin: 0 -2px;
+	padding-right: 7px;
+	box-sizing: border-box;
+	.rtl & {
+		float: right;
+		padding-left: 7px;
+		padding-right: 0;
+	}
+}
+
+.cp-main {
+	float: left;
+	width: 81%;
+	.rtl & {
+		float: right;
+	}
+}
+
+.cp-main .content {
+	padding: 0;
+}
+
+.panel-container .panel {
+	margin-bottom: 10px;
+}
+
+.panel-container .panel p {
+	font-size: $panel-font-size;
+	line-height: $panel-line-height;
+}
+
+.panel-container .panel ol {
+	margin-left: 2em;
+	font-size: $panel-font-size;
+}
+
+.panel-container .panel li.row {
+	border-bottom: 1px solid transparent;
+	border-top: 1px solid transparent;
+}
+
+ul.cplist {
+	margin-bottom: 5px;
+	border-top: 1px solid transparent;
+}
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+	margin-bottom: 2px;
+}
+
+.panel-container table.table1 {
+	margin-bottom: 1em;
+}
+
+.panel-container table.table1 thead th {
+	@include table-heading-transparent;
+	padding: 5px;
+	font-weight: bold;
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.panel-container table.table1 tbody th {
+	font-style: italic;
+	background-color: transparent !important;
+	border-bottom: none;
+}
+
+.cp-main .pm-message {
+	border: 1px solid transparent;
+	margin: 10px 0;
+	width: auto;
+	float: none;
+}
+
+.pm-message h2 {
+	padding-bottom: 5px;
+}
+
+.cp-main .postbody h3, .cp-main .box2 h3 {
+	margin-top: 0;
+}
+
+.panel-container .postbody p.author {
+	font-size: $font-size;
+}
+
+.cp-main .buttons {
+	margin-left: 0;
+}
+
+.cp-main ul.linklist {
+	margin: 0;
+}
+
+// MCP Specific tweaks
+.mcp-main .postbody {
+	width: 100%;
+}
+
+.tabs-container h2 {
+	float: left;
+	margin-bottom: 0px;
+}
+
+// CP tabs shared
+// ----------------------------------------
+.tabs, .minitabs {
+	line-height: normal;
+}
+
+.tabs > ul, .minitabs > ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	position: relative;
+}
+
+.tabs .tab, .minitabs .tab {
+	display: block;
+	float: left;
+	font-size: $tab-font-size;
+	font-weight: bold;
+	line-height: $tab-line-height;
+}
+
+.tabs .tab > a, .minitabs .tab > a {
+	display: block;
+	padding: 0 9px;
+	position: relative;
+	text-decoration: none;
+	white-space: nowrap;
+	cursor: pointer;
+	font-size: inherit;
+	line-height: inherit;
+}
+
+// CP tabbed menu
+// ----------------------------------------
+.tabs {
+	margin: 20px 0 0 7px;
+}
+
+.tabs .tab > a {
+	border: 1px solid transparent;
+	border-radius: 4px 4px 0 0;
+	margin: 1px 1px 0 0;
+}
+
+.tabs .activetab > a {
+	margin-top: 0;
+	padding-bottom: 2px;
+}
+
+// Mini tabbed menu used in MCP
+// ----------------------------------------
+.minitabs {
+	float: right;
+	margin: 15px 7px 0 0;
+	max-width: 50%;
+}
+
+.minitabs .tab {
+	float: right;
+}
+
+.minitabs .tab > a {
+	border-radius: 5px 5px 0 0;
+	margin-left: 2px;
+}
+
+.minitabs .tab > a:hover {
+	text-decoration: none;
+}
+
+// Responsive tabs
+// ----------------------------------------
+.responsive-tab {
+	position: relative;
+}
+
+a.responsive-tab-link {
+	.responsive-tab > & {
+		display: block;
+		font-size: 16px;
+		position: relative;
+		width: 16px;
+		line-height: 14px;
+		text-decoration: none;
+	}
+	.responsive-tab > &:before {
+		content: '\f0c9';	// fa-bars
+		font-family: FontAwesome;
+		position: absolute;
+		left: 10px;
+		top: 50%;
+		margin-top: -7px;
+		width: 14px;
+		font-size: 13px;
+		line-height: 15px;
+		height: 15px;
+		text-align: center;
+		font-weight: normal;
+		font-style: normal;
+		text-indent: 0;
+	}
+	.dropdown-visible.responsive-tab > &:before,
+	.responsive-tab > &:hover:before {
+		font-family: FontAwesome;
+		content: '\f078';	// fa-chevron-down
+	}
+}
+
+.tabs .dropdown, .minitabs .dropdown {
+	top: $tab-line-height + 2px;
+	margin-right: -2px;
+	font-size: $dropdown-content-font-size;
+	line-height: $dropdown-content-line-height;
+	font-weight: normal;
+}
+
+.minitabs .dropdown {
+	margin-right: -4px;
+}
+
+.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
+	bottom: $tab-line-height + 2px;
+	top: auto;
+}
+
+.tabs .dropdown li {
+	text-align: right;
+}
+
+.minitabs .dropdown li {
+	text-align: left;
+}
+
+// UCP navigation menu
+// ----------------------------------------
+// Container for sub-navigation list
+.navigation {
+	width: 100%;
+	hr {
+		display: none;
+		+ ul {
+			margin-top: 10px;
+		}
+	}
+}
+
+.navigation ul {
+	list-style: none;
+}
+
+// Default list state
+.navigation li {
+	display: inline;
+	font-weight: bold;
+	margin: 1px 0;
+	padding: 0;
+}
+
+// Link styles for the sub-section links
+.navigation a {
+	display: block;
+	padding: 5px;
+	margin: 2px 0;
+	border-radius: max(0px, $border-radius - 2px);
+	text-decoration: none;
+	font-size: $font-size;
+	line-height: $line-height;
+}
+
+.navigation a:hover {
+	text-decoration: none;
+}
+
+// Preferences pane layout
+// ----------------------------------------
+.cp-main h2 {
+	border-bottom: none;
+	padding: 0;
+	margin-left: 10px;
+}
+
+// Friends list
+.cp-mini {
+	margin: 10px 15px 10px 5px;
+	max-height: 200px;
+	overflow-y: auto;
+	padding: 5px 10px;
+	border-radius: $border-radius;
+}
+
+dl.mini dt {
+	font-weight: bold;
+}
+
+dl.mini dd {
+	padding-top: 4px;
+}
+
+.friend-online {
+	font-weight: bold;
+}
+
+.friend-offline {
+	font-style: italic;
+}
+
+// PM Styles
+// ----------------------------------------
+// Defined rules list for PM options
+ol.def-rules {
+	padding-left: 0;
+}
+
+ol.def-rules li {
+	line-height: 180%;
+	padding: 1px;
+}
+
+// PM marking colours
+.pmlist li.bg1 {
+	padding: 0 3px;
+}
+
+.pmlist li.bg2 {
+	padding: 0 3px;
+}
+
+/* DEPRECATED 3.2.6
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: transparent;
+	border-right-color: transparent;
+}
+*/
+
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour,
+.pmlist li.pm_marked_colour, .pm_marked_colour,
+.pmlist li.pm_replied_colour, .pm_replied_colour,
+.pmlist li.pm_friend_colour, .pm_friend_colour,
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+	padding: 0;
+	border: solid 3px transparent;
+	border-width: 0 3px;
+}
+
+.pm-legend {
+	border-left-width: 10px;
+	border-left-style: solid;
+	border-right-width: 0;
+	margin-bottom: 3px;
+	padding-left: 3px;
+}
+
+// Avatar gallery
+.gallery label {
+	position: relative;
+	float: left;
+	margin: 10px;
+	padding: 5px;
+	width: auto;
+	border: 1px solid transparent;
+	text-align: center;
+}
+
+// Responsive *CP navigation
+// ----------------------------------------
+@media (max-width: 900px)
+{
+	.nojs .tabs a span, .nojs .minitabs a span {
+		max-width: 40px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		letter-spacing: -.5px;
+	}
+
+	.cp-menu, .navigation, .cp-main {
+		float: none;
+		width: auto;
+		margin: 0;
+	}
+
+	.cp-menu:after {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+
+	.navigation {
+		padding: 0;
+		max-width: 320px;
+		.cp-menu & {
+			margin: 0 10px;
+			float: left;
+			@media (max-width: 450px) {
+				float: none;
+				margin: 0 auto;
+			}
+		}
+		&, .cp-menu &:only-child {
+			float: none;
+			margin: 0 auto;
+		}
+		.cp-menu & + .cp-mini {
+			float: left;
+			margin: 0 10px;
+			max-width: 220px;
+			@media (max-width: 450px) {
+				float: none;
+				margin: 10px auto 0;
+			}
+		}
+	}
+
+	.navigation a {
+		background-image: none;
+	}
+
+	.navigation li:first-child a {
+		border-top-left-radius: 5px;
+		border-top-right-radius: 5px;
+	}
+
+	.navigation li:last-child a {
+		border-bottom-left-radius: 5px;
+		border-bottom-right-radius: 5px;
+	}
+}
diff --git a/simplicity_aqua/theme/common/_forms.scss b/simplicity_aqua/theme/common/_forms.scss
new file mode 100644
index 0000000..80a6269
--- /dev/null
+++ b/simplicity_aqua/theme/common/_forms.scss
@@ -0,0 +1,459 @@
+// Form Styles
+// ----------------------------------------
+
+// General form styles
+// ----------------------------------------
+$input-font-size:		$font-size + 1px !default;
+$input-font-family:		$font-family !default;
+
+fieldset {
+	border-width: 0;
+	font-family: $font-family;
+	font-size: $font-size;
+}
+
+input {
+	font-weight: normal;
+	vertical-align: middle;
+	padding: 0 3px;
+	font-size: $input-font-size;
+	font-family: $input-font-family;
+}
+
+select {
+	font-family: $input-font-family;
+	font-weight: normal;
+	cursor: pointer;
+	vertical-align: middle;
+	border: 1px solid transparent;
+	border-radius: $input-border-radius;
+	padding: 1px;
+	font-size: $input-font-size;
+}
+
+select:focus {
+	outline-style: none;
+}
+
+option {
+	padding-right: 1em;
+}
+
+select optgroup option {
+	padding-right: 1em;
+	font-family: $input-font-family;
+}
+
+textarea {
+	font-family: $post-content-font-family;
+	width: 60%;
+	padding: 2px;
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	border-radius: $input-border-radius;
+	-webkit-appearance: none;
+}
+
+label {
+	cursor: default;
+	padding-right: 5px;
+}
+
+label input {
+	vertical-align: middle;
+}
+
+label img {
+	vertical-align: middle;
+}
+
+// Definition list layout for forms
+// ----------------------------------------
+fieldset dl {
+	padding: 4px 0;
+}
+
+fieldset dt {
+	float: left;
+	width: 40%;
+	text-align: left;
+	display: block;
+}
+
+fieldset dd {
+	margin-left: 41%;
+	vertical-align: top;
+	margin-bottom: 3px;
+}
+
+// Specific layout 1
+fieldset.fields1 dt {
+	width: 15em;
+	border-right-width: 0;
+}
+
+fieldset.fields1 dd {
+	margin-left: 15em;
+	border-left-width: 0;
+}
+
+fieldset.fields1 div {
+	margin-bottom: 3px;
+}
+
+// Set it back to 0px for the reCaptcha divs: PHPBB3-9587
+fieldset.fields1 .live-search div {
+	margin-bottom: 0;
+}
+
+// Specific layout 2
+fieldset.fields2 dt {
+	width: 15em;
+	border-right-width: 0;
+}
+
+fieldset.fields2 dd {
+	margin-left: 16em;
+	border-left-width: 0;
+}
+
+// Form elements
+dt label {
+	font-weight: bold;
+	text-align: left;
+}
+
+dd label {
+	white-space: nowrap;
+}
+
+dd input, dd textarea {
+	margin-right: 3px;
+}
+
+dd select {
+	width: auto;
+}
+
+dd select[multiple] {
+	width: 100%;
+}
+
+dd textarea {
+	width: 85%;
+}
+
+// Hover effects
+.timezone {
+	width: 95%;
+}
+
+/* Browser-specific tweaks */
+button::-moz-focus-inner {
+	padding: 0;
+	border: 0
+}
+
+
+// Quick-login on index page
+fieldset.quick-login {
+	margin-top: 5px;
+}
+
+fieldset.quick-login input {
+	width: auto;
+}
+
+fieldset.quick-login input.inputbox {
+	width: 15%;
+	vertical-align: middle;
+	margin-right: 5px;
+}
+
+fieldset.quick-login label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+// Display options on viewtopic/viewforum pages
+fieldset.display-options {
+	text-align: center;
+	margin: 3px 0 5px 0;
+}
+
+fieldset.display-options label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+fieldset.display-options a {
+	margin-top: 3px;
+}
+
+.dropdown fieldset.display-options {
+	font-size: 1em;
+	margin: 0;
+	padding: 0;
+}
+
+.dropdown fieldset.display-options label {
+	display: block;
+	margin: 4px;
+	padding: 0;
+	text-align: right;
+	white-space: nowrap;
+}
+
+.dropdown fieldset.display-options select {
+	min-width: 120px;
+}
+
+// Display actions for ucp and mcp pages
+fieldset.display-actions {
+	text-align: right;
+	line-height: 2em;
+	white-space: nowrap;
+	padding-right: 1em;
+}
+
+fieldset.display-actions label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+fieldset.sort-options {
+	line-height: 2em;
+}
+
+// MCP forum selection
+fieldset.forum-selection {
+	margin: 5px 0 3px 0;
+	float: right;
+}
+
+fieldset.forum-selection2 {
+	margin: 13px 0 3px 0;
+	float: right;
+}
+
+// Submit button fieldset
+fieldset.submit-buttons {
+	text-align: center;
+	vertical-align: middle;
+	margin: 5px 0;
+}
+
+fieldset.submit-buttons input {
+	vertical-align: middle;
+}
+
+// Posting page styles
+// ----------------------------------------
+
+// Buttons used in the editor
+.format-buttons {
+	margin: 15px 0 2px 0;
+}
+
+.format-buttons input, .format-buttons select {
+	vertical-align: middle;
+}
+
+// Main message box
+.message-box {
+	width: 80%;
+}
+
+.message-box textarea {
+	font-family: $post-content-font-family;
+	width: 450px;
+	height: 270px;
+	min-width: 100%;
+	max-width: 100%;
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	resize: vertical;
+	outline: 3px dashed transparent;
+	outline-offset: -4px;
+	-webkit-transition: all .5s ease, height 1ms linear;
+	-moz-transition: all .5s ease, height 1ms linear;
+	-ms-transition: all .5s ease, height 1ms linear;
+	-o-transition: all .5s ease, height 1ms linear;
+	transition: all .5s ease, height 1ms linear;
+}
+
+// Emoticons panel
+.smiley-box {
+	width: 18%;
+	float: right;
+}
+
+.smiley-box img {
+	margin: 3px;
+}
+
+// Input field styles
+// ----------------------------------------
+.inputbox {
+	border: 1px solid transparent;
+	padding: 2px;
+	border-radius: $input-border-radius;
+	-webkit-appearance: none;
+}
+
+.inputbox:hover, .inputbox:focus {
+	border: 1px solid transparent;
+	outline-style: none;
+}
+
+input.inputbox	{ width: 85%; }
+input.medium	{ width: 50%; }
+input.narrow	{ width: 25%; }
+input.tiny	{ width: 150px; }
+
+textarea.inputbox {
+	width: 85%;
+}
+
+.autowidth {
+	width: auto !important;
+}
+
+input[type="number"] {
+	-moz-padding-end: 0;
+}
+
+input[type="search"] {
+	-webkit-appearance: none;
+	-webkit-box-sizing: content-box;
+}
+
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
+	display: none;
+}
+
+input[type="search"]::-webkit-search-cancel-button {
+	cursor: pointer;
+}
+
+// Form button styles
+// ----------------------------------------
+input.button1, input.button2 {
+	font-size: $input-button-font-size;
+}
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+	width: auto !important;
+	padding-top: 1px;
+	padding-bottom: 1px;
+	font-family: $input-button-font-family;
+	background: transparent none repeat-x top left;
+	line-height: 1.5;
+	border-radius: $button-border-radius;
+	font-size: $input-button-font-size;
+	.format-buttons & {
+		font-size: $bbcode-button-font-size;
+	}
+}
+
+a.button1, input.button1 {
+	font-weight: bold;
+	border: 1px solid transparent;
+}
+
+input.button3 {
+	padding: 0;
+	margin: 0;
+	line-height: 5px;
+	height: 12px;
+	background-image: none;
+	font-variant: small-caps;
+}
+
+input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li {
+	cursor: pointer;
+}
+
+// Alternative button
+a.button2, input.button2, input.button3 {
+	border: 1px solid transparent;
+}
+
+// <a> button in the style of the form buttons
+a.button1, a.button2 {
+	text-decoration: none;
+	padding: 0 3px;
+	vertical-align: text-bottom;
+}
+
+// Hover states
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+	border: 1px solid transparent;
+}
+
+input.disabled {
+	font-weight: normal;
+}
+
+// Focus states
+input.button1:focus, input.button2:focus, input.button3:focus {
+	outline-style: none;
+}
+
+// Topic and forum Search
+.search-box {
+	float: left;
+}
+
+.search-box .inputbox {
+	background-image: none;
+	border-right-width: 0;
+	border-radius: $big-button-border-radius 0 0 $big-button-border-radius;
+	float: left;
+	height: $button-outer-height;
+	padding: 3px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	.rtl & {
+		border-radius: 0 $big-button-border-radius $big-button-border-radius 0;
+	}
+}
+
+// Search box (header)
+// ---------------------------------------------
+.search-header {
+	border-radius: $big-button-border-radius;
+	display: block;
+	border: 1px solid transparent;
+	.navbar.with-search & {
+		margin-top: 1px;
+	}
+	@if $tabbed-navigation {
+		.navbar.not-static + .navbar.with-search & {
+			&, & a.button, & .inputbox {
+				border-radius: 0;
+			}
+			margin-right: -3px;
+			.rtl & {
+				margin-right: 0;
+				margin-left: -3px;
+			}
+		}
+	}
+	.headerbar & {
+		position: absolute;
+		top: 50%;
+		right: 5px;
+		margin-top: -13px;
+	}
+}
+
+.search-header .inputbox { border: 0; }
+
+.navbar .linklist > li.responsive-search { display: none; }
+
+.full { width: 95%; }
+.medium { width: 50%;}
+.narrow { width: 25%;}
+.tiny { width: 10%;}
diff --git a/simplicity_aqua/theme/common/_icons.scss b/simplicity_aqua/theme/common/_icons.scss
new file mode 100644
index 0000000..3ac5984
--- /dev/null
+++ b/simplicity_aqua/theme/common/_icons.scss
@@ -0,0 +1,96 @@
+/* --------------------------------------------------------------
+	$Icons
+-------------------------------------------------------------- */
+
+/* Global module setup
+--------------------------------*/
+
+/* Renamed version of .fa class for agnostic usage of icon fonts.
+ * Just change the name of the font after the 14/1 to the name of
+ * the font you wish to use.
+ */
+.icon, .button .icon, blockquote cite:before, .uncited:before {
+	display: inline-block;
+  	font-weight: normal;
+  	font-style: normal;
+  	font-variant: normal;
+  	font-family: FontAwesome;
+  	font-size: 14px;
+  	line-height: 1;
+  	text-rendering: auto; /* optimizelegibility throws things off #1094 */
+  	-webkit-font-smoothing: antialiased;
+  	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon:before { padding-right: 2px; }
+
+.button .icon:before {
+	padding-right: 0;
+}
+
+/* Icon size classes - Default size is 14px, use these for small variations */
+
+.icon.icon-xl {
+	font-size: 20px;
+}
+
+.icon.icon-lg {
+	font-size: 16px;
+}
+
+.icon.icon-md {
+	font-size: 10px;
+}
+
+.icon.icon-sm {
+	font-size: 8px;
+}
+
+/* icon modifiers */
+.icon-tiny {
+	width: 12px;
+	transform: scale(0.65, 0.75);
+	vertical-align: text-bottom;
+	font-size: 16px;
+}
+
+.arrow-left .icon {
+	float: left;
+}
+
+.arrow-left:hover .icon {
+	margin-left: -5px;
+	margin-right: 5px;
+}
+
+.arrow-right .icon {
+	float: right;
+}
+
+.arrow-right:hover .icon {
+	margin-left: 5px;
+	margin-right: -5px;
+}
+
+.post-buttons .dropdown-contents .icon {
+    float: right;
+    margin-left: 5px;
+}
+
+.alert_close .icon:before {
+	padding: 0;
+    border-radius: 50%;
+    width: 11px;
+    display: block;
+    line-height: .9;
+    height: 12px;
+}
+
+blockquote cite:before, .uncited:before {
+	content: '\f10d'; /* Font Awesome quote-left */
+}
+
+.rtl blockquote cite:before, .rtl .uncited:before {
+	content: '\f10e'; /* Font Awesome quote-right */
+}
+
diff --git a/simplicity_aqua/theme/common/_imageset.scss b/simplicity_aqua/theme/common/_imageset.scss
new file mode 100644
index 0000000..8b4d1dd
--- /dev/null
+++ b/simplicity_aqua/theme/common/_imageset.scss
@@ -0,0 +1,278 @@
+// Icon images
+// ----------------------------------------
+%icon-image {
+	position: relative;
+	background-image: none;
+	&:after {
+		content: '';
+		position: absolute;
+		top: 50%;
+		left: 0;
+		height: 14px;
+		margin-top: -7px;
+		text-align: center;
+		font-size: 12px;
+		line-height: 14px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+	&.small-icon:after {
+		width: 18px;
+		text-align: center;
+	}
+}
+
+%icon-image-fa {
+	@extend %icon-image;
+	&:after {
+		font-family: FontAwesome;
+	}
+}
+
+%icon-search-old {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f002';	// fa-search
+	}
+}
+
+%icon-search-new {
+	@extend %icon-search-old;
+}
+
+%icon-search-misc {
+	@extend %icon-search-old;
+}
+
+.icon-acp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f085';	// fa-cogs
+	}
+}
+.icon-bookmark {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f02e';	// fa-bookmark
+		margin-left: -1px;
+		margin-right: -1px;
+	}
+}
+.icon-bump {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f079';	// fa-retweet
+	}
+}
+.icon-contact {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0e0';	// fa-envelope
+	}
+}
+.icon-delete-cookies {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f014';	// fa-trash-o
+	}
+}
+.icon-download {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f019';	// fa-download
+	}
+}
+.icon-faq {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f059';	// fa-question-circle
+	}
+}
+.icon-home {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f015';	// fa-home
+	}
+	&.breadcrumbs:after {
+		text-align: left;
+	}
+}
+.icon-logout {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f08b';	// fa-sign-out
+	}
+}
+.icon-login {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f090';	// fa-sign-in
+	}
+}
+.icon-mark {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f046';	// fa-check-square-o
+	}
+}
+.icon-mcp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0e3';	// fa-gavel
+	}
+}
+.icon-members {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+	&:before {
+		@extend .icon-members:after;
+		display: block;
+		font-size: 10px;
+		padding: 0;
+		padding-left: 4px;
+		padding-top: 1px;
+		opacity: .7;
+	}
+}
+ul.linklist.bulletin > li.small-icon.icon-members:before { 
+	@extend .icon-members:before; 
+}
+.icon-notification {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0a2';	// fa-bell-o
+	}
+	&.non-zero:after {
+		content: '\f0f3';	// fa-bell
+	}
+}
+.icon-pages {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0c5';	// fa-copy
+	}
+}
+.icon-pm {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f003';	// fa-envelope-o
+	}
+	&.non-zero:after {
+		content: '\f0e0';	// fa-envelope
+	}
+}
+.icon-print {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f02f';	// fa-print
+	}
+}
+.icon-profile {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+}
+.icon-register{
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f234';	// fa-user-plus
+	}
+}
+.icon-search				{ @extend %icon-search-old; }
+.icon-search-active			{ @extend %icon-search-old; }
+.icon-search-advanced		{ @extend %icon-search-old; }
+.icon-search-new			{ @extend %icon-search-new; }
+.icon-search-self			{ @extend %icon-search-misc; }
+.icon-search-unanswered		{ @extend %icon-search-new; }
+.icon-search-unread			{ @extend %icon-search-new; }
+.icon-sendemail {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f003';	// fa-envelope-o
+	}
+}
+.icon-subscribe {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f05d';	// fa-check-circle-o
+	}
+}
+.icon-team {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+	&:before {
+		@extend .icon-team:after;
+		display: block;
+		font-size: 10px;
+		padding: 0;
+		white-space: nowrap;
+		padding-top: 1px;
+		opacity: .7;
+		content: '\f007\f007';	// fa-user fa-user
+	}
+}
+ul.linklist.bulletin > li.small-icon.icon-team:before { @extend .icon-team:before; }
+.icon-ucp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0ad';	// fa-wrench
+	}
+}
+.icon-unsubscribe {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f05c';	// times-circle-o
+	}
+}
+.icon-new-posts {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f086';	// fa-comments
+	}
+}
+.icon-forums {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f075';	// fa-comment
+	}
+}
+.icon-chat {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f086';	// fa-comments
+	}
+}
+.icon-time {
+	@extend %icon-image-fa;
+	&:after {
+		// content: '\E055';	// glyphicons-clock
+		content: '\f017';	// fa-clock-o
+	}
+}
+
+
+// Thanks for posts mod
+.icon-thanks {
+	background-image: none !important;
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f087';	// fa-thumbs-o-up
+	}
+}
+
+.icon-thanks_toplist {
+	background-image: none !important;
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f005';	// fa-star
+	}
+}
\ No newline at end of file
diff --git a/simplicity_aqua/theme/common/_links.scss b/simplicity_aqua/theme/common/_links.scss
new file mode 100644
index 0000000..495e240
--- /dev/null
+++ b/simplicity_aqua/theme/common/_links.scss
@@ -0,0 +1,249 @@
+// Link Styles
+// ----------------------------------------
+
+// Links adjustment to correctly display an order of rtl/ltr mixed content
+a {
+	direction: ltr;
+	unicode-bidi: embed;
+	text-decoration: none;
+	/* we use links inline more often then not so to address several bugs with
+	IE and some other browsers we render all links as inlineblock by default */
+	display: inline-block;
+}
+
+// Coloured usernames
+.username-coloured {
+	font-weight: bold;
+	display: inline !important;
+	padding: 0 !important;
+}
+
+span.username-coloured {
+		margin-left: 10px;
+}
+
+// Links on gradient backgrounds
+.forumbg .header a, .forabg .header a, th a {
+	text-decoration: none;
+}
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+	text-decoration: underline;
+}
+
+// Notification mark read link
+.dropdown-extended a.mark_read {
+	display: block;
+	opacity: .2;
+	position: absolute;
+	z-index: 2;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	width: 30px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	transition: opacity .2s;
+}
+
+.dropdown-extended li:hover a.mark_read {
+	opacity: .85;
+}
+
+.dropdown-extended li a.mark_read:hover {
+	opacity: 1;
+}
+
+.dropdown-extended a.mark_read:after {
+	width: auto;
+	left: 4px;
+	right: 0;
+	font-size: 16px;
+}
+
+.jumpbox-cat-link,
+.jumpbox-forum-link { font-weight: bold; }
+
+// Links for forum/topic lists
+a.forumtitle {
+	display: inline-block;
+	font-family: $forum-link-font-family;
+	font-size: $forum-link-font-size;
+	line-height: $forum-link-line-height;
+	font-weight: 500;
+	padding-bottom: 2px;
+	text-decoration: none;
+	&:hover {
+		text-decoration: underline;
+	}
+}
+
+a.topictitle {
+	@extend a.forumtitle;
+	font-family: $topic-link-font-family;
+	font-size: $topic-link-font-size;
+}
+
+a.lastsubject {
+	font-weight: bold;
+	text-decoration: none;
+}
+
+a.lastsubject:hover {
+	text-decoration: underline;
+}
+
+// Profile links
+.postprofile a, .postprofile dt.author a {
+	font-weight: bold;
+	text-decoration: none;
+}
+
+.postprofile a:hover, .postprofile dt.author a:hover {
+	text-decoration: underline;
+}
+
+// Profile searchresults
+.search .postprofile a {
+	text-decoration: none;
+	font-weight: normal;
+}
+
+.search .postprofile a:hover {
+	text-decoration: underline;
+}
+
+.top {
+	font-size: 12px;
+	text-decoration: none;
+	margin-top: 10px;
+}
+
+// Back to top of page
+.back2top {
+	clear: both;
+	.post > & {
+		position: relative;
+		right: 5px;
+		bottom: 5px;
+		.rtl & {
+			right: auto;
+			left: 5px;
+		}
+	}
+}
+
+.back2top .top {
+	float: right;
+	margin-top: 0;
+}
+
+a.top, a.top2 {
+	position: relative;
+}
+
+// Arrow links
+%arrow {
+	position: relative;
+	&:after {
+		position: absolute;
+		top: 50%;
+		margin-top: -5px;
+		text-align: center;
+		font-family: FontAwesome;
+		font-size: 8px;
+		line-height: 10px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+}
+
+a.arrow-up {
+	@extend %arrow;
+	&:after {
+		content: '\f077';	// fa-chevron-up
+		left: 0;
+	}
+	.rtl &:after {
+		left: auto;
+		right: 0;
+	}
+}
+a.arrow-down {
+	@extend %arrow;
+	&:after {
+		content: '\f078';	// fa-chevron-down
+		right: 0;
+		padding-top: 1px;
+	}
+	.rtl &:after {
+		right: auto;
+		left: 0;
+	}
+}
+
+a.arrow-up {
+	padding-left: 10px;
+	text-decoration: none;
+	border-bottom-width: 0;
+}
+
+a.arrow-down {
+	padding-right: 10px;
+}
+
+a.arrow-down:hover {
+	text-decoration: none;
+}
+
+a.arrow-left:hover {
+	text-decoration: none;
+}
+
+a.arrow-right:hover {
+	text-decoration: none;
+}
+
+// invisible skip link, used for accessibility
+.skiplink {
+	position: absolute;
+	left: -999px;
+	width: 990px;
+}
+
+// Feed icon in forumlist_body.html
+a.feed-icon-forum {
+	float: right;
+	margin: 3px;
+	width: 16px;
+	height: 16px;
+	position: relative;
+}
+
+.topiclist.forums a.feed-icon-forum {
+	margin-top: 12px;
+}
+
+a.feed-icon-forum:after {
+	content: '\f09e';	// fa-rss
+	position: absolute;
+	left: 0;
+	right: 0;
+	width: 16px;
+	height: 16px;
+	font-family: FontAwesome;
+	font-size: 14px;
+	font-weight: normal;
+	font-style: normal;
+	line-height: 16px;
+	text-align: center;
+}
+
+a.top-anchor {
+	display: block;
+}
diff --git a/simplicity_aqua/theme/common/_normalize.scss b/simplicity_aqua/theme/common/_normalize.scss
new file mode 100644
index 0000000..31ef98e
--- /dev/null
+++ b/simplicity_aqua/theme/common/_normalize.scss
@@ -0,0 +1,414 @@
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
+ */
+
+html {
+	font-family: sans-serif; /* 1 */
+	-ms-text-size-adjust: 100%; /* 2 */
+	-webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+	margin: 0;
+}
+
+/* HTML5 display definitions
+	 ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+	display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+	display: inline-block; /* 1 */
+	vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+	display: none;
+	height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+	display: none;
+}
+
+/* Links
+	 ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+	background-color: transparent;
+}
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+
+a:active,
+a:hover {
+	outline: 0;
+}
+
+/* Text-level semantics
+	 ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+	border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+	font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+	font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+	font-size: 2em;
+	margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+	background: #ff0;
+	color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+	font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sup {
+	top: -0.5em;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+/* Embedded content
+	 ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+	border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+	overflow: hidden;
+}
+
+/* Grouping content
+	 ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+	margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+	box-sizing: content-box;
+	height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+	overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+	font-family: monospace, monospace;
+	font-size: 1em;
+}
+
+/* Forms
+	 ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+	color: inherit; /* 1 */
+	font: inherit; /* 2 */
+	margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+	overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+	text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+	-webkit-appearance: button; /* 2 */
+	cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+	cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+	border: 0;
+	padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+	line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+	box-sizing: border-box; /* 1 */
+	padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+	height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+
+input[type="search"] {
+	-webkit-appearance: textfield; /* 1 */
+	box-sizing: content-box; /* 2 */
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+	-webkit-appearance: none;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+	border: 0; /* 1 */
+	padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+	overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+	font-weight: bold;
+}
+
+/* Tables
+	 ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+td,
+th {
+	padding: 0;
+}
diff --git a/simplicity_aqua/theme/common/_responsive.scss b/simplicity_aqua/theme/common/_responsive.scss
new file mode 100644
index 0000000..2284b4a
--- /dev/null
+++ b/simplicity_aqua/theme/common/_responsive.scss
@@ -0,0 +1,652 @@
+// Responsive Design
+// ----------------------------------------
+
+@media (max-width: 320px) {
+	select, .inputbox {
+		max-width: 240px;
+	}
+}
+
+/* Notifications list
+----------------------------------------*/
+@media (max-width: 350px) {
+	.dropdown-extended .dropdown-contents {
+		width: auto;
+	}
+}
+
+@media (max-width: 430px) {
+	.action-bar .search-box .inputbox {
+		width: 120px;
+	}
+
+	.section-viewtopic .search-box .inputbox {
+		width: 57px;
+	}
+
+	.action-bar .search-box .inputbox ::-moz-placeholder {
+    	content: "Search...";
+  	}
+
+  	.action-bar .search-box .inputbox :-ms-input-placeholder {
+  		content: "Search...";
+  	}
+
+  	.action-bar .search-box .inputbox ::-webkit-input-placeholder {
+  		content: "Search...";
+  	}
+}
+
+@media (max-width: 500px) {
+	dd label {
+		white-space: normal;
+	}
+
+	select, .inputbox {
+		max-width: 260px;
+	}
+
+	.captcha-panel dd.captcha {
+		margin-left: 0;
+	}
+
+	.captcha-panel dd.captcha-image img {
+		width: 100%;
+	}
+
+	dl.details dt, dl.details dd {
+		width: auto;
+		float: none;
+		text-align: left;
+	}
+
+	dl.details dd {
+		margin-left: 20px;
+	}
+
+	p.responsive-center {
+		float: none;
+		text-align: center;
+		margin-bottom: 5px;
+	}
+
+	.action-bar > div {
+		margin-bottom: 5px;
+ 	}
+
+	.action-bar > .pagination {
+		float: none;
+		clear: both;
+		padding-bottom: 1px;
+		text-align: center;
+	}
+
+	.action-bar > .pagination li.page-jump {
+		margin: 0 2px;
+	}
+
+	p.jumpbox-return {
+		display: none;
+	}
+
+	.display-options > label:nth-child(1) {
+		display: block;
+		margin-bottom: 5px;
+	}
+
+	.attach-controls {
+		margin-top: 5px;
+		width: 100%;
+	}
+
+	.quick-links .dropdown-trigger span {
+		display: none;
+	}
+}
+
+@media (max-width: 550px) {
+	ul.topiclist.forums dt {
+		margin-right: 0;
+	}
+
+	ul.topiclist.forums dt .list-inner {
+		margin-right: 0;
+	}
+
+	ul.topiclist.forums dd.lastpost {
+		display: none;
+	}
+}
+
+@media (max-width: 700px) {
+	.responsive-hide { display: none !important; }
+	.responsive-show { display: block !important; }
+	.responsive-show-inline { display: inline !important; }
+	.responsive-show-inline-block { display: inline-block !important; }
+
+	/* Content wrappers
+	----------------------------------------*/
+	html {
+		height: auto;
+	}
+
+	body {
+		padding: 0;
+	}
+
+	#wrap {
+		border: none;
+		border-radius: 0;
+		margin: 0;
+
+		padding: 0 5px;
+	}
+
+	.page-width, .navbar .inner.static > .static-inner {
+		min-width: 290px;
+		margin: 0;
+	}
+
+	.navbar .inner.static > .static-inner,
+	#wrap .navbar .inner.static > .static-inner {
+		padding: 0;
+	}
+
+	// Common block wrappers
+	// ----------------------------------------
+	.forabg, .forumbg, .post, .panel {
+		border-radius: 0;
+		margin-left: -5px;
+		margin-right: -5px;
+	}
+	.headerbar, .navbar {
+		border-radius: 0;
+	}
+	#wrap .headerbar, #wrap .navbar {
+		margin-left: -5px;
+		margin-right: -5px;
+	}
+
+	.cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
+		border-radius: 0;
+	}
+
+	@if $tabbed-navigation == false {
+		.navbar.tabbed .nav-tabs, .navbar.tabbed .nav-tabs .tab {
+			border-radius: 0 !important;
+		}
+	}
+
+	// Logo block
+	// ----------------------------------------
+	.site-description {
+		float: none;
+		width: auto;
+		text-align: center;
+	}
+
+	.logo {
+		@if $responsive-hide-logo == true {
+			display: none;
+		}
+		float: none;
+		margin: 0 auto;
+		padding: 10px;
+		img {
+			margin: 0 auto;
+		}
+	}
+
+	.site-description h1, .site-description p, .site-description p.sitename {
+		@if $responsive-hide-logo == true {
+			display: block;
+		}
+		text-align: inherit;
+		float: none;
+		margin: 5px;
+		line-height: 1.2em;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.site-description p, .headerbar .search-header {
+		display: none;
+	}
+
+	// Navigation
+	// ----------------------------------------
+
+	// Search
+	// ----------------------------------------
+	.responsive-search { display: block !important; }
+
+	// .topiclist lists
+	// ----------------------------------------
+	li.header dt {
+	}
+
+	ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
+		margin-right: 0 !important;
+		padding-right: 0;
+	}
+
+	ul.topiclist li.header dd {
+		display: none !important;
+	}
+
+	ul.topiclist dt, ul.topiclist dt .list-inner,
+	ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
+	ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
+	ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
+		margin-right: 0;
+	}
+
+	ul.topiclist dt .list-inner.with-mark {
+		padding-right: 34px;
+	}
+
+	ul.topiclist dt .list-inner {
+		min-height: 28px;
+	}
+
+	ul.topiclist li.header dt .list-inner {
+		min-height: 0;
+	}
+
+	ul.topiclist dd {
+		display: none;
+	}
+	ul.topiclist dd.mark {
+		display: block;
+	}
+
+	/* Forums and topics lists
+	----------------------------------------*/
+	ul.topiclist.forums dt {
+		margin-right: -250px;
+	}
+
+	ul.topiclist dd.mark {
+		display: block;
+		position: absolute;
+		right: 5px;
+		top: 0;
+		margin: 0;
+		width: auto;
+		min-width: 0;
+		text-align: left;
+	}
+
+	ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
+		position: relative;
+		left: 0;
+		width: auto;
+		display: inline;
+		font-weight: normal;
+	}
+
+	li.row .responsive-show strong {
+		font-weight: bold;
+		color: inherit;
+	}
+
+	ul.topiclist li.row dt a.subforum {
+		vertical-align: bottom;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		max-width: 100px;
+	}
+
+	/* Pagination
+	----------------------------------------*/
+	.pagination > ul {
+		margin: 5px 0 0;
+	}
+
+	.row .pagination .ellipsis + li {
+		display: none !important;
+	}
+
+	/* Responsive tables
+	----------------------------------------*/
+	table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
+		display: block;
+	}
+
+	table.responsive thead, table.responsive th {
+		display: none;
+	}
+
+	table.responsive.show-header thead, table.responsive.show-header th:first-child {
+		display: block;
+		width: auto !important;
+		text-align: left !important;
+		border-radius: 0;
+	}
+
+	table.responsive.show-header th:first-child span.rank-img {
+		display: none;
+	}
+
+	table.responsive tr {
+		margin: 2px 0;
+	}
+
+	table.responsive td {
+		width: auto !important;
+		text-align: left !important;
+		padding: 4px;
+	}
+
+	table.responsive td.empty {
+		display: none !important;
+	}
+
+	table.responsive td > dfn {
+		display: inline-block !important;
+	}
+
+	table.responsive td > dfn:after {
+		content: ':';
+		padding-right: 5px;
+	}
+
+	table.responsive span.rank-img {
+		float: none;
+		padding-right: 5px;
+	}
+
+	table.responsive.memberlist td:first-child input[type="checkbox"] {
+		float: right;
+	}
+
+	/* Forms
+	----------------------------------------*/
+	fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
+		width: auto;
+		float: none;
+	}
+
+	fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
+		margin-left: 0px;
+	}
+
+	textarea, dd textarea, .message-box textarea {
+		width: 100%;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+
+	dl.pmlist dt {
+		width: auto !important;
+		margin-bottom: 5px;
+	}
+
+	dl.pmlist dd {
+		display: inline-block;
+		margin-left: 0 !important;
+	}
+
+	dl.pmlist dd:first-of-type {
+		padding-left: 20px;
+	}
+
+	.smiley-box, .message-box {
+		float: none;
+		width: auto;
+	}
+
+	.smiley-box {
+		margin-top: 5px;
+	}
+
+	.bbcode-status {
+		display: none;
+	}
+
+	.colour-palette, .colour-palette tbody, .colour-palette tr {
+		display: block;
+	}
+
+	.colour-palette td {
+		display: inline-block;
+		margin-right: 2px;
+	}
+
+	.horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
+		display: none;
+	}
+
+	fieldset.quick-login label {
+		display: block;
+		margin-bottom: 5px;
+		white-space: normal;
+	}
+
+	fieldset.quick-login label > span {
+		display: inline-block;
+		min-width: 100px;
+	}
+
+	fieldset.quick-login input.inputbox {
+		width: 85%;
+		max-width: 300px;
+		margin-left: 20px;
+	}
+
+	fieldset.quick-login label[for="autologin"] {
+		display: inline-block;
+		text-align: right;
+		min-width: 50%;
+	}
+
+	/* User profile
+	----------------------------------------*/
+	.column1, .column2, .left-box.profile-details {
+		float: none;
+		width: auto;
+		clear: both;
+	}
+
+	/* Polls
+	----------------------------------------*/
+	fieldset.polls dt {
+		width: 90%;
+	}
+
+	fieldset.polls dd.resultbar {
+		padding-left: 20px;
+	}
+
+	fieldset.polls dd.poll_option_percent {
+		width: 20%;
+	}
+
+	fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
+		margin-top: 5px;
+	}
+
+	/* Post
+	----------------------------------------*/
+	.postbody {
+		position: inherit;
+	}
+	
+	.postbody {
+		.postprofile + & {
+		float: none;
+		position: inherit;
+		width: auto;
+		}
+	}
+	
+	.postprofile, .postbody, .search .postbody {
+		display: block;
+		width: auto;
+		float: none;
+		padding: 0;
+		min-height: 0;
+	}
+
+	.post .postprofile {
+		width: auto;
+		border-width: 0 0 1px 0;
+		padding-bottom: 5px;
+		margin: 0;
+		margin-bottom: 5px;
+		min-height: 40px;
+		overflow: hidden;
+		z-index: auto !important;
+	}
+
+	.postprofile dd {
+		display: none;
+	}
+
+	.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
+		display: block;
+		margin: 0;
+	}
+
+	.postprofile .has-avatar .avatar-container,
+	.postprofile .no-avatar .avatar-container {
+		margin: 0;
+		overflow: inherit;
+		float: left;
+		padding-right: 5px;
+	}
+
+	.postprofile .avatar-container:after {
+		clear: none;
+	}
+
+	.postprofile .avatar, .postprofile .no-avatar .avatar-container {
+		margin-right: 5px;
+	}
+
+	.postprofile .avatar img {
+		width: auto !important;
+		height: auto !important;
+		max-height: 32px;
+	}
+
+	.no-avatar .avatar-container {
+		width: 32px;
+		height: 32px;
+	}
+
+	.has-profile .postbody h3 {
+		margin-left: 0 !important;
+		margin-right: 0 !important;
+	}
+
+	.has-profile .post-buttons {
+		right: 10px;
+		top: 10px;
+		.rtl & {
+			right: auto;
+			left: 10px;
+		}
+	}
+
+	.online-ribbon {
+		width: 35px;
+		height: 35px;
+		top: 0;
+		#{$profile-side}: 0;
+
+		.rtl & {
+			#{$profile-side}: auto;
+			#{$post-side}: 0;
+		}
+
+		span {
+			width: 50px;
+			font-size: 6px;
+			line-height: 10px;
+			height: 10px;
+			text-align: center;
+			position: absolute;
+			top: 8px;
+			white-space: nowrap;
+			#{$profile-side}: -12px;
+
+			.rtl & {
+				#{$profile-side}: auto;
+				#{$post-side}: -12px;
+			}
+		}
+	}
+
+	// Misc stuff
+	// ----------------------------------------
+	h2 {
+		margin-top: .5em;
+	}
+
+	p {
+		margin-bottom: .5em;
+		overflow: hidden;
+	}
+
+	p.rightside {
+		margin-bottom: 0;
+	}
+
+	fieldset.display-options label {
+		display: inline-block;
+		clear: both;
+		margin-bottom: 5px;
+		letter-spacing: -.3px;
+	}
+
+	dl.mini dd.pm-legend {
+		float: left;
+		min-width: 200px;
+	}
+
+	.topicreview {
+		margin: 0 -5px;
+		padding: 0 5px;
+	}
+
+	fieldset.display-actions {
+		white-space: normal;
+	}
+
+	.phpbb_alert {
+		width: auto;
+		margin: 0 5px;
+	}
+
+	.attach-comment dfn {
+		width: 100%;
+	}
+}
+
+@media (min-width: 700px) {
+	.postbody { width: 70%; }
+}
+
+@media (min-width: 850px) {
+	.postbody { width: 76%; }
+}
+
+@media (min-width: 701px) and (max-width: 950px) {
+
+	ul.topiclist dt {
+    	margin-right: -410px;
+	}
+
+	ul.topiclist dt .list-inner {
+    	margin-right: 410px;
+	}
+
+	ul.topiclist dd.lastpost {
+  		float: right; 
+  	}
+
+	dd.posts, dd.topics, dd.views {
+    	width: 80px;
+	}
+}
diff --git a/simplicity_aqua/theme/common/_utilities.scss b/simplicity_aqua/theme/common/_utilities.scss
new file mode 100644
index 0000000..cbb8127
--- /dev/null
+++ b/simplicity_aqua/theme/common/_utilities.scss
@@ -0,0 +1,66 @@
+/* --------------------------------------------------------------
+	$Utilities
+-------------------------------------------------------------- */
+
+.sr-only {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	margin: -1px;
+	padding: 0;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
+	border: 0;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+}
+
+.clearfix:before,
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after {
+	content: " ";
+	display: table;
+}
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after { clear: both }
+
+.center-block {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.pull-right { float: right !important }
+.pull-left { float: left !important }
+.hide { display: none !important }
+.show { display: block !important }
+.invisible { visibility: hidden }
+
+.text-hide {
+	font: 0/0 a;
+	color: transparent;
+	text-shadow: none;
+	background-color: transparent;
+	border: 0;
+}
+
+.hidden {
+	display: none ;
+}
+
+.affix { position: fixed }
diff --git a/simplicity_aqua/theme/images/announce_read.png b/simplicity_aqua/theme/images/announce_read.png
new file mode 100644
index 0000000..66d1623
Binary files /dev/null and b/simplicity_aqua/theme/images/announce_read.png differ
diff --git a/simplicity_aqua/theme/images/announce_read_hd.png b/simplicity_aqua/theme/images/announce_read_hd.png
new file mode 100644
index 0000000..ba78078
Binary files /dev/null and b/simplicity_aqua/theme/images/announce_read_hd.png differ
diff --git a/simplicity_aqua/theme/images/announce_read_locked.png b/simplicity_aqua/theme/images/announce_read_locked.png
new file mode 100644
index 0000000..15244d4
Binary files /dev/null and b/simplicity_aqua/theme/images/announce_read_locked.png differ
diff --git a/simplicity_aqua/theme/images/announce_read_locked_hd.png b/simplicity_aqua/theme/images/announce_read_locked_hd.png
new file mode 100644
index 0000000..7c88f06
Binary files /dev/null and b/simplicity_aqua/theme/images/announce_read_locked_hd.png differ
diff --git a/simplicity_aqua/theme/images/announce_unread.png b/simplicity_aqua/theme/images/announce_unread.png
new file mode 100644
index 0000000..6f65def
Binary files /dev/null and b/simplicity_aqua/theme/images/announce_unread.png differ
diff --git a/simplicity_aqua/theme/images/announce_unread_hd.png b/simplicity_aqua/theme/images/announce_unread_hd.png
new file mode 100644
index 0000000..13b0cdf
Binary files /dev/null and b/simplicity_aqua/theme/images/announce_unread_hd.png differ
diff --git a/simplicity_aqua/theme/images/announce_unread_locked.png b/simplicity_aqua/theme/images/announce_unread_locked.png
new file mode 100644
index 0000000..468f05a
Binary files /dev/null and b/simplicity_aqua/theme/images/announce_unread_locked.png differ
diff --git a/simplicity_aqua/theme/images/announce_unread_locked_hd.png b/simplicity_aqua/theme/images/announce_unread_locked_hd.png
new file mode 100644
index 0000000..54ad072
Binary files /dev/null and b/simplicity_aqua/theme/images/announce_unread_locked_hd.png differ
diff --git a/simplicity_aqua/theme/images/forum_link.png b/simplicity_aqua/theme/images/forum_link.png
new file mode 100644
index 0000000..ebf4342
Binary files /dev/null and b/simplicity_aqua/theme/images/forum_link.png differ
diff --git a/simplicity_aqua/theme/images/forum_link_hd.png b/simplicity_aqua/theme/images/forum_link_hd.png
new file mode 100644
index 0000000..952e1ce
Binary files /dev/null and b/simplicity_aqua/theme/images/forum_link_hd.png differ
diff --git a/simplicity_aqua/theme/images/forum_page.png b/simplicity_aqua/theme/images/forum_page.png
new file mode 100644
index 0000000..2d5fed7
Binary files /dev/null and b/simplicity_aqua/theme/images/forum_page.png differ
diff --git a/simplicity_aqua/theme/images/forum_page_hd.png b/simplicity_aqua/theme/images/forum_page_hd.png
new file mode 100644
index 0000000..4c11cd9
Binary files /dev/null and b/simplicity_aqua/theme/images/forum_page_hd.png differ
diff --git a/simplicity_aqua/theme/images/forum_read.png b/simplicity_aqua/theme/images/forum_read.png
new file mode 100644
index 0000000..66d1623
Binary files /dev/null and b/simplicity_aqua/theme/images/forum_read.png differ
diff --git a/simplicity_aqua/theme/images/forum_read_hd.png b/simplicity_aqua/theme/images/forum_read_hd.png
new file mode 100644
index 0000000..ba78078
Binary files /dev/null and b/simplicity_aqua/theme/images/forum_read_hd.png differ
diff --git a/simplicity_aqua/theme/images/forum_read_locked.png b/simplicity_aqua/theme/images/forum_read_locked.png
new file mode 100644
index 0000000..6552421
Binary files /dev/null and b/simplicity_aqua/theme/images/forum_read_locked.png differ
diff --git a/simplicity_aqua/theme/images/forum_read_locked_hd.png b/simplicity_aqua/theme/images/forum_read_locked_hd.png
new file mode 100644
index 0000000..aec7547
Binary files /dev/null and b/simplicity_aqua/theme/images/forum_read_locked_hd.png differ
diff --git a/simplicity_aqua/theme/images/forum_read_subforum.png b/simplicity_aqua/theme/images/forum_read_subforum.png
new file mode 100644
index 0000000..66d1623
Binary files /dev/null and b/simplicity_aqua/theme/images/forum_read_subforum.png differ
diff --git a/simplicity_aqua/theme/images/forum_read_subforum_hd.png b/simplicity_aqua/theme/images/forum_read_subforum_hd.png
new file mode 100644
index 0000000..ba78078
Binary files /dev/null and b/simplicity_aqua/theme/images/forum_read_subforum_hd.png differ
diff --git a/simplicity_aqua/theme/images/forum_unread.png b/simplicity_aqua/theme/images/forum_unread.png
new file mode 100644
index 0000000..6f65def
Binary files /dev/null and b/simplicity_aqua/theme/images/forum_unread.png differ
diff --git a/simplicity_aqua/theme/images/forum_unread_hd.png b/simplicity_aqua/theme/images/forum_unread_hd.png
new file mode 100644
index 0000000..13b0cdf
Binary files /dev/null and b/simplicity_aqua/theme/images/forum_unread_hd.png differ
diff --git a/simplicity_aqua/theme/images/forum_unread_locked.png b/simplicity_aqua/theme/images/forum_unread_locked.png
new file mode 100644
index 0000000..9950121
Binary files /dev/null and b/simplicity_aqua/theme/images/forum_unread_locked.png differ
diff --git a/simplicity_aqua/theme/images/forum_unread_locked_hd.png b/simplicity_aqua/theme/images/forum_unread_locked_hd.png
new file mode 100644
index 0000000..65a3903
Binary files /dev/null and b/simplicity_aqua/theme/images/forum_unread_locked_hd.png differ
diff --git a/simplicity_aqua/theme/images/forum_unread_subforum.png b/simplicity_aqua/theme/images/forum_unread_subforum.png
new file mode 100644
index 0000000..6f65def
Binary files /dev/null and b/simplicity_aqua/theme/images/forum_unread_subforum.png differ
diff --git a/simplicity_aqua/theme/images/forum_unread_subforum_hd.png b/simplicity_aqua/theme/images/forum_unread_subforum_hd.png
new file mode 100644
index 0000000..13b0cdf
Binary files /dev/null and b/simplicity_aqua/theme/images/forum_unread_subforum_hd.png differ
diff --git a/simplicity_aqua/theme/images/icon_post_target.png b/simplicity_aqua/theme/images/icon_post_target.png
new file mode 100644
index 0000000..e4ff1d5
Binary files /dev/null and b/simplicity_aqua/theme/images/icon_post_target.png differ
diff --git a/simplicity_aqua/theme/images/icon_post_target_hd.png b/simplicity_aqua/theme/images/icon_post_target_hd.png
new file mode 100644
index 0000000..3a60e20
Binary files /dev/null and b/simplicity_aqua/theme/images/icon_post_target_hd.png differ
diff --git a/simplicity_aqua/theme/images/icon_post_target_unread.png b/simplicity_aqua/theme/images/icon_post_target_unread.png
new file mode 100644
index 0000000..09d23bf
Binary files /dev/null and b/simplicity_aqua/theme/images/icon_post_target_unread.png differ
diff --git a/simplicity_aqua/theme/images/icon_post_target_unread_hd.png b/simplicity_aqua/theme/images/icon_post_target_unread_hd.png
new file mode 100644
index 0000000..6a5f710
Binary files /dev/null and b/simplicity_aqua/theme/images/icon_post_target_unread_hd.png differ
diff --git a/simplicity_aqua/theme/images/icon_textbox_search.gif b/simplicity_aqua/theme/images/icon_textbox_search.gif
new file mode 100644
index 0000000..b3b51d8
Binary files /dev/null and b/simplicity_aqua/theme/images/icon_textbox_search.gif differ
diff --git a/simplicity_aqua/theme/images/index.htm b/simplicity_aqua/theme/images/index.htm
new file mode 100644
index 0000000..e69de29
diff --git a/simplicity_aqua/theme/images/loading.gif b/simplicity_aqua/theme/images/loading.gif
new file mode 100644
index 0000000..eb92695
Binary files /dev/null and b/simplicity_aqua/theme/images/loading.gif differ
diff --git a/simplicity_aqua/theme/images/logo.png b/simplicity_aqua/theme/images/logo.png
new file mode 100644
index 0000000..6deea11
Binary files /dev/null and b/simplicity_aqua/theme/images/logo.png differ
diff --git a/simplicity_aqua/theme/images/logo_hd.png b/simplicity_aqua/theme/images/logo_hd.png
new file mode 100644
index 0000000..dd25adc
Binary files /dev/null and b/simplicity_aqua/theme/images/logo_hd.png differ
diff --git a/simplicity_aqua/theme/images/no_avatar.gif b/simplicity_aqua/theme/images/no_avatar.gif
new file mode 100644
index 0000000..50cd4b2
Binary files /dev/null and b/simplicity_aqua/theme/images/no_avatar.gif differ
diff --git a/simplicity_aqua/theme/images/no_avatar.png b/simplicity_aqua/theme/images/no_avatar.png
new file mode 100644
index 0000000..ccb0627
Binary files /dev/null and b/simplicity_aqua/theme/images/no_avatar.png differ
diff --git a/simplicity_aqua/theme/images/no_avatar_female.png b/simplicity_aqua/theme/images/no_avatar_female.png
new file mode 100644
index 0000000..01bf2e3
Binary files /dev/null and b/simplicity_aqua/theme/images/no_avatar_female.png differ
diff --git a/simplicity_aqua/theme/images/no_avatar_female_hd.png b/simplicity_aqua/theme/images/no_avatar_female_hd.png
new file mode 100644
index 0000000..4869a5d
Binary files /dev/null and b/simplicity_aqua/theme/images/no_avatar_female_hd.png differ
diff --git a/simplicity_aqua/theme/images/no_avatar_hd.png b/simplicity_aqua/theme/images/no_avatar_hd.png
new file mode 100644
index 0000000..8a2dd42
Binary files /dev/null and b/simplicity_aqua/theme/images/no_avatar_hd.png differ
diff --git a/simplicity_aqua/theme/images/no_avatar_male.png b/simplicity_aqua/theme/images/no_avatar_male.png
new file mode 100644
index 0000000..9df78be
Binary files /dev/null and b/simplicity_aqua/theme/images/no_avatar_male.png differ
diff --git a/simplicity_aqua/theme/images/no_avatar_male_hd.png b/simplicity_aqua/theme/images/no_avatar_male_hd.png
new file mode 100644
index 0000000..d9b7e84
Binary files /dev/null and b/simplicity_aqua/theme/images/no_avatar_male_hd.png differ
diff --git a/simplicity_aqua/theme/images/pattern.png b/simplicity_aqua/theme/images/pattern.png
new file mode 100644
index 0000000..0a2eca9
Binary files /dev/null and b/simplicity_aqua/theme/images/pattern.png differ
diff --git a/simplicity_aqua/theme/images/plupload/done.gif b/simplicity_aqua/theme/images/plupload/done.gif
new file mode 100644
index 0000000..8b51361
Binary files /dev/null and b/simplicity_aqua/theme/images/plupload/done.gif differ
diff --git a/simplicity_aqua/theme/images/plupload/error.gif b/simplicity_aqua/theme/images/plupload/error.gif
new file mode 100644
index 0000000..3335675
Binary files /dev/null and b/simplicity_aqua/theme/images/plupload/error.gif differ
diff --git a/simplicity_aqua/theme/images/plupload/throbber.gif b/simplicity_aqua/theme/images/plupload/throbber.gif
new file mode 100644
index 0000000..03239ef
Binary files /dev/null and b/simplicity_aqua/theme/images/plupload/throbber.gif differ
diff --git a/simplicity_aqua/theme/images/subforum_read.png b/simplicity_aqua/theme/images/subforum_read.png
new file mode 100644
index 0000000..bf7f2cd
Binary files /dev/null and b/simplicity_aqua/theme/images/subforum_read.png differ
diff --git a/simplicity_aqua/theme/images/subforum_read_hd.png b/simplicity_aqua/theme/images/subforum_read_hd.png
new file mode 100644
index 0000000..2dddbca
Binary files /dev/null and b/simplicity_aqua/theme/images/subforum_read_hd.png differ
diff --git a/simplicity_aqua/theme/images/subforum_unread.png b/simplicity_aqua/theme/images/subforum_unread.png
new file mode 100644
index 0000000..97958c0
Binary files /dev/null and b/simplicity_aqua/theme/images/subforum_unread.png differ
diff --git a/simplicity_aqua/theme/images/subforum_unread_hd.png b/simplicity_aqua/theme/images/subforum_unread_hd.png
new file mode 100644
index 0000000..be6dc73
Binary files /dev/null and b/simplicity_aqua/theme/images/subforum_unread_hd.png differ
diff --git a/simplicity_aqua/theme/images/topic_moved.png b/simplicity_aqua/theme/images/topic_moved.png
new file mode 100644
index 0000000..ebf4342
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_moved.png differ
diff --git a/simplicity_aqua/theme/images/topic_moved_hd.png b/simplicity_aqua/theme/images/topic_moved_hd.png
new file mode 100644
index 0000000..952e1ce
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_moved_hd.png differ
diff --git a/simplicity_aqua/theme/images/topic_read.png b/simplicity_aqua/theme/images/topic_read.png
new file mode 100644
index 0000000..66d1623
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_read.png differ
diff --git a/simplicity_aqua/theme/images/topic_read_hd.png b/simplicity_aqua/theme/images/topic_read_hd.png
new file mode 100644
index 0000000..ba78078
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_read_hd.png differ
diff --git a/simplicity_aqua/theme/images/topic_read_hot.png b/simplicity_aqua/theme/images/topic_read_hot.png
new file mode 100644
index 0000000..66d1623
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_read_hot.png differ
diff --git a/simplicity_aqua/theme/images/topic_read_hot_hd.png b/simplicity_aqua/theme/images/topic_read_hot_hd.png
new file mode 100644
index 0000000..ba78078
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_read_hot_hd.png differ
diff --git a/simplicity_aqua/theme/images/topic_read_hot_mine.png b/simplicity_aqua/theme/images/topic_read_hot_mine.png
new file mode 100644
index 0000000..0dae036
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_read_hot_mine.png differ
diff --git a/simplicity_aqua/theme/images/topic_read_hot_mine_hd.png b/simplicity_aqua/theme/images/topic_read_hot_mine_hd.png
new file mode 100644
index 0000000..ab78188
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_read_hot_mine_hd.png differ
diff --git a/simplicity_aqua/theme/images/topic_read_locked.png b/simplicity_aqua/theme/images/topic_read_locked.png
new file mode 100644
index 0000000..15244d4
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_read_locked.png differ
diff --git a/simplicity_aqua/theme/images/topic_read_locked_hd.png b/simplicity_aqua/theme/images/topic_read_locked_hd.png
new file mode 100644
index 0000000..7c88f06
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_read_locked_hd.png differ
diff --git a/simplicity_aqua/theme/images/topic_read_locked_mine.png b/simplicity_aqua/theme/images/topic_read_locked_mine.png
new file mode 100644
index 0000000..abbdb8e
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_read_locked_mine.png differ
diff --git a/simplicity_aqua/theme/images/topic_read_locked_mine_hd.png b/simplicity_aqua/theme/images/topic_read_locked_mine_hd.png
new file mode 100644
index 0000000..f9584e7
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_read_locked_mine_hd.png differ
diff --git a/simplicity_aqua/theme/images/topic_read_mine.png b/simplicity_aqua/theme/images/topic_read_mine.png
new file mode 100644
index 0000000..0dae036
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_read_mine.png differ
diff --git a/simplicity_aqua/theme/images/topic_read_mine_hd.png b/simplicity_aqua/theme/images/topic_read_mine_hd.png
new file mode 100644
index 0000000..ab78188
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_read_mine_hd.png differ
diff --git a/simplicity_aqua/theme/images/topic_unread.png b/simplicity_aqua/theme/images/topic_unread.png
new file mode 100644
index 0000000..6f65def
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_unread.png differ
diff --git a/simplicity_aqua/theme/images/topic_unread_hd.png b/simplicity_aqua/theme/images/topic_unread_hd.png
new file mode 100644
index 0000000..13b0cdf
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_unread_hd.png differ
diff --git a/simplicity_aqua/theme/images/topic_unread_hot.png b/simplicity_aqua/theme/images/topic_unread_hot.png
new file mode 100644
index 0000000..6f65def
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_unread_hot.png differ
diff --git a/simplicity_aqua/theme/images/topic_unread_hot_hd.png b/simplicity_aqua/theme/images/topic_unread_hot_hd.png
new file mode 100644
index 0000000..13b0cdf
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_unread_hot_hd.png differ
diff --git a/simplicity_aqua/theme/images/topic_unread_hot_mine.png b/simplicity_aqua/theme/images/topic_unread_hot_mine.png
new file mode 100644
index 0000000..c61b98f
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_unread_hot_mine.png differ
diff --git a/simplicity_aqua/theme/images/topic_unread_hot_mine_hd.png b/simplicity_aqua/theme/images/topic_unread_hot_mine_hd.png
new file mode 100644
index 0000000..473d2bf
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_unread_hot_mine_hd.png differ
diff --git a/simplicity_aqua/theme/images/topic_unread_locked.png b/simplicity_aqua/theme/images/topic_unread_locked.png
new file mode 100644
index 0000000..468f05a
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_unread_locked.png differ
diff --git a/simplicity_aqua/theme/images/topic_unread_locked_hd.png b/simplicity_aqua/theme/images/topic_unread_locked_hd.png
new file mode 100644
index 0000000..54ad072
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_unread_locked_hd.png differ
diff --git a/simplicity_aqua/theme/images/topic_unread_locked_mine.png b/simplicity_aqua/theme/images/topic_unread_locked_mine.png
new file mode 100644
index 0000000..65fb5ba
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_unread_locked_mine.png differ
diff --git a/simplicity_aqua/theme/images/topic_unread_locked_mine_hd.png b/simplicity_aqua/theme/images/topic_unread_locked_mine_hd.png
new file mode 100644
index 0000000..82783e8
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_unread_locked_mine_hd.png differ
diff --git a/simplicity_aqua/theme/images/topic_unread_mine.png b/simplicity_aqua/theme/images/topic_unread_mine.png
new file mode 100644
index 0000000..c61b98f
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_unread_mine.png differ
diff --git a/simplicity_aqua/theme/images/topic_unread_mine_hd.png b/simplicity_aqua/theme/images/topic_unread_mine_hd.png
new file mode 100644
index 0000000..473d2bf
Binary files /dev/null and b/simplicity_aqua/theme/images/topic_unread_mine_hd.png differ
diff --git a/simplicity_aqua/theme/index.htm b/simplicity_aqua/theme/index.htm
new file mode 100644
index 0000000..e69de29
diff --git a/simplicity_aqua/theme/plupload.css b/simplicity_aqua/theme/plupload.css
new file mode 100644
index 0000000..74fd563
--- /dev/null
+++ b/simplicity_aqua/theme/plupload.css
@@ -0,0 +1 @@
+@import "../../simplicity/theme/plupload.css";
\ No newline at end of file
diff --git a/simplicity_aqua/theme/print.css b/simplicity_aqua/theme/print.css
new file mode 100644
index 0000000..36a58f5
--- /dev/null
+++ b/simplicity_aqua/theme/print.css
@@ -0,0 +1,4 @@
+/* Print Style Sheet
+---------------------------------------- */
+
+@import "../../simplicity/theme/print.css";
\ No newline at end of file
diff --git a/simplicity_aqua/theme/stylesheet.css b/simplicity_aqua/theme/stylesheet.css
new file mode 100644
index 0000000..4618958
--- /dev/null
+++ b/simplicity_aqua/theme/stylesheet.css
@@ -0,0 +1,6062 @@
+/*!
+	DO NOT EDIT stylesheet.css!
+
+	Edit .scss files instead. See http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+	If you have any questions, please ask on support forum at http://www.artodia.com/forums/
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline; }
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block; }
+
+body {
+  line-height: 1; }
+
+ol, ul {
+  list-style: none; }
+
+blockquote, q {
+  quotes: none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+abbr {
+  text-decoration: none; }
+
+.site-description:after, .navbar.secondary:after, .navbar .nav-tabs:after, ul.topiclist dl:after, .site-description:before, .navbar.secondary:before, .navbar .nav-tabs:before, ul.topiclist dl:before {
+  content: ' ';
+  display: table;
+  clear: both; }
+
+html {
+  font-size: 100%;
+  height: 100%; }
+
+body {
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px;
+  line-height: 1.4;
+  margin: 0;
+  padding: 0 0 12px;
+  word-wrap: break-word;
+  min-height: 100%;
+  box-sizing: border-box;
+  -webkit-print-color-adjust: exact; }
+
+h1, p.sitename {
+  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+  margin-right: 200px;
+  margin-top: 15px;
+  margin-bottom: 0;
+  font-weight: bold;
+  font-size: 21px;
+  line-height: inherit; }
+
+h2 {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  font-size: 19px;
+  margin: 0.8em 0 0.2em 0; }
+
+h2.solo {
+  margin-bottom: 1em; }
+
+h3 {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-weight: 500;
+  margin-bottom: 5px;
+  font-size: 17px;
+  margin-top: 20px; }
+
+h4 {
+  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+  font-size: 15px; }
+
+p {
+  line-height: 1.3;
+  font-size: 11px;
+  margin-bottom: 1.5em; }
+
+img {
+  border-width: 0; }
+
+hr {
+  border: 0 solid transparent;
+  border-top-width: 1px;
+  height: 1px;
+  margin: 5px 0;
+  display: block;
+  clear: both; }
+
+hr.dashed {
+  border-top-style: dashed;
+  margin: 10px 0; }
+
+hr.divider {
+  display: none; }
+
+p.right {
+  text-align: right; }
+
+p.jumpbox-return {
+  margin-top: 10px;
+  margin-bottom: 0;
+  float: left; }
+
+b, strong {
+  font-weight: bold; }
+
+.text-strong {
+  font-weight: bold; }
+
+i, em {
+  font-style: italic; }
+
+.text-italics {
+  font-style: italic; }
+
+u {
+  text-decoration: underline; }
+
+ul {
+  list-style-type: disc; }
+
+ol {
+  list-style-type: decimal; }
+
+li {
+  display: list-item; }
+
+ul ul, ol ul {
+  list-style-type: circle; }
+
+ol ol ul, ol ul ul, ul ol ul, ul ul ul {
+  list-style-type: square; }
+
+.page-width {
+  box-sizing: border-box;
+  margin: 0 auto;
+  max-width: none;
+  min-width: 625px;
+  margin: 0 12px; }
+
+.page-width .page-width {
+  margin: 0; }
+
+.page-body {
+  margin: 4px 0;
+  clear: both; }
+  #wrap > .page-body:first-of-type {
+    margin-top: 0; }
+  #wrap > .page-body:last-of-type {
+    margin-bottom: 0; }
+
+.page-footer {
+  clear: both; }
+  #wrap + .page-footer {
+    margin-top: 5px; }
+
+.page-footer h3 {
+  margin-top: 20px; }
+
+.logo {
+  display: block;
+  box-sizing: border-box;
+  max-width: 100%;
+  padding: 10px 0; }
+  .logo, .logo img {
+    margin: 0 auto; }
+  .logo img {
+    display: block;
+    max-width: 100%; }
+  .logo:hover {
+    text-decoration: none; }
+
+.site-description {
+  text-align: center; }
+  .site-description h1, .site-description p.sitename {
+    margin-left: 0;
+    margin-right: 0; }
+  .site-description h1, .site-description p {
+    display: none; }
+
+.headerbar > .inner {
+  position: relative; }
+
+.navbar {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  padding: 0 9px;
+  clear: both; }
+  .navbar.tabbed, .navbar.secondary {
+    background: transparent;
+    border-width: 0;
+    border-radius: 0;
+    box-shadow: none;
+    padding: 0; }
+  .page-body .navbar {
+    margin-bottom: 10px; }
+  .navbar + .navbar {
+    margin-top: 5px; }
+  .navbar.tabbed {
+    padding: 0; }
+  .navbar.secondary {
+    margin: 0;
+    padding: 1px 0; }
+    .navbar.secondary > ul {
+      list-style-type: none;
+      margin: 0;
+      padding: 0; }
+    .navbar.secondary > ul > li {
+      position: relative;
+      display: inline-block;
+      margin: 0;
+      padding: 0; }
+      .navbar.secondary > ul > li > a {
+        display: inline-block;
+        color: inherit;
+        padding: 1px 8px;
+        text-align: center;
+        line-height: 26px;
+        font-size: 12px; }
+      .navbar.secondary > ul > li:hover {
+        border-radius: 3px; }
+        .navbar.secondary > ul > li:hover > a {
+          text-decoration: none; }
+      .navbar.secondary > ul > li.small-icon > a {
+        padding-left: 18px; }
+      .navbar.secondary > ul > li .dropdown {
+        top: 28px; }
+      .navbar.secondary > ul > li.dropdown-up .dropdown {
+        top: auto;
+        bottom: 28px; }
+      .navbar.secondary > ul > li.search-box {
+        display: block;
+        margin: 0;
+        float: right; }
+        .rtl .navbar.secondary > ul > li.search-box {
+          float: left; }
+        .navbar.secondary > ul > li.search-box, .navbar.secondary > ul > li.search-box:hover {
+          border-radius: 0;
+          border-width: 0;
+          box-shadow: none;
+          background: none;
+          filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
+    .navbar.secondary + .nav-breadcrumbs {
+      margin-top: 0; }
+  .navbar li.small-icon > a {
+    padding-left: 18px; }
+  .navbar .nav-tabs {
+    border-radius: 3px; }
+    .navbar .nav-tabs .leftside .tab:first-child, .navbar .nav-tabs .leftside .tab.first-visible {
+      border-radius: 2px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0; }
+    .rtl .navbar .nav-tabs .rightside .tab:last-child, .rtl .navbar .nav-tabs .rightside .tab.last-visible {
+      border-radius: 2px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0; }
+    .navbar .nav-tabs .rightside .tab:last-child, .navbar .nav-tabs .rightside .tab.last-visible {
+      border-radius: 2px;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0; }
+    .rtl .navbar .nav-tabs .leftside .tab:first-child, .rtl .navbar .nav-tabs .leftside .tab.first-visible {
+      border-radius: 2px;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0; }
+    .navbar .nav-tabs > ul {
+      list-style-type: none;
+      margin: 0;
+      height: 30px; }
+      .navbar .nav-tabs > ul.leftside, .rtl .navbar .nav-tabs > ul.rightside {
+        float: left; }
+      .navbar .nav-tabs > ul.rightside, .rtl .navbar .nav-tabs > ul.leftside {
+        float: right; }
+      .navbar .nav-tabs > ul > li {
+        float: left;
+        height: 30px; }
+      .rtl .navbar .nav-tabs > ul > li {
+        float: right; }
+      .navbar .nav-tabs > ul .quick-links {
+        margin: 0; }
+        .navbar .nav-tabs > ul .quick-links.empty {
+          display: none; }
+        .navbar .nav-tabs > ul .quick-links.showing-responsive-menu {
+          display: block; }
+    .navbar .nav-tabs .nav-link {
+      text-decoration: none;
+      color: inherit;
+      display: inline-block;
+      height: 30px;
+      line-height: 30px;
+      padding: 0 12px;
+      vertical-align: baseline;
+      font-size: 12px;
+      outline-style: none; }
+      .navbar .nav-tabs .nav-link.dropdown-toggle {
+        position: relative; }
+        .navbar .nav-tabs .nav-link.dropdown-toggle:before {
+          content: '\f078';
+          font-family: FontAwesome;
+          position: absolute;
+          right: 12px;
+          top: 50%;
+          font-size: 8px;
+          line-height: 12px;
+          width: 8px;
+          height: 12px;
+          margin-top: -6px; }
+          .rtl .navbar .nav-tabs .nav-link.dropdown-toggle:before {
+            right: auto;
+            left: 12px; }
+      .navbar .nav-tabs .nav-link .username-coloured {
+        color: inherit !important;
+        font-weight: inherit;
+        font-style: inherit; }
+    .navbar .nav-tabs .responsive-menu .nav-link:before,
+    .navbar .nav-tabs .dropdown-visible .nav-link:before {
+      content: '\f077';
+      font-family: FontAwesome;
+      position: absolute;
+      right: 12px;
+      top: 50%;
+      font-size: 9px;
+      line-height: 13px;
+      width: 9px;
+      height: 13px;
+      margin-top: -6px; }
+    .navbar .nav-tabs .dropdown {
+      top: 30px; }
+      .dropdown-up .navbar .nav-tabs .dropdown {
+        top: auto;
+        bottom: 30px; }
+    .navbar .nav-tabs .tab {
+      position: relative; }
+      .navbar .nav-tabs .tab > strong {
+        display: none;
+        font-weight: bold;
+        font-size: 9px;
+        padding: 0 2px;
+        border-radius: 3px;
+        position: absolute;
+        right: 5px;
+        top: -10px;
+        line-height: 14px;
+        min-width: 10px;
+        _width: 10px;
+        text-align: center;
+        text-shadow: none;
+        white-space: nowrap;
+        word-wrap: normal;
+        height: 14px;
+        pointer-events: none; }
+        .rtl .navbar .nav-tabs .tab > strong {
+          right: auto;
+          left: 5px; }
+        .navbar .nav-tabs .tab > strong .arrow {
+          border: 3px solid transparent;
+          border-bottom: 1px none black;
+          position: absolute;
+          bottom: -3px;
+          right: 4px;
+          line-height: 0;
+          text-shadow: none;
+          _display: none;
+          width: 0;
+          height: 0; }
+      .navbar .nav-tabs .tab.non-zero > strong {
+        display: block; }
+    .navbar .nav-tabs .responsive-menu .nav-link, .navbar .nav-tabs .account .nav-link, .navbar .nav-tabs .pm .nav-link, .navbar .nav-tabs .notifications .nav-link, .navbar .nav-tabs .mcp .nav-link, .navbar .nav-tabs .acp .nav-link, .navbar .nav-tabs .faq .nav-link, .navbar .nav-tabs .logout .nav-link, .navbar .nav-tabs .login .nav-link, .navbar .nav-tabs .register .nav-link, .navbar .nav-tabs .rightside .boardrules .nav-link, .navbar .nav-tabs .rightside .pages .nav-link, .navbar .nav-tabs .members .nav-link, .navbar .nav-tabs .forums .nav-link, .navbar .nav-tabs .leftside .boardrules .nav-link, .navbar .nav-tabs .leftside .pages .nav-link {
+      position: relative;
+      padding-left: 30px; }
+      .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .rightside .boardrules .nav-link:after, .navbar .nav-tabs .rightside .pages .nav-link:after, .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .leftside .boardrules .nav-link:after, .navbar .nav-tabs .leftside .pages .nav-link:after {
+        position: absolute;
+        left: 12px;
+        top: 50%;
+        margin-top: -7px;
+        width: 14px;
+        font-size: 12px;
+        line-height: 14px;
+        height: 14px;
+        text-align: left;
+        font-weight: normal;
+        font-style: normal;
+        text-indent: 0; }
+      .rtl .navbar .nav-tabs .responsive-menu .nav-link:after, .rtl .navbar .nav-tabs .account .nav-link:after, .rtl .navbar .nav-tabs .pm .nav-link:after, .rtl .navbar .nav-tabs .notifications .nav-link:after, .rtl .navbar .nav-tabs .mcp .nav-link:after, .rtl .navbar .nav-tabs .acp .nav-link:after, .rtl .navbar .nav-tabs .faq .nav-link:after, .rtl .navbar .nav-tabs .logout .nav-link:after, .rtl .navbar .nav-tabs .login .nav-link:after, .rtl .navbar .nav-tabs .register .nav-link:after, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .rightside .pages .nav-link:after, .rtl .navbar .nav-tabs .members .nav-link:after, .rtl .navbar .nav-tabs .forums .nav-link:after, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .leftside .pages .nav-link:after {
+        left: auto;
+        right: 12px; }
+    .navbar .nav-tabs .responsive-menu .nav-link, .navbar .nav-tabs .account .nav-link, .navbar .nav-tabs .pm .nav-link, .navbar .nav-tabs .notifications .nav-link, .navbar .nav-tabs .mcp .nav-link, .navbar .nav-tabs .acp .nav-link, .navbar .nav-tabs .faq .nav-link, .navbar .nav-tabs .logout .nav-link, .navbar .nav-tabs .login .nav-link, .navbar .nav-tabs .register .nav-link, .navbar .nav-tabs .rightside .boardrules .nav-link, .navbar .nav-tabs .rightside .pages .nav-link {
+      text-indent: 999px;
+      width: 14px;
+      padding: 0 8px;
+      overflow: hidden; }
+      .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .rightside .boardrules .nav-link:after, .navbar .nav-tabs .rightside .pages .nav-link:after {
+        text-align: center;
+        font-size: 14px;
+        left: 8px; }
+      .rtl .navbar .nav-tabs .responsive-menu .nav-link:after, .rtl .navbar .nav-tabs .account .nav-link:after, .rtl .navbar .nav-tabs .pm .nav-link:after, .rtl .navbar .nav-tabs .notifications .nav-link:after, .rtl .navbar .nav-tabs .mcp .nav-link:after, .rtl .navbar .nav-tabs .acp .nav-link:after, .rtl .navbar .nav-tabs .faq .nav-link:after, .rtl .navbar .nav-tabs .logout .nav-link:after, .rtl .navbar .nav-tabs .login .nav-link:after, .rtl .navbar .nav-tabs .register .nav-link:after, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .rightside .pages .nav-link:after {
+        left: auto;
+        right: 8px; }
+      .navbar .nav-tabs .responsive-menu .nav-link + strong, .navbar .nav-tabs .account .nav-link + strong, .navbar .nav-tabs .pm .nav-link + strong, .navbar .nav-tabs .notifications .nav-link + strong, .navbar .nav-tabs .mcp .nav-link + strong, .navbar .nav-tabs .acp .nav-link + strong, .navbar .nav-tabs .faq .nav-link + strong, .navbar .nav-tabs .logout .nav-link + strong, .navbar .nav-tabs .login .nav-link + strong, .navbar .nav-tabs .register .nav-link + strong, .navbar .nav-tabs .rightside .boardrules .nav-link + strong, .navbar .nav-tabs .rightside .pages .nav-link + strong {
+        right: -2px; }
+        .rtl .navbar .nav-tabs .responsive-menu .nav-link + strong, .rtl .navbar .nav-tabs .account .nav-link + strong, .rtl .navbar .nav-tabs .pm .nav-link + strong, .rtl .navbar .nav-tabs .notifications .nav-link + strong, .rtl .navbar .nav-tabs .mcp .nav-link + strong, .rtl .navbar .nav-tabs .acp .nav-link + strong, .rtl .navbar .nav-tabs .faq .nav-link + strong, .rtl .navbar .nav-tabs .logout .nav-link + strong, .rtl .navbar .nav-tabs .login .nav-link + strong, .rtl .navbar .nav-tabs .register .nav-link + strong, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link + strong, .rtl .navbar .nav-tabs .rightside .pages .nav-link + strong {
+          right: auto;
+          left: -2px; }
+    @media (max-width: 550px) {
+      .navbar .nav-tabs .members .nav-link, .navbar .nav-tabs .forums .nav-link, .navbar .nav-tabs .leftside .boardrules .nav-link, .navbar .nav-tabs .leftside .pages .nav-link {
+        text-indent: 999px;
+        width: 14px;
+        padding: 0 8px;
+        overflow: hidden; }
+        .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .leftside .boardrules .nav-link:after, .navbar .nav-tabs .leftside .pages .nav-link:after {
+          text-align: center;
+          font-size: 14px;
+          left: 8px; }
+        .rtl .navbar .nav-tabs .members .nav-link:after, .rtl .navbar .nav-tabs .forums .nav-link:after, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .leftside .pages .nav-link:after {
+          left: auto;
+          right: 8px; }
+        .navbar .nav-tabs .members .nav-link + strong, .navbar .nav-tabs .forums .nav-link + strong, .navbar .nav-tabs .leftside .boardrules .nav-link + strong, .navbar .nav-tabs .leftside .pages .nav-link + strong {
+          right: -2px; }
+          .rtl .navbar .nav-tabs .members .nav-link + strong, .rtl .navbar .nav-tabs .forums .nav-link + strong, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link + strong, .rtl .navbar .nav-tabs .leftside .pages .nav-link + strong {
+            right: auto;
+            left: -2px; } }
+    .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .boardrules .nav-link:after, .navbar .nav-tabs .pages .nav-link:after {
+      font-family: FontAwesome; }
+    .navbar .nav-tabs .responsive-menu .nav-link:after {
+      content: '\f0c9'; }
+    .navbar .nav-tabs .members .nav-link {
+      padding-left: 32px;
+      padding-right: 24px; }
+      .rtl .navbar .nav-tabs .members .nav-link {
+        padding-left: 24px;
+        padding-right: 32px; }
+      .navbar .nav-tabs .members .nav-link:after {
+        content: '\f0c0'; }
+      @media (max-width: 550px) {
+        .navbar .nav-tabs .members .nav-link {
+          padding: 0 8px !important; } }
+    .rtl .navbar .nav-tabs .forums .nav-link {
+      padding-left: 12px;
+      padding-right: 32px; }
+    .navbar .nav-tabs .forums .nav-link:after {
+      content: '\f075'; }
+    .navbar .nav-tabs .account .nav-link:after {
+      content: '\f007'; }
+    .navbar .nav-tabs .pm .nav-link:after {
+      content: '\f01c'; }
+    .navbar .nav-tabs .notifications .nav-link:after {
+      content: '\f0f3';
+      font-size: 13px; }
+    .navbar .nav-tabs .mcp .nav-link:after {
+      content: '\f0e3'; }
+    .navbar .nav-tabs .acp .nav-link:after {
+      content: '\f085'; }
+    .navbar .nav-tabs .faq .nav-link:after {
+      content: '\f059'; }
+    @media (max-width: 550px) {
+      .navbar .nav-tabs .faq, .navbar .nav-tabs .faq .nav-link {
+        display: none !important; } }
+    .navbar .nav-tabs .logout .nav-link:after {
+      content: '\f08b';
+      margin-left: 1px; }
+    .navbar .nav-tabs .login .nav-link:after {
+      content: '\f090'; }
+    .navbar .nav-tabs .register .nav-link:after {
+      content: '\f234'; }
+    .navbar .nav-tabs .boardrules .nav-link:after {
+      content: '\f071'; }
+    .navbar .nav-tabs .pages .nav-link:after {
+      content: '\f0f6'; }
+  .navbar .inner.static {
+    position: fixed;
+    top: 0;
+    z-index: 50;
+    left: 0;
+    right: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    width: auto;
+    max-width: none;
+    opacity: .9;
+    transition: opacity .2s; }
+    .navbar .inner.static > .static-inner {
+      box-sizing: border-box;
+      margin: 0 auto;
+      max-width: none;
+      min-width: 625px;
+      margin: 0 12px;
+      padding-top: 0 !important;
+      padding-bottom: 0 !important; }
+    .navbar .inner.static:hover {
+      opacity: 1; }
+    .navbar .inner.static .nav-tabs {
+      border-radius: 0; }
+      .navbar .inner.static .nav-tabs .leftside .tab:first-child, .navbar .inner.static .nav-tabs .leftside .tab.first-visible, .rtl .navbar .inner.static .nav-tabs .rightside .tab:first-child, .rtl .navbar .inner.static .nav-tabs .rightside .tab.first-visible {
+        border-radius: 0; }
+      .navbar .inner.static .nav-tabs .rightside .tab:last-child, .navbar .inner.static .nav-tabs .rightside .tab.last-visible, .rtl .navbar .inner.static .nav-tabs .leftside .tab:last-child, .rtl .navbar .inner.static .nav-tabs .leftside .tab.last-visible {
+        border-radius: 0; }
+      .navbar .inner.static .nav-tabs .tab > strong {
+        position: relative;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        vertical-align: top;
+        margin-top: 8px;
+        margin-left: -7px;
+        margin-right: 5px;
+        padding-bottom: 1px;
+        pointer-events: none; }
+        .navbar .inner.static .nav-tabs .tab > strong .arrow {
+          display: none; }
+      .navbar .inner.static .nav-tabs .tab.non-zero > strong {
+        display: inline-block; }
+      .navbar .inner.static .nav-tabs .pm > .nav-link + strong {
+        margin-left: -5px; }
+
+.forabg {
+  padding: 0;
+  margin: 10px 0; }
+
+.forumbg {
+  padding: 0; }
+
+.panel {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  margin-bottom: 10px;
+  padding: 5px 10px; }
+  .panel.bg3 {
+    border-radius: 0;
+    border-width: 0;
+    box-shadow: none;
+    border-top: 3px solid transparent;
+    position: relative; }
+    .panel.bg3:before, .panel.bg3:after {
+      content: '';
+      position: absolute;
+      top: 0;
+      width: 3px;
+      height: 50px; }
+    .panel.bg3:before {
+      left: 0; }
+    .panel.bg3:after {
+      right: 0; }
+  .postform .panel.panel {
+    border-radius: 3px; }
+
+.panel > .inner > h3:first-child, .panel > h3:first-child {
+  margin: -5px -10px 5px;
+  border-radius: 2px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  background: #25aac6;
+  border: 0 solid #25aac6;
+  padding: 5px;
+  text-transform: none;
+  font-size: 15px;
+  line-height: 1.4;
+  font-weight: normal;
+  color: #fff;
+  padding-left: 10px;
+  padding-right: 10px; }
+  @media (max-width: 700px) {
+    .panel > .inner > h3:first-child, .panel > h3:first-child {
+      border-radius: 0; } }
+  .panel > .inner > h3:first-child a,
+  .panel > h3:first-child a {
+    color: #fff; }
+    .panel > .inner > h3:first-child a:hover,
+    .panel > h3:first-child a:hover {
+      color: #fff; }
+  .panel-container .panel > .inner > h3:first-child,
+  .panel-container .panel > h3:first-child {
+    font-size: 15px;
+    line-height: 1.4; }
+
+.post {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  padding: 0;
+  margin-bottom: 10px;
+  position: relative; }
+
+.post > .inner {
+  padding: 5px 10px; }
+
+.rowbg {
+  margin: 5px 5px 2px 5px; }
+
+.navbar ul.linklist {
+  padding: 2px 0; }
+
+ul.linklist {
+  display: block;
+  margin: 0; }
+
+.cp-main .panel {
+  padding: 5px 10px; }
+
+ul.linklist > li {
+  float: left;
+  font-size: 11px;
+  line-height: 2;
+  list-style-type: none;
+  margin-right: 7px;
+  padding-top: 1px;
+  width: auto; }
+  ul.linklist > li.icon-only, ul.linklist > li.rightside.icon-only {
+    text-align: center;
+    min-width: 20px; }
+
+ul.linklist > li.rightside, p.rightside, a.rightside {
+  float: right;
+  margin-right: 0;
+  margin-left: 7px;
+  text-align: right; }
+
+ul.navlinks {
+  border-top: 1px solid transparent; }
+  ul.navlinks.nav-breadcrumbs {
+    border-top-width: 0; }
+
+ul.leftside {
+  float: left;
+  margin-left: 0;
+  margin-right: 5px;
+  text-align: left; }
+
+ul.rightside {
+  float: right;
+  margin-left: 5px;
+  margin-right: -5px;
+  text-align: right; }
+
+ul.linklist li.responsive-menu {
+  position: relative;
+  margin: 0 5px; }
+
+.fa-bars:before {
+  display: none; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+  display: inline-block;
+  margin: 0 5px;
+  font-size: 17px;
+  position: relative;
+  width: 17px;
+  line-height: 21px;
+  text-decoration: none; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+  content: '\f0c9';
+  font-family: FontAwesome;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  margin-top: -6.5px;
+  width: 15px;
+  font-size: 13px;
+  line-height: 13px;
+  height: 13px;
+  text-align: center;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0; }
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before {
+  font-family: FontAwesome;
+  content: '\f078'; }
+
+.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
+  max-width: 48%; }
+
+.hasjs ul.linklist.fullwidth {
+  max-width: none; }
+
+ul.linklist .dropdown {
+  top: 22px; }
+
+ul.linklist .dropdown-up .dropdown {
+  bottom: 22px;
+  top: auto; }
+
+ul.linklist.bulletin > li:before {
+  display: inline-block;
+  content: "\2022";
+  font-size: inherit;
+  line-height: inherit;
+  padding-right: 4px; }
+
+ul.linklist.bulletin > li:first-child:before,
+ul.linklist.bulletin > li.rightside:last-child:before {
+  content: none; }
+
+ul.linklist.bulletin > li.no-bulletin:before {
+  content: none; }
+
+.responsive-menu:before {
+  display: none !important; }
+
+.header-profile {
+  display: inline-block;
+  vertical-align: top; }
+
+.header-avatar:hover {
+  text-decoration: none; }
+
+.header-avatar img {
+  margin-bottom: 2px;
+  max-height: 20px;
+  vertical-align: middle;
+  width: auto; }
+
+.header-avatar span:after {
+  content: '\f078';
+  font-family: FontAwesome;
+  display: inline-block;
+  font-size: 7px;
+  float: right;
+  padding-left: 2px;
+  font-weight: normal;
+  opacity: 0.7; }
+
+.dropdown-container {
+  position: relative; }
+
+.dropdown-container-right {
+  float: right; }
+
+.dropdown-container-left {
+  float: left; }
+
+.nojs .dropdown-container:hover .dropdown {
+  display: block !important; }
+
+.dropdown {
+  display: none;
+  position: absolute;
+  left: 0;
+  top: 1.4em;
+  z-index: 30;
+  padding: 0;
+  margin-right: -500px; }
+
+.dropdown.live-search {
+  top: auto; }
+
+.dropdown-container.topic-tools {
+  float: left; }
+
+.dropdown-up .dropdown {
+  top: auto;
+  bottom: 1.4em; }
+
+.dropdown-left .dropdown, .nojs .rightside .dropdown {
+  left: auto;
+  right: 0;
+  margin-left: -500px;
+  margin-right: 0; }
+
+.dropdown-button-control .dropdown {
+  top: 24px; }
+
+.dropdown-button-control.dropdown-up .dropdown {
+  top: auto;
+  bottom: 24px; }
+
+.dropdown .pointer, .dropdown .pointer-inner {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-top-width: 0;
+  border-bottom: 10px solid transparent;
+  border-left: 10px dashed transparent;
+  border-right: 10px dashed transparent;
+  -webkit-transform: rotate(360deg);
+  /* better anti-aliasing in webkit */
+  display: block; }
+
+.dropdown-up .pointer, .dropdown-up .pointer-inner {
+  border-bottom-width: 0;
+  border-top: 10px solid transparent; }
+
+.dropdown .pointer {
+  right: auto;
+  left: 10px;
+  top: 0;
+  z-index: 3; }
+
+.dropdown-up .pointer {
+  bottom: 0;
+  top: auto; }
+
+.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
+  left: auto;
+  right: 10px; }
+
+.dropdown .pointer-inner {
+  top: auto;
+  bottom: -11px;
+  left: -10px; }
+
+.dropdown-up .pointer-inner {
+  bottom: auto;
+  top: -11px; }
+
+.dropdown .dropdown-contents {
+  z-index: 30;
+  overflow: hidden;
+  overflow-y: auto;
+  border: 0px solid transparent;
+  border-radius: 0 0 3px 3px;
+  border-top-width: 3px;
+  padding: 5px;
+  position: relative;
+  min-width: 40px;
+  max-height: 300px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  .notifications .dropdown .dropdown-contents {
+    min-width: 300px; }
+
+.dropdown-up .dropdown-contents {
+  border-bottom-width: 3px;
+  border-top-width: 0;
+  border-radius: 3px 3px 0 0; }
+
+.dropdown-contents > li {
+  padding-right: 15px;
+  min-width: 180px; }
+
+.dropdown-nonscroll > li {
+  padding-right: 0; }
+
+.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
+  border-top: 0; }
+
+.dropdown li li:first-child {
+  margin-top: 4px; }
+
+.dropdown li li:last-child {
+  padding-bottom: 0; }
+
+.dropdown li li {
+  border-top: 1px dotted transparent;
+  padding-left: 18px; }
+
+#wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
+  white-space: normal; }
+
+.dropdown li.separator {
+  border-top: 1px solid transparent;
+  margin: 4px 0;
+  padding: 0; }
+
+.dropdown li.separator:first-child, .dropdown li.separator:last-child {
+  display: none !important; }
+
+.dropdown-trigger > i.glyphicons, .dropdown-trigger > i.fa {
+  display: inline;
+  line-height: inherit;
+  top: 0;
+  vertical-align: baseline; }
+  .dropdown-trigger > i.glyphicons:before, .dropdown-trigger > i.fa:before {
+    font-size: 1.4em;
+    line-height: 1;
+    position: relative;
+    top: 1px; }
+
+.breadcrumbs .crumb {
+  float: left;
+  font-weight: bold;
+  word-wrap: normal;
+  position: relative;
+  padding-left: 13px; }
+  .rtl .breadcrumbs .crumb {
+    padding-left: 0;
+    padding-right: 13px; }
+
+.breadcrumbs .crumb:before {
+  content: '\f054';
+  font-family: FontAwesome;
+  font-weight: normal;
+  position: absolute;
+  left: 1px;
+  width: 11px;
+  top: 50%;
+  margin-top: -5.5px;
+  font-size: 7px;
+  height: 11px;
+  line-height: 11px;
+  text-align: center; }
+  .rtl .breadcrumbs .crumb:before {
+    left: auto;
+    right: 1px;
+    content: '\f053'; }
+
+.breadcrumbs .crumb:first-child {
+  padding-left: 0;
+  padding-right: 0; }
+  .breadcrumbs .crumb:first-child:before {
+    display: none; }
+
+.breadcrumbs .crumb a {
+  display: inline-block;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  vertical-align: bottom;
+  overflow: hidden; }
+
+.breadcrumbs.wrapped .crumb a {
+  letter-spacing: -.3px; }
+
+.breadcrumbs.wrapped .crumb.wrapped-medium a {
+  letter-spacing: -.4px; }
+
+.breadcrumbs.wrapped .crumb.wrapped-tiny a {
+  letter-spacing: -.5px; }
+
+.breadcrumbs .crumb.wrapped-max a {
+  max-width: 120px; }
+
+.breadcrumbs .crumb.wrapped-wide a {
+  max-width: 100px; }
+
+.breadcrumbs .crumb.wrapped-medium a {
+  max-width: 80px; }
+
+.breadcrumbs .crumb.wrapped-small a {
+  max-width: 60px; }
+
+.breadcrumbs .crumb.wrapped-tiny a {
+  max-width: 40px; }
+
+table.table1 {
+  width: 100%; }
+
+.ucp-main table.table1 {
+  padding: 2px; }
+
+table.table1 thead th {
+  background: #25aac6;
+  border: 0 solid #25aac6;
+  color: #fff;
+  text-transform: none;
+  line-height: 1.4;
+  font-weight: normal;
+  font-size: 13px;
+  padding: 4px; }
+  table.table1 thead th:first-child {
+    border-top-left-radius: 2px; }
+  table.table1 thead th:last-child {
+    border-top-right-radius: 2px; }
+
+table.table1 thead th span {
+  padding-left: 7px; }
+
+table.table1 tbody tr {
+  border-top: 1px solid transparent; }
+
+table.table1 td {
+  font-size: 12px;
+  line-height: 1.4; }
+
+table.table1 tbody td {
+  padding: 5px;
+  border-top: 1px solid transparent; }
+
+table.table1 tbody th {
+  padding: 5px;
+  border-bottom: 1px solid transparent;
+  text-align: left; }
+
+table.table1 .name {
+  text-align: left; }
+
+table.table1 .center {
+  text-align: center; }
+
+table.table1 .reportby {
+  width: 15%; }
+
+table.table1 .posts {
+  text-align: center;
+  width: 7%; }
+
+table.table1 .joined {
+  text-align: left;
+  width: 15%; }
+
+table.table1 .active {
+  text-align: left;
+  width: 15%; }
+
+table.table1 .mark {
+  text-align: center;
+  width: 7%; }
+
+table.table1 .info {
+  text-align: left;
+  width: 30%;
+  max-width: 200px; }
+  @media (max-width: 550px) {
+    table.table1 .info {
+      max-width: 150px; } }
+
+table.table1 .info div {
+  width: 100%;
+  white-space: normal;
+  overflow: hidden; }
+
+table.table1 .autocol {
+  line-height: 2em;
+  white-space: nowrap; }
+
+table.table1 thead .autocol {
+  padding-left: 1em; }
+
+table.table1 th.info {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+table.table1 span.rank-img {
+  float: right;
+  width: auto; }
+
+table.info td {
+  padding: 3px; }
+
+table.info tbody th {
+  padding: 3px;
+  text-align: right;
+  vertical-align: top;
+  font-weight: normal; }
+
+.forumbg table.table1 {
+  margin: 0; }
+
+.forumbg-table > .inner {
+  margin: 0 -1px; }
+
+.color_palette_placeholder table {
+  border-collapse: separate;
+  border-spacing: 1px; }
+
+.column1 {
+  float: left;
+  clear: left;
+  width: 49%; }
+
+.column2 {
+  float: right;
+  clear: right;
+  width: 49%; }
+
+.left-box {
+  float: left;
+  width: auto;
+  text-align: left;
+  max-width: 100%; }
+
+.left-box.profile-details {
+  width: 80%; }
+
+.right-box {
+  float: right;
+  width: auto;
+  text-align: right;
+  max-width: 100%; }
+
+dl.details {
+  font-size: 11px; }
+
+dl.details dt {
+  float: left;
+  clear: left;
+  width: 30%;
+  text-align: right;
+  display: block; }
+
+dl.details dd {
+  margin-left: 0;
+  padding-left: 5px;
+  margin-bottom: 5px;
+  float: left;
+  width: 65%;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+.clearfix, fieldset dl, dl.polls {
+  overflow: hidden; }
+
+ul.topiclist dd.lastpost {
+  float: right; }
+
+fieldset.fields1 ul.recipients {
+  list-style-type: none;
+  line-height: 1.8;
+  max-height: 150px;
+  overflow-y: auto; }
+
+fieldset.fields1 dd.recipients {
+  clear: left;
+  margin-left: 1em; }
+
+fieldset.fields1 ul.recipients input.button2 {
+  font-size: 9px;
+  margin-right: 0;
+  padding: 0; }
+
+fieldset.fields1 dl.pmlist > dt {
+  width: auto !important; }
+
+fieldset.fields1 dl.pmlist dd.recipients {
+  margin-left: 0 !important; }
+
+.action-bar {
+  font-size: 11px;
+  margin: 4px 0; }
+
+.forabg + .action-bar {
+  margin-top: 10px; }
+
+.action-bar .button {
+  margin-right: 5px;
+  float: left; }
+
+.action-bar .button-search {
+  margin-right: 0; }
+
+.pagination {
+  float: right;
+  font-size: 11px;
+  text-align: right;
+  width: auto; }
+
+.action-bar.bottom .pagination {
+  margin-top: 0; }
+
+.action-bar .pagination .button {
+  margin-right: 0;
+  float: none; }
+
+.pagination > ul {
+  display: inline-block;
+  list-style: none !important;
+  margin-left: 5px; }
+
+.pagination > ul > li {
+  display: inline-block !important;
+  padding: 0;
+  font-size: 11px;
+  line-height: normal;
+  vertical-align: middle; }
+
+.pagination li a, .pagination li span {
+  border-radius: 2px;
+  padding: 2px 5px; }
+
+.pagination li.active span {
+  display: inline-block;
+  font-size: 13px;
+  font-weight: normal;
+  font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+  line-height: 1.4;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  border: 1px solid transparent; }
+
+.pagination li.ellipsis span {
+  border: none;
+  padding: 0; }
+
+.pagination li.page-jump {
+  margin-right: 5px; }
+
+.pagination li.page-jump a {
+  background: transparent none !important;
+  border-color: transparent !important;
+  padding: 0 8px; }
+
+.pagination li.page-jump a i {
+  font-size: 21px; }
+
+.pagination .arrow a {
+  padding: 2px 0; }
+
+.rtl .pagination li.previous a:after {
+  content: '\f054';
+  right: 1px;
+  left: 3px; }
+
+.rtl .pagination li.next a:after {
+  content: '\f053';
+  left: 1px;
+  right: 3px; }
+
+.row .pagination {
+  display: block;
+  margin-top: 3px;
+  margin-bottom: 3px; }
+
+.row .pagination > ul {
+  margin: 0; }
+
+.row .pagination li a, .row .pagination li span {
+  border-radius: 2px;
+  padding: 1px 3px;
+  font-size: 9px; }
+
+.phpbb_alert {
+  border: 1px solid transparent;
+  display: none;
+  left: 0;
+  padding: 0 25px 20px 25px;
+  position: fixed;
+  right: 0;
+  top: 150px;
+  z-index: 50;
+  width: 620px;
+  margin: 0 auto; }
+
+@media (max-height: 500px) {
+  .phpbb_alert {
+    top: 25px; } }
+.phpbb_alert .alert_close {
+  display: block;
+  float: right;
+  width: 24px;
+  height: 24px;
+  overflow: hidden;
+  text-decoration: none !important;
+  background: transparent none 0 0 no-repeat;
+  margin-top: -12px;
+  margin-right: -36px;
+  position: relative; }
+
+.phpbb_alert .alert_close:before,
+.phpbb_alert .alert_close:after {
+  content: '\f057';
+  font-family: FontAwesome;
+  position: absolute;
+  font-size: 18px;
+  line-height: 24px;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0;
+  text-align: center;
+  left: 0;
+  top: 0;
+  margin: 0;
+  padding: 0;
+  width: 24px;
+  height: 24px; }
+
+.phpbb_alert .alert_close:before {
+  content: '\f111';
+  font-size: 20px; }
+
+.phpbb_alert p {
+  margin: 8px 0;
+  padding-bottom: 8px; }
+
+.phpbb_alert label {
+  display: block;
+  margin: 8px 0;
+  padding-bottom: 8px; }
+
+.phpbb_alert div.alert_text > p,
+.phpbb_alert div.alert_text > label,
+.phpbb_alert div.alert_text > select,
+.phpbb_alert div.alert_text > textarea,
+.phpbb_alert div.alert_text > input {
+  font-size: 11px; }
+
+.darkenwrapper {
+  display: none;
+  position: relative;
+  z-index: 44; }
+
+.darken {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.5;
+  z-index: 45; }
+
+.loading_indicator {
+  background: center center no-repeat;
+  border-radius: 5px;
+  display: none;
+  opacity: 0.8;
+  margin-top: -50px;
+  margin-left: -50px;
+  height: 50px;
+  width: 50px;
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  z-index: 51; }
+
+.forum-permissions {
+  float: right;
+  width: auto;
+  padding-left: 5px;
+  margin-left: 5px;
+  margin-top: 10px;
+  text-align: right; }
+
+.copyright {
+  font-size: 10px;
+  text-align: center;
+  padding: 10px; }
+
+.footer-row {
+  font-size: 10px;
+  line-height: 1.8;
+  margin: 0; }
+
+.small {
+  font-size: 0.9em !important; }
+
+.titlespace {
+  margin-bottom: 15px; }
+
+.headerspace {
+  margin-top: 20px; }
+
+.error {
+  font-weight: bold;
+  font-size: 11px; }
+
+div.rules {
+  margin: 10px 0;
+  font-size: 11px;
+  padding: 5px 10px;
+  border-radius: 3px; }
+
+div.rules ul, div.rules ol {
+  margin-left: 20px; }
+
+p.post-notice {
+  position: relative;
+  padding: 5px;
+  padding-left: 26px;
+  min-height: 14px;
+  margin-bottom: 1em;
+  font-size: 12px; }
+
+p.post-notice:before {
+  content: '';
+  display: block;
+  position: absolute;
+  top: 50%;
+  margin-top: -10px;
+  font-size: 16px;
+  height: 18px;
+  line-height: 18px;
+  text-align: center;
+  vertical-align: baseline;
+  left: 0;
+  width: 28px;
+  background: transparent none 50% 50% no-repeat;
+  pointer-events: none;
+  font-weight: normal;
+  font-style: normal;
+  text-transform: none; }
+
+form > p.post-notice strong {
+  line-height: 20px; }
+
+.jumpbox {
+  margin: 5px 0; }
+
+.jumpbox .dropdown li {
+  border-top: 1px solid transparent; }
+
+.jumpbox .dropdown-select {
+  margin: 0; }
+
+.jumpbox .dropdown-contents {
+  padding: 0;
+  text-decoration: none; }
+
+.jumpbox .dropdown-contents li {
+  padding: 0; }
+
+.jumpbox .dropdown-contents a {
+  margin-right: 20px;
+  padding: 5px 10px;
+  text-decoration: none;
+  width: 100%; }
+
+.jumpbox .spacer {
+  display: inline-block;
+  width: 0px; }
+
+.jumpbox .spacer + .spacer {
+  width: 20px; }
+
+.dropdown-contents a {
+  display: block;
+  padding: 5px; }
+
+.jumpbox .dropdown-select {
+  margin: 0; }
+
+.jumpbox .dropdown-contents a {
+  text-decoration: none; }
+
+.dropdown li {
+  display: list-item;
+  border-top: 1px dotted transparent;
+  float: none !important;
+  line-height: normal !important;
+  font-size: 1em !important;
+  list-style: none;
+  margin: 0;
+  white-space: nowrap;
+  text-align: left; }
+
+.stat-block {
+  clear: both; }
+
+.top {
+  position: absolute;
+  top: -20px; }
+
+.clear {
+  display: block;
+  clear: both;
+  font-size: 1px;
+  line-height: 1px;
+  background: transparent; }
+
+.inner:after,
+ul.linklist:after,
+.action-bar:after,
+.notification_text:after,
+.tabs-container:after,
+.tabs > ul:after,
+.minitabs > ul:after,
+.postprofile .avatar-container:after {
+  clear: both;
+  content: '';
+  display: block; }
+
+.emoji {
+  min-height: 18px;
+  min-width: 18px;
+  height: 1em;
+  width: 1em; }
+
+.hidden {
+  display: none; }
+
+.smilies {
+  vertical-align: text-bottom; }
+
+.icon-notification {
+  position: relative; }
+
+.member-search {
+  float: left;
+  margin: 0;
+  padding: 6px 10px; }
+
+.member-search strong {
+  font-size: 11px; }
+
+.dropdown-extended {
+  display: none;
+  z-index: 3; }
+
+.dropdown-extended ul {
+  max-height: 350px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  clear: both; }
+
+.dropdown-extended ul li {
+  padding: 0;
+  margin: 0 !important;
+  float: none;
+  border-top: 1px solid;
+  list-style-type: none;
+  font-size: 11px;
+  clear: both;
+  position: relative; }
+
+.dropdown-extended ul li:first-child {
+  border-top: none; }
+
+.dropdown-extended ul li.no_notifications {
+  padding: 10px; }
+
+.dropdown-extended .dropdown-contents {
+  max-height: none;
+  padding: 0;
+  position: absolute;
+  width: 340px; }
+
+.nojs .dropdown-extended .dropdown-contents {
+  position: relative; }
+
+.dropdown-extended .header {
+  padding: 0 10px;
+  font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  font-weight: bold;
+  text-align: left;
+  line-height: 30px; }
+  .dropdown-down .dropdown-extended .header {
+    margin-top: -3px; }
+
+.dropdown-extended .header .header_settings {
+  float: right;
+  font-weight: normal;
+  text-transform: none; }
+
+.dropdown-extended .header .header_settings a {
+  display: inline-block;
+  padding: 0 5px; }
+
+.dropdown-extended .header:after {
+  content: '';
+  display: table;
+  clear: both; }
+
+.dropdown-extended .footer {
+  text-align: center;
+  font-size: 11px; }
+
+.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
+  padding: 8px; }
+
+.dropdown-extended .footer > a {
+  padding: 5px 0; }
+
+.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
+  display: block;
+  text-decoration: none; }
+
+.notification_list ul li img {
+  float: left;
+  max-height: 50px;
+  max-width: 50px;
+  width: auto !important;
+  height: auto !important;
+  margin-right: 5px; }
+
+.notification_list ul li p {
+  margin-bottom: 4px;
+  font-size: 11px; }
+
+.notification_list p.notification-reference,
+.notification_list p.notification-location,
+.notification_list li a p.notification-reason {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+.notification_list p.notification-time {
+  font-size: 10px;
+  margin: 0;
+  text-align: right; }
+
+.notification_list div.notifications {
+  margin-left: 50px;
+  padding: 5px; }
+
+.notification_list div.notifications a {
+  display: block; }
+
+.notification_list p.notifications_title {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 15px !important; }
+
+.notification_list p.notifications_title strong {
+  font-weight: 600; }
+
+.notification_list p.notifications_time {
+  font-size: 11px !important; }
+
+.notification_text {
+  margin-left: 58px;
+  white-space: normal; }
+
+.badge {
+  border-radius: 10px;
+  opacity: 0.8;
+  text-align: center;
+  white-space: nowrap;
+  font-size: 10px;
+  line-height: 1;
+  float: right;
+  display: inline-block;
+  margin-left: 3px;
+  vertical-align: baseline;
+  position: relative;
+  top: 3px;
+  padding: 4px 6px; }
+
+.badge.hidden {
+  display: none; }
+
+.linklist .quick-links {
+  margin: 0 7px 0 0; }
+
+.linklist.compact .rightside > a > span span {
+  display: none; }
+
+.dropdown-page-jump .dropdown {
+  top: 20px; }
+
+.dropdown-page-jump.dropdown-up .dropdown {
+  bottom: 20px; }
+
+.dropdown-page-jump input.tiny {
+  width: 50px; }
+
+.dropdown .clone.hidden {
+  display: none; }
+
+.dropdown .clone.hidden + li.separator {
+  display: none; }
+
+.dropdown .clone.hidden + li {
+  border-top: none; }
+
+a {
+  direction: ltr;
+  unicode-bidi: embed;
+  text-decoration: none;
+  /* we use links inline more often then not so to address several bugs with
+  IE and some other browsers we render all links as inlineblock by default */
+  display: inline-block; }
+
+.username-coloured {
+  font-weight: bold;
+  display: inline !important;
+  padding: 0 !important; }
+
+span.username-coloured {
+  margin-left: 10px; }
+
+.forumbg .header a, .forabg .header a, th a {
+  text-decoration: none; }
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+  text-decoration: underline; }
+
+.dropdown-extended a.mark_read {
+  display: block;
+  opacity: .2;
+  position: absolute;
+  z-index: 2;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 30px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  transition: opacity .2s; }
+
+.dropdown-extended li:hover a.mark_read {
+  opacity: .85; }
+
+.dropdown-extended li a.mark_read:hover {
+  opacity: 1; }
+
+.dropdown-extended a.mark_read:after {
+  width: auto;
+  left: 4px;
+  right: 0;
+  font-size: 16px; }
+
+.jumpbox-cat-link,
+.jumpbox-forum-link {
+  font-weight: bold; }
+
+a.forumtitle, a.topictitle {
+  display: inline-block;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.2;
+  font-weight: 500;
+  padding-bottom: 2px;
+  text-decoration: none; }
+  a.forumtitle:hover, a.topictitle:hover {
+    text-decoration: underline; }
+
+a.topictitle {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 15px; }
+
+a.lastsubject {
+  font-weight: bold;
+  text-decoration: none; }
+
+a.lastsubject:hover {
+  text-decoration: underline; }
+
+.postprofile a, .postprofile dt.author a {
+  font-weight: bold;
+  text-decoration: none; }
+
+.postprofile a:hover, .postprofile dt.author a:hover {
+  text-decoration: underline; }
+
+.search .postprofile a {
+  text-decoration: none;
+  font-weight: normal; }
+
+.search .postprofile a:hover {
+  text-decoration: underline; }
+
+.top {
+  font-size: 12px;
+  text-decoration: none;
+  margin-top: 10px; }
+
+.back2top {
+  clear: both; }
+  .post > .back2top {
+    position: relative;
+    right: 5px;
+    bottom: 5px; }
+    .rtl .post > .back2top {
+      right: auto;
+      left: 5px; }
+
+.back2top .top {
+  float: right;
+  margin-top: 0; }
+
+a.top, a.top2 {
+  position: relative; }
+
+a.arrow-up, a.arrow-down {
+  position: relative; }
+  a.arrow-up:after, a.arrow-down:after {
+    position: absolute;
+    top: 50%;
+    margin-top: -5px;
+    text-align: center;
+    font-family: FontAwesome;
+    font-size: 8px;
+    line-height: 10px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+
+a.arrow-up:after {
+  content: '\f077';
+  left: 0; }
+.rtl a.arrow-up:after {
+  left: auto;
+  right: 0; }
+
+a.arrow-down:after {
+  content: '\f078';
+  right: 0;
+  padding-top: 1px; }
+.rtl a.arrow-down:after {
+  right: auto;
+  left: 0; }
+
+a.arrow-up {
+  padding-left: 10px;
+  text-decoration: none;
+  border-bottom-width: 0; }
+
+a.arrow-down {
+  padding-right: 10px; }
+
+a.arrow-down:hover {
+  text-decoration: none; }
+
+a.arrow-left:hover {
+  text-decoration: none; }
+
+a.arrow-right:hover {
+  text-decoration: none; }
+
+.skiplink {
+  position: absolute;
+  left: -999px;
+  width: 990px; }
+
+a.feed-icon-forum {
+  float: right;
+  margin: 3px;
+  width: 16px;
+  height: 16px;
+  position: relative; }
+
+.topiclist.forums a.feed-icon-forum {
+  margin-top: 12px; }
+
+a.feed-icon-forum:after {
+  content: '\f09e';
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: 16px;
+  height: 16px;
+  font-family: FontAwesome;
+  font-size: 14px;
+  font-weight: normal;
+  font-style: normal;
+  line-height: 16px;
+  text-align: center; }
+
+a.top-anchor {
+  display: block; }
+
+ul.topiclist {
+  display: block;
+  list-style-type: none;
+  margin: 0; }
+
+ul.topiclist li {
+  display: block;
+  list-style-type: none;
+  margin: 0; }
+  .forabg ul.topiclist li.header, .forumbg ul.topiclist li.header {
+    margin: -5px -10px 5px;
+    border-radius: 2px;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    background: #25aac6;
+    border: 0 solid #25aac6;
+    padding: 5px;
+    text-transform: none;
+    font-size: 15px;
+    line-height: 1.4;
+    font-weight: normal;
+    color: #fff;
+    border-radius: 3px;
+    margin: 0;
+    position: relative; }
+    @media (max-width: 700px) {
+      .forabg ul.topiclist li.header, .forumbg ul.topiclist li.header {
+        border-radius: 0; } }
+    .forabg ul.topiclist li.header a, .forumbg ul.topiclist li.header a {
+      color: #fff; }
+      .forabg ul.topiclist li.header a:hover, .forumbg ul.topiclist li.header a:hover {
+        color: #fff; }
+    .forabg ul.topiclist li.header .forum-toggle, .forumbg ul.topiclist li.header .forum-toggle {
+      position: absolute;
+      right: 5px;
+      top: 50%;
+      margin-top: -8px;
+      height: 16px;
+      width: 16px;
+      text-decoration: none !important;
+      outline-style: none !important;
+      color: inherit;
+      transition: opacity 0.3s ease;
+      opacity: .5; }
+      .forabg ul.topiclist li.header .forum-toggle:after, .forumbg ul.topiclist li.header .forum-toggle:after {
+        content: '\f056';
+        font-family: FontAwesome;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 16px;
+        height: 16px;
+        font-size: 12px;
+        line-height: 16px; }
+      .forabg ul.topiclist li.header .forum-toggle.toggled:after, .forumbg ul.topiclist li.header .forum-toggle.toggled:after {
+        content: '\f055'; }
+      .forabg ul.topiclist li.header .forum-toggle:hover, .forumbg ul.topiclist li.header .forum-toggle:hover {
+        opacity: 1; }
+      .rtl .forabg ul.topiclist li.header .forum-toggle, .rtl .forumbg ul.topiclist li.header .forum-toggle {
+        right: auto;
+        left: 4px; }
+
+ul.topiclist dl {
+  position: relative; }
+
+ul.topiclist li.row dl {
+  margin: 2px 0; }
+
+ul.topiclist dt, ul.topiclist dd {
+  display: block;
+  float: left; }
+
+ul.topiclist dt {
+  width: 100%;
+  margin-right: -440px;
+  font-size: 11px; }
+
+ul.topiclist.missing-column dt {
+  margin-right: -345px; }
+
+dl.elegant-row dt,
+ul.topiclist.two-long-columns dt {
+  margin-right: -250px; }
+
+ul.topiclist.two-columns dt {
+  margin-right: -80px; }
+
+ul.topiclist dt .list-inner {
+  margin-right: 440px;
+  padding-left: 5px;
+  padding-right: 5px;
+  position: relative; }
+
+ul.topiclist.missing-column dt .list-inner {
+  margin-right: 345px; }
+
+dl.elegant-row dt .list-inner,
+ul.topiclist.two-long-columns dt .list-inner {
+  margin-right: 250px; }
+
+ul.topiclist.two-columns dt .list-inner {
+  margin-right: 80px; }
+
+ul.topiclist dd {
+  border-left: 1px solid transparent;
+  padding: 4px 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+ul.topiclist dfn {
+  display: none;
+  position: absolute;
+  left: -999px;
+  width: 990px; }
+
+.forum-image {
+  float: left;
+  padding-top: 5px;
+  margin-right: 5px; }
+
+li.row {
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent; }
+  li.row:first-child {
+    border-top-width: 0;
+    padding-top: 0; }
+  li.row:last-child {
+    border-bottom-width: 0;
+    padding-bottom: 0; }
+  .forabg ul.topiclist li.row, .forumbg ul.topiclist li.row {
+    background: #f4f4f4;
+    border: 0 solid #e0e0e0;
+    border-radius: 3px;
+    padding: 5px 10px;
+    padding: 5px;
+    margin: 5px 0;
+    padding: 0; }
+    .forabg ul.topiclist li.row.reported, .forumbg ul.topiclist li.row.reported {
+      background-color: #f5ece9; }
+  li.row .subforums-list ul {
+    list-style-type: none;
+    display: inline;
+    margin: 0; }
+  li.row .subforums-list li {
+    display: inline; }
+    li.row .subforums-list li > span {
+      display: inline; }
+  li.row .forum-mcplink {
+    right: 4px;
+    top: 4px; }
+    .rtl li.row .forum-mcplink {
+      right: auto;
+      left: 4px; }
+
+li.row strong {
+  font-weight: normal; }
+
+li.header dt, li.header dd {
+  border-left-width: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  font-size: 12px;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  line-height: 18px; }
+
+li.header dt {
+  width: 100%;
+  margin-right: -440px; }
+  .forabg li.header dt {
+    font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+    font-weight: 500;
+    font-size: 14px; }
+  li.header dt .list-inner {
+    margin-right: 440px;
+    text-indent: 5px;
+    padding-left: 0; }
+
+li.header dd {
+  padding-left: 1px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+li.header dl dt, li.header dl dd {
+  min-height: 0; }
+
+.forabg li.header dl.row-item dt .list-inner {
+  padding-left: 0;
+  padding-right: 50px; }
+
+.row .list-inner {
+  padding: 4px 0; }
+
+dl.row-item {
+  background-position: 10px 50%;
+  background-repeat: no-repeat;
+  background-size: 36px; }
+
+dl.row-item dt {
+  background-repeat: no-repeat;
+  background-position: 5px 95%;
+  background-size: 17px; }
+
+dl.row-item dt .list-inner {
+  padding-left: 55px;
+  position: relative;
+  padding-top: 5px;
+  padding-bottom: 5px; }
+  li.header dl.row-item dt .list-inner {
+    padding-top: 0;
+    padding-bottom: 0; }
+
+dl.row-item dt .list-inner .topic-status {
+  position: absolute;
+  right: 4px;
+  top: 3px;
+  font-size: 14px;
+  pointer-events: none; }
+  .rtl dl.row-item dt .list-inner .topic-status {
+    right: auto;
+    left: 4px; }
+
+dl.row-item dt .list-inner .topic-status + .topic-status {
+  right: 20px; }
+
+dl.row-item dt, dl.row-item dd {
+  min-height: 42px; }
+
+dl.row-item dt a {
+  display: inline; }
+
+dl.row-item.with-description dt, dl.row-item.with-description dd {
+  min-height: 50px; }
+
+dl a.row-item-link {
+  display: block;
+  width: 36px;
+  height: 36px;
+  padding: 0;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  margin-top: -15px;
+  margin-left: 9px;
+  z-index: 2; }
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
+  width: 80px;
+  text-align: center; }
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark, dd.lastpost.empty {
+  line-height: 34px;
+  font-size: 12px; }
+  .with-description dd.posts, .with-description dd.topics, .with-description dd.views, .with-description dd.extra, .with-description dd.mark, .with-description dd.lastpost.empty {
+    line-height: 42px; }
+
+dd.lastpost.empty br {
+  display: none; }
+
+dd.posts, dd.topics, dd.views {
+  width: 95px; }
+  .elegant-row dd.posts, .elegant-row dd.topics, .elegant-row dd.views {
+    display: none; }
+
+dl.row-item dt ol,
+dl.row-item dt ul {
+  list-style-position: inside;
+  margin-left: 1em; }
+
+dl.row-item dt li {
+  display: list-item;
+  list-style-type: inherit; }
+
+dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
+  width: 250px;
+  font-size: 11px; }
+
+dd.redirect {
+  line-height: 2.5em; }
+
+dd.time {
+  line-height: 200%; }
+
+dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
+  display: block;
+  padding-left: 5px; }
+
+dd.extra, dd.mark {
+  line-height: 200%; }
+
+dd.option {
+  width: 125px;
+  line-height: 200%;
+  text-align: center;
+  font-size: 11px; }
+
+.forum-description {
+  font-size: 13px;
+  padding-top: 2px; }
+
+.forum-statistics {
+  font-size: 11px;
+  padding-top: 2px; }
+
+.forum-lastpost {
+  display: none; }
+  @media (max-width: 550px) {
+    .forum-lastpost {
+      display: block !important;
+      padding-top: 2px;
+      line-height: 1.2;
+      overflow: hidden; } }
+  .forum-lastpost strong, .forum-lastpost span {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap; }
+  .forum-lastpost strong, .forum-lastpost span, .forum-lastpost a.lastsubject {
+    font-weight: normal; }
+  .forum-lastpost strong {
+    display: block;
+    float: left;
+    max-width: 200px;
+    padding-right: 5px; }
+    .rtl .forum-lastpost strong {
+      float: right;
+      padding-right: 0;
+      padding-left: 5px; }
+    @media (max-width: 400px) {
+      .forum-lastpost strong {
+        max-width: 130px; } }
+  .forum-lastpost span {
+    display: inline-block;
+    max-width: 100%; }
+    .forum-lastpost span:after {
+      content: '|';
+      display: inline-block;
+      text-align: center;
+      width: 12px; }
+    .forum-lastpost span:last-of-type:after {
+      display: none; }
+
+.subforums-list {
+  padding-top: 2px; }
+
+.forum-description.toggle {
+  display: none;
+  position: absolute;
+  font-size: 11px;
+  border-radius: 4px;
+  padding: 4px 9px;
+  max-width: 500px;
+  cursor: pointer; }
+  a.forumtitle + .forum-description.toggle, a.topictitle + .forum-description.toggle {
+    left: 55px;
+    top: 25px;
+    z-index: 30; }
+    .rtl a.forumtitle + .forum-description.toggle, .rtl a.topictitle + .forum-description.toggle {
+      left: auto;
+      right: 55px; }
+  .forum-description.toggle a {
+    background: none !important;
+    text-decoration: underline !important;
+    border-width: 0 !important; }
+  .forum-description.toggle span.arrow {
+    position: absolute;
+    line-height: 0;
+    width: 0;
+    height: 0;
+    border: 6px solid transparent;
+    border-left: 1px none transparent;
+    top: 6px;
+    left: -6px;
+    bottom: auto; }
+  .rtl .forum-description.toggle span.arrow {
+    border-left: 6px solid transparent;
+    border-right: 1px none transparent;
+    left: auto;
+    right: -6px; }
+  .forum-description.toggle.no-arrow span.arrow {
+    display: none; }
+
+.postbody {
+  padding: 0;
+  font-size: 11px;
+  line-height: 1.4; }
+  .postprofile + .postbody {
+    float: right;
+    margin-left: -160px;
+    width: 100%;
+    position: relative; }
+    .rtl .postprofile + .postbody {
+      margin-left: 0;
+      margin-right: -160px;
+      float: left; }
+    .search .postprofile + .postbody {
+      margin-left: -260px; }
+      .rtl .search .postprofile + .postbody {
+        margin-left: 0;
+        margin-right: -260px; }
+
+.postprofile + .postbody > div {
+  margin-left: 160px; }
+  .postprofile + .postbody > div:only-child:after {
+    content: ' ';
+    display: table;
+    clear: both; }
+  .rtl .postprofile + .postbody > div {
+    margin-left: 0;
+    margin-right: 160px; }
+  .search .postprofile + .postbody > div {
+    margin-left: 260px; }
+    .rtl .search .postprofile + .postbody > div {
+      margin-left: 0;
+      margin-right: 260px; }
+
+.postbody .ignore {
+  font-size: 13px;
+  line-height: 1.4; }
+
+.postbody h3 {
+  float: left;
+  font-size: 16px;
+  padding: 2px 0 0 0;
+  margin-top: 0 !important;
+  margin-bottom: 0.3em !important;
+  text-transform: none;
+  border: none;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  line-height: 1.25; }
+  .rtl .postbody h3 {
+    float: right; }
+
+.postbody h3 img {
+  vertical-align: bottom; }
+
+.has-profile .postbody h3 {
+  float: none !important;
+  margin-right: 180px; }
+  .rtl .has-profile .postbody h3 {
+    margin-right: 0;
+    margin-left: 180px; }
+
+.postbody .content {
+  font-size: 13px;
+  line-height: 1.4;
+  overflow-x: auto; }
+
+.postbody img.postimage {
+  max-width: 100%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.panel .review {
+  margin-top: 2em; }
+
+.topicreview {
+  padding-right: 5px;
+  overflow: auto;
+  height: 300px; }
+
+.topicreview .postbody {
+  width: auto;
+  float: none;
+  margin: 0;
+  height: auto; }
+
+.topicreview .post {
+  height: auto; }
+
+.topicreview h2 {
+  border-bottom-width: 0; }
+
+.post-ignore .postbody {
+  display: none; }
+
+.post_details {
+  overflow: auto;
+  max-height: 300px; }
+
+.content {
+  clear: both;
+  min-height: 3em;
+  overflow: hidden;
+  line-height: 1.4;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  padding-bottom: 1px; }
+
+.content h2, .panel h2 {
+  font-weight: normal;
+  border-bottom: 1px solid transparent;
+  font-size: 15px;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+  padding-bottom: 0.5em; }
+  .content h2.faq-title, .panel h2.faq-title {
+    margin-top: 5px; }
+
+.panel h3 {
+  margin: 0.5em 0; }
+
+.panel p {
+  font-size: 13px;
+  margin-bottom: 1em;
+  line-height: 1.4; }
+
+.content p {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  margin-bottom: 1em;
+  line-height: 1.4; }
+
+dl.faq, .content dl.faq {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  margin-top: 1em;
+  margin-bottom: 2em;
+  line-height: 1.4; }
+
+dl.faq dt, .content dl.faq dt {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.25;
+  font-weight: normal;
+  margin-bottom: 5px; }
+
+.content dl.faq {
+  margin-bottom: 0.5em; }
+
+.content li {
+  list-style-type: inherit; }
+
+.content ul, .content ol {
+  margin: 0.8em 0 0.9em 3em; }
+
+.posthilit {
+  padding: 0 2px 1px 2px; }
+
+p.author {
+  margin-bottom: 0.3em;
+  padding: 0 0 5px 0;
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px;
+  line-height: 1.4;
+  clear: both; }
+
+.signature {
+  margin-top: 1.5em;
+  padding-top: 0.2em;
+  font-size: 12px;
+  border-top: 1px solid transparent;
+  clear: left;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  line-height: 1.4;
+  overflow: hidden;
+  width: 100%; }
+
+.signature.standalone {
+  border-top-width: 0;
+  margin-top: 0; }
+
+dd .signature {
+  margin: 0;
+  padding: 0;
+  clear: none;
+  border: none; }
+
+.signature li {
+  list-style-type: inherit; }
+
+.signature ul, .signature ol {
+  margin: 0.8em 0 0.9em 3em; }
+
+.notice {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: auto;
+  margin-top: 1.5em;
+  padding-top: 0.2em;
+  font-size: 13px;
+  border-top: 1px dashed transparent;
+  clear: left;
+  line-height: 1.4; }
+
+ul.searchresults {
+  list-style: none;
+  text-align: right;
+  clear: both; }
+  .rtl ul.searchresults {
+    text-align: left; }
+
+blockquote {
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  font-size: 12px;
+  margin: 8px 12px;
+  overflow: hidden;
+  padding: 5px;
+  position: relative; }
+  .rtl blockquote {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+/*blockquote:before {
+	position: absolute;
+	font-family: 'Trebuchet MS';
+	top: 5px;
+	left: 4px;
+	height: 16px;
+	font-size: 30px;
+	line-height: 30px;
+	pointer-events: none;
+}*/
+blockquote blockquote {
+  margin: 5px; }
+
+blockquote cite {
+  font-style: normal;
+  font-weight: bold;
+  display: block;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6; }
+
+blockquote cite:before, .uncited:before {
+  padding-right: 5px; }
+
+blockquote cite > div {
+  float: right;
+  font-weight: normal; }
+
+.postbody .content li blockquote {
+  overflow: inherit;
+  margin-left: 0; }
+
+.codebox {
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  margin: 8px 12px;
+  font-size: 12px;
+  word-wrap: normal; }
+  .rtl .codebox {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+.codebox p {
+  text-transform: uppercase;
+  border-bottom: 1px solid transparent;
+  margin-bottom: 3px;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px !important;
+  line-height: 1.6;
+  font-weight: bold;
+  display: block; }
+
+blockquote .codebox {
+  margin-left: 0; }
+
+.codebox code {
+  overflow: auto;
+  display: block;
+  height: auto;
+  max-height: 200px;
+  padding: 5px 3px;
+  font-family: Monaco, "Andale Mono","Courier New", Courier, mono;
+  font-size: 12px;
+  line-height: 1.3; }
+
+.attachbox {
+  float: left;
+  width: auto;
+  max-width: 100%;
+  margin: 5px 5px 5px 0;
+  padding: 6px;
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  clear: left;
+  box-sizing: border-box; }
+  .rtl .attachbox {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+.attachbox dt {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6;
+  font-weight: 500; }
+
+.attachbox dd {
+  margin-top: 4px;
+  padding-top: 4px;
+  clear: left;
+  border-top: 1px solid transparent;
+  overflow-x: auto; }
+
+.attachbox dd dd {
+  border: none; }
+
+.attachbox p, .attachbox p.stats {
+  line-height: 1.4;
+  font-weight: normal;
+  clear: left; }
+
+.attach-image {
+  margin: 3px 0;
+  max-width: 100%; }
+
+.attach-image img {
+  cursor: default; }
+
+div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
+  display: block;
+  margin-bottom: 4px; }
+
+div.inline-attachment p {
+  font-size: 12px; }
+
+dl.file {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  display: block; }
+
+dl.file dt {
+  text-transform: none;
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6; }
+
+dl.file dd {
+  margin: 0;
+  padding: 0; }
+
+dl.thumbnail img {
+  padding: 3px;
+  border: 1px solid transparent;
+  box-sizing: border-box; }
+
+dl.thumbnail dd {
+  font-style: italic;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+.attachbox dl.thumbnail dd {
+  font-size: 100%; }
+
+dl.thumbnail dt a:hover img {
+  border: 1px solid transparent; }
+
+fieldset.polls {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px; }
+
+fieldset.polls dl {
+  margin: 0;
+  border: 1px solid transparent;
+  border-width: 1px 0;
+  padding: 5px 0;
+  line-height: 1.4; }
+  fieldset.polls dl:first-child {
+    border-top-width: 0; }
+  fieldset.polls dl:last-child {
+    border-bottom-width: 0; }
+
+fieldset.polls dl.voted {
+  font-weight: bold; }
+
+fieldset.polls dt {
+  text-align: left;
+  float: left;
+  display: block;
+  width: 30%;
+  border-right: none;
+  padding: 0;
+  margin: 0;
+  font-size: 13px; }
+
+fieldset.polls dd {
+  float: left;
+  width: 10%;
+  border-left: none;
+  padding: 0 5px;
+  margin-left: 0;
+  font-size: 13px; }
+
+fieldset.polls dd.resultbar {
+  width: 50%; }
+
+fieldset.polls dd input {
+  margin: 2px 0; }
+
+fieldset.polls dd div {
+  text-align: right;
+  font-family: Arial, Helvetica, sans-serif;
+  font-weight: bold;
+  font-size: .9em;
+  padding: 0 3px;
+  overflow: visible;
+  min-width: 8px;
+  border-radius: 2px; }
+
+.vote-submitted {
+  font-size: 15px;
+  font-weight: bold;
+  text-align: center; }
+
+.postprofile {
+  margin: 0;
+  padding: 5px 0;
+  min-height: 80px;
+  border: 0px solid transparent;
+  border-right-width: 1px;
+  width: 150px;
+  float: left;
+  position: relative;
+  box-sizing: border-box;
+  z-index: 2; }
+  .rtl .postprofile {
+    float: right;
+    border-width: 0;
+    border-left-width: 1px; }
+  .search .postprofile {
+    width: 250px; }
+
+.postprofile dd, .postprofile dt {
+  font-size: 11px;
+  line-height: 1.4;
+  margin-right: 8px; }
+  .rtl .postprofile dd, .rtl .postprofile dt {
+    margin-left: 8px;
+    margin-right: 0; }
+
+.postprofile dd {
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+.postprofile strong {
+  font-weight: normal; }
+
+.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
+  margin-bottom: 10px; }
+
+.postprofile .has-avatar .avatar-container {
+  margin-bottom: 3px;
+  overflow: hidden; }
+
+.postprofile .avatar {
+  display: block;
+  float: left;
+  max-width: 100%; }
+  .rtl .postprofile .avatar {
+    float: right; }
+
+.postprofile .avatar img {
+  display: block;
+  height: auto !important;
+  max-width: 100%; }
+
+.postprofile .profile-posts a {
+  font-weight: normal; }
+
+dd.profile-warnings {
+  font-weight: bold; }
+
+dd.profile-contact {
+  overflow: visible; }
+
+.profile-contact .dropdown-container {
+  display: inline-block; }
+
+.profile-contact .icon_contact {
+  vertical-align: middle; }
+
+.profile-contact .dropdown {
+  margin-right: -14px; }
+
+.online-ribbon {
+  display: block;
+  width: 70px;
+  height: 70px;
+  position: absolute;
+  overflow: hidden;
+  top: 0;
+  left: 0;
+  pointer-events: none; }
+  .rtl .online-ribbon {
+    left: auto;
+    right: 0; }
+  .online-ribbon span {
+    display: block;
+    font-weight: 500;
+    font-style: normal;
+    width: 100px;
+    font-size: 11px;
+    line-height: 18px;
+    height: 18px;
+    text-align: center;
+    position: absolute;
+    top: 17px;
+    white-space: nowrap;
+    left: -25px;
+    -webkit-transform: rotate(-45deg);
+    -ms-transform: rotate(-45deg);
+    transform: rotate(-45deg); }
+    .online-ribbon span + span {
+      opacity: .75;
+      z-index: 29; }
+    .rtl .online-ribbon span {
+      left: auto;
+      right: -25px;
+      -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+      transform: rotate(45deg); }
+
+.panel.online > .inner {
+  position: relative;
+  z-index: 2; }
+
+.no-avatar .avatar-container {
+  display: block;
+  width: 92px;
+  height: 92px;
+  background: transparent none 50% 50% no-repeat;
+  background-size: cover; }
+
+.profile-avatar img {
+  max-width: 100%; }
+
+dl.pmlist dt {
+  width: 60% !important; }
+
+dl.pmlist dt textarea {
+  width: 95%; }
+
+dl.pmlist dd {
+  margin-left: 61% !important;
+  margin-bottom: 2px; }
+
+.action-bar div.dl_links {
+  padding: 10px 0 0 10px; }
+
+div.dl_links {
+  display: inline-block;
+  text-transform: none; }
+
+.dl_links strong {
+  font-weight: bold; }
+
+.dl_links ul {
+  list-style-type: none;
+  margin: 0;
+  display: inline-block; }
+
+.dl_links li {
+  display: inline-block; }
+
+.attachment-filename {
+  width: 100%; }
+
+.ellipsis-text {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+table.fixed-width-table {
+  table-layout: fixed; }
+
+.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  -webkit-appearance: none;
+  border-radius: 3px; }
+
+.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+  border-radius: 3px; }
+
+#memberlist tr.inactive, #team tr.inactive {
+  font-style: italic; }
+
+a.post {
+  display: inline !important;
+  background: none !important;
+  box-shadow: none !important;
+  border: none !important; }
+
+.button {
+  display: inline-block;
+  padding: 2px 8px;
+  font-size: 14px;
+  font-weight: 600;
+  font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+  line-height: 18px;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  border: 1px solid transparent;
+  border-radius: 4px; }
+  .button > strong {
+    font-weight: 600; }
+
+.button:focus,
+.button:hover {
+  text-decoration: none;
+  outline: none; }
+
+.caret {
+  border-left: 1px solid;
+  position: relative;
+  right: -6px; }
+
+.caret i {
+  vertical-align: top; }
+
+/* Posting page styles
+----------------------------------------*/
+.button-search,
+.button-search-end {
+  float: left;
+  border-radius: 0;
+  margin: 0;
+  padding: 2px 5px; }
+
+.button-search-end {
+  border-left-width: 0;
+  border-radius: 0 4px 4px 0; }
+
+.search-header .button-search,
+.search-header .button-search-end {
+  border-top-width: 0;
+  border-bottom-width: 0;
+  padding: 3px 5px; }
+
+.search-header .button-search-end {
+  border-right-width: 0; }
+
+.button-icon-only {
+  padding-left: 3px;
+  padding-right: 3px; }
+
+.contact-icons.dropdown-contents {
+  min-width: 0;
+  padding: 0;
+  font-size: 0; }
+
+.contact-icon {
+  position: relative;
+  display: block;
+  height: 16px;
+  width: 16px; }
+  .contact-icon:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    text-align: center;
+    font-family: FontAwesome;
+    font-size: 14px;
+    line-height: 16px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+
+.contact-icons a {
+  border-bottom: 1px dotted;
+  border-right: 1px dotted;
+  display: block;
+  float: left;
+  padding: 8px; }
+
+.contact-icons .last-cell {
+  border-right: none; }
+
+.contact-icons div:last-child a {
+  border-bottom: none; }
+
+.contact-icons div {
+  clear: left; }
+
+.pm-icon:after {
+  content: '\f086'; }
+
+.email-icon:after {
+  content: '\f0e0'; }
+
+.jabber-icon:after {
+  content: '\f0eb';
+  font-size: 16px; }
+
+.phpbb_icq-icon:after {
+  content: '\f013'; }
+
+.phpbb_wlm-icon:after {
+  content: '\f007'; }
+
+.phpbb_aol-icon:after {
+  content: '\f2bb'; }
+
+.phpbb_website-icon:after {
+  content: '\f08e'; }
+
+.phpbb_youtube-icon:after {
+  content: '\f16a'; }
+
+.phpbb_facebook-icon:after {
+  content: '\f230'; }
+
+.phpbb_googleplus-icon:after {
+  content: '\f0d5'; }
+
+.phpbb_skype-icon:after {
+  content: '\f17e'; }
+
+.phpbb_twitter-icon:after {
+  content: '\f099'; }
+
+.phpbb_yahoo-icon:after {
+  content: '\f19e'; }
+
+.post-buttons {
+  float: right;
+  list-style: none;
+  margin-top: 2px; }
+  .rtl .post-buttons {
+    float: left; }
+
+.has-profile .post-buttons {
+  float: none;
+  position: absolute;
+  margin: 0;
+  top: 5px;
+  right: 0; }
+  .rtl .has-profile .post-buttons {
+    left: 0; }
+  .rtl .has-profile .post-buttons {
+    right: auto; }
+
+.post-buttons > li {
+  float: left;
+  margin-right: 3px; }
+
+.post-buttons .button, .format-buttons .button {
+  padding-left: 3px;
+  padding-right: 3px; }
+
+.hastouch .post-buttons {
+  margin-right: 10px; }
+
+.post-buttons .button span {
+  font-size: 0; }
+
+.post-buttons .dropdown {
+  top: 20px; }
+
+.post-buttons .dropdown a {
+  display: block;
+  font-size: 12px;
+  line-height: 1.4;
+  text-align: left;
+  margin-left: 18px;
+  position: relative; }
+  .post-buttons .dropdown a:before {
+    position: absolute;
+    left: -16px;
+    top: 50%;
+    height: 12px;
+    line-height: 14px;
+    margin: -6px 0 0;
+    pointer-events: none;
+    color: inherit; }
+  .rtl .post-buttons .dropdown a {
+    text-align: right; }
+
+.hasjs .postbody .post-buttons {
+  max-width: 40%; }
+
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+/* Deprecated as of version 3.2
+-------------------------------------------------*/
+.small-icon {
+  background-position: 0 50%;
+  background-repeat: no-repeat;
+  background-image: none; }
+
+.dropdown .small-icon {
+  background-position: 5px 50%;
+  padding: 5px; }
+
+.small-icon > a {
+  padding: 0 0 0 18px; }
+
+ul.linklist.bulletin > li.small-icon:before {
+  display: none; }
+
+.dropdown .small-icon > a {
+  display: block; }
+
+.rtl .small-icon {
+  background-position: 100% 50%; }
+
+.rtl .small-icon > a {
+  padding-left: 0;
+  padding-right: 19px; }
+
+.cp-menu {
+  float: left;
+  width: 19%;
+  margin: 0 -2px;
+  padding-right: 7px;
+  box-sizing: border-box; }
+  .rtl .cp-menu {
+    float: right;
+    padding-left: 7px;
+    padding-right: 0; }
+
+.cp-main {
+  float: left;
+  width: 81%; }
+  .rtl .cp-main {
+    float: right; }
+
+.cp-main .content {
+  padding: 0; }
+
+.panel-container .panel {
+  margin-bottom: 10px; }
+
+.panel-container .panel p {
+  font-size: 13px;
+  line-height: 1.4; }
+
+.panel-container .panel ol {
+  margin-left: 2em;
+  font-size: 13px; }
+
+.panel-container .panel li.row {
+  border-bottom: 1px solid transparent;
+  border-top: 1px solid transparent; }
+
+ul.cplist {
+  margin-bottom: 5px;
+  border-top: 1px solid transparent; }
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+  margin-bottom: 2px; }
+
+.panel-container table.table1 {
+  margin-bottom: 1em; }
+
+.panel-container table.table1 thead th {
+  background: transparent;
+  color: inherit;
+  padding: 5px;
+  font-weight: bold;
+  font-size: inherit;
+  line-height: inherit; }
+
+.panel-container table.table1 tbody th {
+  font-style: italic;
+  background-color: transparent !important;
+  border-bottom: none; }
+
+.cp-main .pm-message {
+  border: 1px solid transparent;
+  margin: 10px 0;
+  width: auto;
+  float: none; }
+
+.pm-message h2 {
+  padding-bottom: 5px; }
+
+.cp-main .postbody h3, .cp-main .box2 h3 {
+  margin-top: 0; }
+
+.panel-container .postbody p.author {
+  font-size: 11px; }
+
+.cp-main .buttons {
+  margin-left: 0; }
+
+.cp-main ul.linklist {
+  margin: 0; }
+
+.mcp-main .postbody {
+  width: 100%; }
+
+.tabs-container h2 {
+  float: left;
+  margin-bottom: 0px; }
+
+.tabs, .minitabs {
+  line-height: normal; }
+
+.tabs > ul, .minitabs > ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  position: relative; }
+
+.tabs .tab, .minitabs .tab {
+  display: block;
+  float: left;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 26px; }
+
+.tabs .tab > a, .minitabs .tab > a {
+  display: block;
+  padding: 0 9px;
+  position: relative;
+  text-decoration: none;
+  white-space: nowrap;
+  cursor: pointer;
+  font-size: inherit;
+  line-height: inherit; }
+
+.tabs {
+  margin: 20px 0 0 7px; }
+
+.tabs .tab > a {
+  border: 1px solid transparent;
+  border-radius: 4px 4px 0 0;
+  margin: 1px 1px 0 0; }
+
+.tabs .activetab > a {
+  margin-top: 0;
+  padding-bottom: 2px; }
+
+.minitabs {
+  float: right;
+  margin: 15px 7px 0 0;
+  max-width: 50%; }
+
+.minitabs .tab {
+  float: right; }
+
+.minitabs .tab > a {
+  border-radius: 5px 5px 0 0;
+  margin-left: 2px; }
+
+.minitabs .tab > a:hover {
+  text-decoration: none; }
+
+.responsive-tab {
+  position: relative; }
+
+.responsive-tab > a.responsive-tab-link {
+  display: block;
+  font-size: 16px;
+  position: relative;
+  width: 16px;
+  line-height: 14px;
+  text-decoration: none; }
+.responsive-tab > a.responsive-tab-link:before {
+  content: '\f0c9';
+  font-family: FontAwesome;
+  position: absolute;
+  left: 10px;
+  top: 50%;
+  margin-top: -7px;
+  width: 14px;
+  font-size: 13px;
+  line-height: 15px;
+  height: 15px;
+  text-align: center;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0; }
+.dropdown-visible.responsive-tab > a.responsive-tab-link:before, .responsive-tab > a.responsive-tab-link:hover:before {
+  font-family: FontAwesome;
+  content: '\f078'; }
+
+.tabs .dropdown, .minitabs .dropdown {
+  top: 28px;
+  margin-right: -2px;
+  font-size: 12px;
+  line-height: 1.4;
+  font-weight: normal; }
+
+.minitabs .dropdown {
+  margin-right: -4px; }
+
+.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
+  bottom: 28px;
+  top: auto; }
+
+.tabs .dropdown li {
+  text-align: right; }
+
+.minitabs .dropdown li {
+  text-align: left; }
+
+.navigation {
+  width: 100%; }
+  .navigation hr {
+    display: none; }
+    .navigation hr + ul {
+      margin-top: 10px; }
+
+.navigation ul {
+  list-style: none; }
+
+.navigation li {
+  display: inline;
+  font-weight: bold;
+  margin: 1px 0;
+  padding: 0; }
+
+.navigation a {
+  display: block;
+  padding: 5px;
+  margin: 2px 0;
+  border-radius: 1px;
+  text-decoration: none;
+  font-size: 11px;
+  line-height: 1.4; }
+
+.navigation a:hover {
+  text-decoration: none; }
+
+.cp-main h2 {
+  border-bottom: none;
+  padding: 0;
+  margin-left: 10px; }
+
+.cp-mini {
+  margin: 10px 15px 10px 5px;
+  max-height: 200px;
+  overflow-y: auto;
+  padding: 5px 10px;
+  border-radius: 3px; }
+
+dl.mini dt {
+  font-weight: bold; }
+
+dl.mini dd {
+  padding-top: 4px; }
+
+.friend-online {
+  font-weight: bold; }
+
+.friend-offline {
+  font-style: italic; }
+
+ol.def-rules {
+  padding-left: 0; }
+
+ol.def-rules li {
+  line-height: 180%;
+  padding: 1px; }
+
+.pmlist li.bg1 {
+  padding: 0 3px; }
+
+.pmlist li.bg2 {
+  padding: 0 3px; }
+
+/* DEPRECATED 3.2.6
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: transparent;
+	border-right-color: transparent;
+}
+*/
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour,
+.pmlist li.pm_marked_colour, .pm_marked_colour,
+.pmlist li.pm_replied_colour, .pm_replied_colour,
+.pmlist li.pm_friend_colour, .pm_friend_colour,
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+  padding: 0;
+  border: solid 3px transparent;
+  border-width: 0 3px; }
+
+.pm-legend {
+  border-left-width: 10px;
+  border-left-style: solid;
+  border-right-width: 0;
+  margin-bottom: 3px;
+  padding-left: 3px; }
+
+.gallery label {
+  position: relative;
+  float: left;
+  margin: 10px;
+  padding: 5px;
+  width: auto;
+  border: 1px solid transparent;
+  text-align: center; }
+
+@media (max-width: 900px) {
+  .nojs .tabs a span, .nojs .minitabs a span {
+    max-width: 40px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    letter-spacing: -.5px; }
+
+  .cp-menu, .navigation, .cp-main {
+    float: none;
+    width: auto;
+    margin: 0; }
+
+  .cp-menu:after {
+    content: ' ';
+    display: table;
+    clear: both; }
+
+  .navigation {
+    padding: 0;
+    max-width: 320px; }
+    .cp-menu .navigation {
+      margin: 0 10px;
+      float: left; } }
+    @media (max-width: 900px) and (max-width: 450px) {
+      .cp-menu .navigation {
+        float: none;
+        margin: 0 auto; } }
+@media (max-width: 900px) {
+    .navigation, .cp-menu .navigation:only-child {
+      float: none;
+      margin: 0 auto; }
+    .cp-menu .navigation + .cp-mini {
+      float: left;
+      margin: 0 10px;
+      max-width: 220px; } }
+    @media (max-width: 900px) and (max-width: 450px) {
+      .cp-menu .navigation + .cp-mini {
+        float: none;
+        margin: 10px auto 0; } }
+
+@media (max-width: 900px) {
+  .navigation a {
+    background-image: none; }
+
+  .navigation li:first-child a {
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px; }
+
+  .navigation li:last-child a {
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px; } }
+fieldset {
+  border-width: 0;
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px; }
+
+input {
+  font-weight: normal;
+  vertical-align: middle;
+  padding: 0 3px;
+  font-size: 12px;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+select {
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  cursor: pointer;
+  vertical-align: middle;
+  border: 1px solid transparent;
+  border-radius: 2px;
+  padding: 1px;
+  font-size: 12px; }
+
+select:focus {
+  outline-style: none; }
+
+option {
+  padding-right: 1em; }
+
+select optgroup option {
+  padding-right: 1em;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+textarea {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: 60%;
+  padding: 2px;
+  font-size: 13px;
+  line-height: 1.4;
+  border-radius: 2px;
+  -webkit-appearance: none; }
+
+label {
+  cursor: default;
+  padding-right: 5px; }
+
+label input {
+  vertical-align: middle; }
+
+label img {
+  vertical-align: middle; }
+
+fieldset dl {
+  padding: 4px 0; }
+
+fieldset dt {
+  float: left;
+  width: 40%;
+  text-align: left;
+  display: block; }
+
+fieldset dd {
+  margin-left: 41%;
+  vertical-align: top;
+  margin-bottom: 3px; }
+
+fieldset.fields1 dt {
+  width: 15em;
+  border-right-width: 0; }
+
+fieldset.fields1 dd {
+  margin-left: 15em;
+  border-left-width: 0; }
+
+fieldset.fields1 div {
+  margin-bottom: 3px; }
+
+fieldset.fields1 .live-search div {
+  margin-bottom: 0; }
+
+fieldset.fields2 dt {
+  width: 15em;
+  border-right-width: 0; }
+
+fieldset.fields2 dd {
+  margin-left: 16em;
+  border-left-width: 0; }
+
+dt label {
+  font-weight: bold;
+  text-align: left; }
+
+dd label {
+  white-space: nowrap; }
+
+dd input, dd textarea {
+  margin-right: 3px; }
+
+dd select {
+  width: auto; }
+
+dd select[multiple] {
+  width: 100%; }
+
+dd textarea {
+  width: 85%; }
+
+.timezone {
+  width: 95%; }
+
+/* Browser-specific tweaks */
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+fieldset.quick-login {
+  margin-top: 5px; }
+
+fieldset.quick-login input {
+  width: auto; }
+
+fieldset.quick-login input.inputbox {
+  width: 15%;
+  vertical-align: middle;
+  margin-right: 5px; }
+
+fieldset.quick-login label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.display-options {
+  text-align: center;
+  margin: 3px 0 5px 0; }
+
+fieldset.display-options label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.display-options a {
+  margin-top: 3px; }
+
+.dropdown fieldset.display-options {
+  font-size: 1em;
+  margin: 0;
+  padding: 0; }
+
+.dropdown fieldset.display-options label {
+  display: block;
+  margin: 4px;
+  padding: 0;
+  text-align: right;
+  white-space: nowrap; }
+
+.dropdown fieldset.display-options select {
+  min-width: 120px; }
+
+fieldset.display-actions {
+  text-align: right;
+  line-height: 2em;
+  white-space: nowrap;
+  padding-right: 1em; }
+
+fieldset.display-actions label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.sort-options {
+  line-height: 2em; }
+
+fieldset.forum-selection {
+  margin: 5px 0 3px 0;
+  float: right; }
+
+fieldset.forum-selection2 {
+  margin: 13px 0 3px 0;
+  float: right; }
+
+fieldset.submit-buttons {
+  text-align: center;
+  vertical-align: middle;
+  margin: 5px 0; }
+
+fieldset.submit-buttons input {
+  vertical-align: middle; }
+
+.format-buttons {
+  margin: 15px 0 2px 0; }
+
+.format-buttons input, .format-buttons select {
+  vertical-align: middle; }
+
+.message-box {
+  width: 80%; }
+
+.message-box textarea {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: 450px;
+  height: 270px;
+  min-width: 100%;
+  max-width: 100%;
+  font-size: 13px;
+  line-height: 1.4;
+  resize: vertical;
+  outline: 3px dashed transparent;
+  outline-offset: -4px;
+  -webkit-transition: all .5s ease, height 1ms linear;
+  -moz-transition: all .5s ease, height 1ms linear;
+  -ms-transition: all .5s ease, height 1ms linear;
+  -o-transition: all .5s ease, height 1ms linear;
+  transition: all .5s ease, height 1ms linear; }
+
+.smiley-box {
+  width: 18%;
+  float: right; }
+
+.smiley-box img {
+  margin: 3px; }
+
+.inputbox {
+  border: 1px solid transparent;
+  padding: 2px;
+  border-radius: 2px;
+  -webkit-appearance: none; }
+
+.inputbox:hover, .inputbox:focus {
+  border: 1px solid transparent;
+  outline-style: none; }
+
+input.inputbox {
+  width: 85%; }
+
+input.medium {
+  width: 50%; }
+
+input.narrow {
+  width: 25%; }
+
+input.tiny {
+  width: 150px; }
+
+textarea.inputbox {
+  width: 85%; }
+
+.autowidth {
+  width: auto !important; }
+
+input[type="number"] {
+  -moz-padding-end: 0; }
+
+input[type="search"] {
+  -webkit-appearance: none;
+  -webkit-box-sizing: content-box; }
+
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
+  display: none; }
+
+input[type="search"]::-webkit-search-cancel-button {
+  cursor: pointer; }
+
+input.button1, input.button2 {
+  font-size: 13px; }
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+  width: auto !important;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
+  background: transparent none repeat-x top left;
+  line-height: 1.5;
+  border-radius: 3px;
+  font-size: 13px; }
+  .format-buttons a.button1, .format-buttons input.button1, .format-buttons input.button3, .format-buttons a.button2, .format-buttons input.button2 {
+    font-size: 12px; }
+
+a.button1, input.button1 {
+  font-weight: bold;
+  border: 1px solid transparent; }
+
+input.button3 {
+  padding: 0;
+  margin: 0;
+  line-height: 5px;
+  height: 12px;
+  background-image: none;
+  font-variant: small-caps; }
+
+input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li {
+  cursor: pointer; }
+
+a.button2, input.button2, input.button3 {
+  border: 1px solid transparent; }
+
+a.button1, a.button2 {
+  text-decoration: none;
+  padding: 0 3px;
+  vertical-align: text-bottom; }
+
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+  border: 1px solid transparent; }
+
+input.disabled {
+  font-weight: normal; }
+
+input.button1:focus, input.button2:focus, input.button3:focus {
+  outline-style: none; }
+
+.search-box {
+  float: left; }
+
+.search-box .inputbox {
+  background-image: none;
+  border-right-width: 0;
+  border-radius: 4px 0 0 4px;
+  float: left;
+  height: 24px;
+  padding: 3px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  .rtl .search-box .inputbox {
+    border-radius: 0 4px 4px 0; }
+
+.search-header {
+  border-radius: 4px;
+  display: block;
+  border: 1px solid transparent; }
+  .navbar.with-search .search-header {
+    margin-top: 1px; }
+  .headerbar .search-header {
+    position: absolute;
+    top: 50%;
+    right: 5px;
+    margin-top: -13px; }
+
+.search-header .inputbox {
+  border: 0; }
+
+.navbar .linklist > li.responsive-search {
+  display: none; }
+
+.full {
+  width: 95%; }
+
+.medium {
+  width: 50%; }
+
+.narrow {
+  width: 25%; }
+
+.tiny {
+  width: 10%; }
+
+.icon-search-new, .icon-search-unanswered, .icon-search-unread, .icon-search-self, .icon-search, .icon-search-active, .icon-search-advanced, .icon-acp, .icon-bookmark, .icon-bump, .icon-contact, .icon-delete-cookies, .icon-download, .icon-faq, .icon-home, .icon-logout, .icon-login, .icon-mark, .icon-mcp, .icon-members, .icon-notification, .icon-pages, .icon-pm, .icon-print, .icon-profile, .icon-register, .icon-sendemail, .icon-subscribe, .icon-team, .icon-ucp, .icon-unsubscribe, .icon-new-posts, .icon-forums, .icon-chat, .icon-time, .icon-thanks, .icon-thanks_toplist {
+  position: relative;
+  background-image: none; }
+  .icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 0;
+    height: 14px;
+    margin-top: -7px;
+    text-align: center;
+    font-size: 12px;
+    line-height: 14px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+  .small-icon.icon-search-new:after, .small-icon.icon-search-unanswered:after, .small-icon.icon-search-unread:after, .small-icon.icon-search-self:after, .small-icon.icon-search:after, .small-icon.icon-search-active:after, .small-icon.icon-search-advanced:after, .small-icon.icon-acp:after, .small-icon.icon-bookmark:after, .small-icon.icon-bump:after, .small-icon.icon-contact:after, .small-icon.icon-delete-cookies:after, .small-icon.icon-download:after, .small-icon.icon-faq:after, .small-icon.icon-home:after, .small-icon.icon-logout:after, .small-icon.icon-login:after, .small-icon.icon-mark:after, .small-icon.icon-mcp:after, .small-icon.icon-members:after, .small-icon.icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .small-icon.icon-notification:after, .small-icon.icon-pages:after, .small-icon.icon-pm:after, .small-icon.icon-print:after, .small-icon.icon-profile:after, .small-icon.icon-register:after, .small-icon.icon-sendemail:after, .small-icon.icon-subscribe:after, .small-icon.icon-team:after, .small-icon.icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .small-icon.icon-ucp:after, .small-icon.icon-unsubscribe:after, .small-icon.icon-new-posts:after, .small-icon.icon-forums:after, .small-icon.icon-chat:after, .small-icon.icon-time:after, .small-icon.icon-thanks:after, .small-icon.icon-thanks_toplist:after {
+    width: 18px;
+    text-align: center; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+  font-family: FontAwesome; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after {
+  content: '\f002'; }
+
+.icon-acp:after {
+  content: '\f085'; }
+
+.icon-bookmark:after {
+  content: '\f02e';
+  margin-left: -1px;
+  margin-right: -1px; }
+
+.icon-bump:after {
+  content: '\f079'; }
+
+.icon-contact:after {
+  content: '\f0e0'; }
+
+.icon-delete-cookies:after {
+  content: '\f014'; }
+
+.icon-download:after {
+  content: '\f019'; }
+
+.icon-faq:after {
+  content: '\f059'; }
+
+.icon-home:after {
+  content: '\f015'; }
+.icon-home.breadcrumbs:after {
+  text-align: left; }
+
+.icon-logout:after {
+  content: '\f08b'; }
+
+.icon-login:after {
+  content: '\f090'; }
+
+.icon-mark:after {
+  content: '\f046'; }
+
+.icon-mcp:after {
+  content: '\f0e3'; }
+
+.icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before {
+  content: '\f007'; }
+.icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before {
+  display: block;
+  font-size: 10px;
+  padding: 0;
+  padding-left: 4px;
+  padding-top: 1px;
+  opacity: .7; }
+
+.icon-notification:after {
+  content: '\f0a2'; }
+.icon-notification.non-zero:after {
+  content: '\f0f3'; }
+
+.icon-pages:after {
+  content: '\f0c5'; }
+
+.icon-pm:after {
+  content: '\f003'; }
+.icon-pm.non-zero:after {
+  content: '\f0e0'; }
+
+.icon-print:after {
+  content: '\f02f'; }
+
+.icon-profile:after {
+  content: '\f007'; }
+
+.icon-register:after {
+  content: '\f234'; }
+
+.icon-sendemail:after {
+  content: '\f003'; }
+
+.icon-subscribe:after {
+  content: '\f05d'; }
+
+.icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before {
+  content: '\f007'; }
+.icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before {
+  display: block;
+  font-size: 10px;
+  padding: 0;
+  white-space: nowrap;
+  padding-top: 1px;
+  opacity: .7;
+  content: '\f007\f007'; }
+
+.icon-ucp:after {
+  content: '\f0ad'; }
+
+.icon-unsubscribe:after {
+  content: '\f05c'; }
+
+.icon-new-posts:after {
+  content: '\f086'; }
+
+.icon-forums:after {
+  content: '\f075'; }
+
+.icon-chat:after {
+  content: '\f086'; }
+
+.icon-time:after {
+  content: '\f017'; }
+
+.icon-thanks {
+  background-image: none !important; }
+  .icon-thanks:after {
+    content: '\f087'; }
+
+.icon-thanks_toplist {
+  background-image: none !important; }
+  .icon-thanks_toplist:after {
+    content: '\f005'; }
+
+@media (max-width: 320px) {
+  select, .inputbox {
+    max-width: 240px; } }
+/* Notifications list
+----------------------------------------*/
+@media (max-width: 350px) {
+  .dropdown-extended .dropdown-contents {
+    width: auto; } }
+@media (max-width: 430px) {
+  .action-bar .search-box .inputbox {
+    width: 120px; }
+
+  .section-viewtopic .search-box .inputbox {
+    width: 57px; }
+
+  .action-bar .search-box .inputbox ::-moz-placeholder {
+    content: "Search..."; }
+
+  .action-bar .search-box .inputbox :-ms-input-placeholder {
+    content: "Search..."; }
+
+  .action-bar .search-box .inputbox ::-webkit-input-placeholder {
+    content: "Search..."; } }
+@media (max-width: 500px) {
+  dd label {
+    white-space: normal; }
+
+  select, .inputbox {
+    max-width: 260px; }
+
+  .captcha-panel dd.captcha {
+    margin-left: 0; }
+
+  .captcha-panel dd.captcha-image img {
+    width: 100%; }
+
+  dl.details dt, dl.details dd {
+    width: auto;
+    float: none;
+    text-align: left; }
+
+  dl.details dd {
+    margin-left: 20px; }
+
+  p.responsive-center {
+    float: none;
+    text-align: center;
+    margin-bottom: 5px; }
+
+  .action-bar > div {
+    margin-bottom: 5px; }
+
+  .action-bar > .pagination {
+    float: none;
+    clear: both;
+    padding-bottom: 1px;
+    text-align: center; }
+
+  .action-bar > .pagination li.page-jump {
+    margin: 0 2px; }
+
+  p.jumpbox-return {
+    display: none; }
+
+  .display-options > label:nth-child(1) {
+    display: block;
+    margin-bottom: 5px; }
+
+  .attach-controls {
+    margin-top: 5px;
+    width: 100%; }
+
+  .quick-links .dropdown-trigger span {
+    display: none; } }
+@media (max-width: 550px) {
+  ul.topiclist.forums dt {
+    margin-right: 0; }
+
+  ul.topiclist.forums dt .list-inner {
+    margin-right: 0; }
+
+  ul.topiclist.forums dd.lastpost {
+    display: none; } }
+@media (max-width: 700px) {
+  .responsive-hide {
+    display: none !important; }
+
+  .responsive-show {
+    display: block !important; }
+
+  .responsive-show-inline {
+    display: inline !important; }
+
+  .responsive-show-inline-block {
+    display: inline-block !important; }
+
+  /* Content wrappers
+  ----------------------------------------*/
+  html {
+    height: auto; }
+
+  body {
+    padding: 0; }
+
+  #wrap {
+    border: none;
+    border-radius: 0;
+    margin: 0;
+    padding: 0 5px; }
+
+  .page-width, .navbar .inner.static > .static-inner {
+    min-width: 290px;
+    margin: 0; }
+
+  .navbar .inner.static > .static-inner,
+  #wrap .navbar .inner.static > .static-inner {
+    padding: 0; }
+
+  .forabg, .forumbg, .post, .panel {
+    border-radius: 0;
+    margin-left: -5px;
+    margin-right: -5px; }
+
+  .headerbar, .navbar {
+    border-radius: 0; }
+
+  #wrap .headerbar, #wrap .navbar {
+    margin-left: -5px;
+    margin-right: -5px; }
+
+  .cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
+    border-radius: 0; }
+
+  .navbar.tabbed .nav-tabs, .navbar.tabbed .nav-tabs .tab {
+    border-radius: 0 !important; }
+
+  .site-description {
+    float: none;
+    width: auto;
+    text-align: center; }
+
+  .logo {
+    float: none;
+    margin: 0 auto;
+    padding: 10px; }
+    .logo img {
+      margin: 0 auto; }
+
+  .site-description h1, .site-description p, .site-description p.sitename {
+    text-align: inherit;
+    float: none;
+    margin: 5px;
+    line-height: 1.2em;
+    overflow: hidden;
+    text-overflow: ellipsis; }
+
+  .site-description p, .headerbar .search-header {
+    display: none; }
+
+  .responsive-search {
+    display: block !important; }
+
+  ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
+    margin-right: 0 !important;
+    padding-right: 0; }
+
+  ul.topiclist li.header dd {
+    display: none !important; }
+
+  ul.topiclist dt, ul.topiclist dt .list-inner,
+  ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
+  ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
+  ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
+    margin-right: 0; }
+
+  ul.topiclist dt .list-inner.with-mark {
+    padding-right: 34px; }
+
+  ul.topiclist dt .list-inner {
+    min-height: 28px; }
+
+  ul.topiclist li.header dt .list-inner {
+    min-height: 0; }
+
+  ul.topiclist dd {
+    display: none; }
+
+  ul.topiclist dd.mark {
+    display: block; }
+
+  /* Forums and topics lists
+  ----------------------------------------*/
+  ul.topiclist.forums dt {
+    margin-right: -250px; }
+
+  ul.topiclist dd.mark {
+    display: block;
+    position: absolute;
+    right: 5px;
+    top: 0;
+    margin: 0;
+    width: auto;
+    min-width: 0;
+    text-align: left; }
+
+  ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
+    position: relative;
+    left: 0;
+    width: auto;
+    display: inline;
+    font-weight: normal; }
+
+  li.row .responsive-show strong {
+    font-weight: bold;
+    color: inherit; }
+
+  ul.topiclist li.row dt a.subforum {
+    vertical-align: bottom;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100px; }
+
+  /* Pagination
+  ----------------------------------------*/
+  .pagination > ul {
+    margin: 5px 0 0; }
+
+  .row .pagination .ellipsis + li {
+    display: none !important; }
+
+  /* Responsive tables
+  ----------------------------------------*/
+  table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
+    display: block; }
+
+  table.responsive thead, table.responsive th {
+    display: none; }
+
+  table.responsive.show-header thead, table.responsive.show-header th:first-child {
+    display: block;
+    width: auto !important;
+    text-align: left !important;
+    border-radius: 0; }
+
+  table.responsive.show-header th:first-child span.rank-img {
+    display: none; }
+
+  table.responsive tr {
+    margin: 2px 0; }
+
+  table.responsive td {
+    width: auto !important;
+    text-align: left !important;
+    padding: 4px; }
+
+  table.responsive td.empty {
+    display: none !important; }
+
+  table.responsive td > dfn {
+    display: inline-block !important; }
+
+  table.responsive td > dfn:after {
+    content: ':';
+    padding-right: 5px; }
+
+  table.responsive span.rank-img {
+    float: none;
+    padding-right: 5px; }
+
+  table.responsive.memberlist td:first-child input[type="checkbox"] {
+    float: right; }
+
+  /* Forms
+  ----------------------------------------*/
+  fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
+    width: auto;
+    float: none; }
+
+  fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
+    margin-left: 0px; }
+
+  textarea, dd textarea, .message-box textarea {
+    width: 100%;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box; }
+
+  dl.pmlist dt {
+    width: auto !important;
+    margin-bottom: 5px; }
+
+  dl.pmlist dd {
+    display: inline-block;
+    margin-left: 0 !important; }
+
+  dl.pmlist dd:first-of-type {
+    padding-left: 20px; }
+
+  .smiley-box, .message-box {
+    float: none;
+    width: auto; }
+
+  .smiley-box {
+    margin-top: 5px; }
+
+  .bbcode-status {
+    display: none; }
+
+  .colour-palette, .colour-palette tbody, .colour-palette tr {
+    display: block; }
+
+  .colour-palette td {
+    display: inline-block;
+    margin-right: 2px; }
+
+  .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
+    display: none; }
+
+  fieldset.quick-login label {
+    display: block;
+    margin-bottom: 5px;
+    white-space: normal; }
+
+  fieldset.quick-login label > span {
+    display: inline-block;
+    min-width: 100px; }
+
+  fieldset.quick-login input.inputbox {
+    width: 85%;
+    max-width: 300px;
+    margin-left: 20px; }
+
+  fieldset.quick-login label[for="autologin"] {
+    display: inline-block;
+    text-align: right;
+    min-width: 50%; }
+
+  /* User profile
+  ----------------------------------------*/
+  .column1, .column2, .left-box.profile-details {
+    float: none;
+    width: auto;
+    clear: both; }
+
+  /* Polls
+  ----------------------------------------*/
+  fieldset.polls dt {
+    width: 90%; }
+
+  fieldset.polls dd.resultbar {
+    padding-left: 20px; }
+
+  fieldset.polls dd.poll_option_percent {
+    width: 20%; }
+
+  fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
+    margin-top: 5px; }
+
+  /* Post
+  ----------------------------------------*/
+  .postbody {
+    position: inherit; }
+
+  .postprofile + .postbody {
+    float: none;
+    position: inherit;
+    width: auto; }
+
+  .postprofile, .postbody, .search .postbody {
+    display: block;
+    width: auto;
+    float: none;
+    padding: 0;
+    min-height: 0; }
+
+  .post .postprofile {
+    width: auto;
+    border-width: 0 0 1px 0;
+    padding-bottom: 5px;
+    margin: 0;
+    margin-bottom: 5px;
+    min-height: 40px;
+    overflow: hidden;
+    z-index: auto !important; }
+
+  .postprofile dd {
+    display: none; }
+
+  .postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
+    display: block;
+    margin: 0; }
+
+  .postprofile .has-avatar .avatar-container,
+  .postprofile .no-avatar .avatar-container {
+    margin: 0;
+    overflow: inherit;
+    float: left;
+    padding-right: 5px; }
+
+  .postprofile .avatar-container:after {
+    clear: none; }
+
+  .postprofile .avatar, .postprofile .no-avatar .avatar-container {
+    margin-right: 5px; }
+
+  .postprofile .avatar img {
+    width: auto !important;
+    height: auto !important;
+    max-height: 32px; }
+
+  .no-avatar .avatar-container {
+    width: 32px;
+    height: 32px; }
+
+  .has-profile .postbody h3 {
+    margin-left: 0 !important;
+    margin-right: 0 !important; }
+
+  .has-profile .post-buttons {
+    right: 10px;
+    top: 10px; }
+    .rtl .has-profile .post-buttons {
+      right: auto;
+      left: 10px; }
+
+  .online-ribbon {
+    width: 35px;
+    height: 35px;
+    top: 0;
+    left: 0; }
+    .rtl .online-ribbon {
+      left: auto;
+      right: 0; }
+    .online-ribbon span {
+      width: 50px;
+      font-size: 6px;
+      line-height: 10px;
+      height: 10px;
+      text-align: center;
+      position: absolute;
+      top: 8px;
+      white-space: nowrap;
+      left: -12px; }
+      .rtl .online-ribbon span {
+        left: auto;
+        right: -12px; }
+
+  h2 {
+    margin-top: .5em; }
+
+  p {
+    margin-bottom: .5em;
+    overflow: hidden; }
+
+  p.rightside {
+    margin-bottom: 0; }
+
+  fieldset.display-options label {
+    display: inline-block;
+    clear: both;
+    margin-bottom: 5px;
+    letter-spacing: -.3px; }
+
+  dl.mini dd.pm-legend {
+    float: left;
+    min-width: 200px; }
+
+  .topicreview {
+    margin: 0 -5px;
+    padding: 0 5px; }
+
+  fieldset.display-actions {
+    white-space: normal; }
+
+  .phpbb_alert {
+    width: auto;
+    margin: 0 5px; }
+
+  .attach-comment dfn {
+    width: 100%; } }
+@media (min-width: 700px) {
+  .postbody {
+    width: 70%; } }
+@media (min-width: 850px) {
+  .postbody {
+    width: 76%; } }
+@media (min-width: 701px) and (max-width: 950px) {
+  ul.topiclist dt {
+    margin-right: -410px; }
+
+  ul.topiclist dt .list-inner {
+    margin-right: 410px; }
+
+  ul.topiclist dd.lastpost {
+    float: right; }
+
+  dd.posts, dd.topics, dd.views {
+    width: 80px; } }
+html, body {
+  color: #141414;
+  background-image: url("./images/pattern.png");
+  background-color: #e0e0e0; }
+
+h1, p.sitename {
+  color: #141414; }
+
+h2 {
+  color: #25aac6; }
+
+h3 {
+  color: #25aac6; }
+  .post h3 {
+    color: #2ba6c0; }
+  h3 a {
+    color: inherit; }
+    h3 a:hover {
+      color: #d0613c; }
+
+hr {
+  border-color: #fafafa;
+  border-top-color: #c7c7c7; }
+
+/* Post body links */
+.postlink {
+  border-bottom-color: #25aac6;
+  color: #25aac6; }
+
+.postlink:visited {
+  border-bottom-color: #868686;
+  color: #868686; }
+
+.postlink:hover {
+  background-color: #dbdbdb;
+  color: #d0613c; }
+
+.signature a, .signature a:hover {
+  background-color: transparent; }
+
+.search-box .inputbox,
+.search-box .inputbox:hover,
+.search-box .inputbox:focus,
+.search-box .button:hover {
+  border-color: #c6c6c6; }
+
+.search-box .button, .search-box .button:hover {
+  background-color: #f4f4f4 !important;
+  border-color: #c6c6c6 !important; }
+.search-box .button, .search-box .button:before, .search-box .button:after {
+  color: #25aac6; }
+.search-box .button:hover, .search-box .button:hover:before, .search-box .button:hover:after {
+  color: #d0613c !important; }
+
+.search-header {
+  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
+  .navbar.with-search .search-header {
+    box-shadow: none; }
+  .search-header .inputbox, .search-header .button {
+    background: #f4f4f4 !important;
+    border-color: #f4f4f4 !important; }
+  .navbar.with-search .search-header .button, .navbar.with-search .search-header .button:before, .navbar.with-search .search-header .button:after {
+    color: #25aac6; }
+  .search-header .inputbox:hover, .search-header .inputbox:focus {
+    background-color: #f8f8f8 !important;
+    color: #000 !important;
+    border-color: #f4f4f4 !important; }
+  .search-header .button:hover, .search-header .button:hover:before, .search-header .button:hover:after, .search-header .button:focus, .search-header .button:focus:before, .search-header .button:focus:after {
+    background-color: #d0613c !important;
+    color: #fff !important;
+    border-color: #d0613c !important; }
+
+.headerbar {
+  color: #141414; }
+
+.breadcrumbs .crumb:before {
+  color: #868686; }
+
+.navbar {
+  background-image: none; }
+  .navbar.secondary {
+    color: #25aac6; }
+    .navbar.secondary > ul > li:hover, .navbar.secondary > ul > li:hover:after, .navbar.secondary > ul > li:hover:before,
+    .navbar.secondary > ul > li.dropdown-visible,
+    .navbar.secondary > ul > li.dropdown-visible:after,
+    .navbar.secondary > ul > li.dropdown-visible:before {
+      color: #d0613c; }
+    .navbar.secondary .dropdown {
+      color: #141414; }
+  .navbar .nav-tabs {
+    background-color: #25aac6; }
+    .navbar .nav-tabs .tab {
+      color: #fff; }
+      .navbar .nav-tabs .tab.selected {
+        color: #25aac6;
+        background-color: #f4f4f4; }
+      .navbar .nav-tabs .tab:hover, .navbar .nav-tabs .tab.dropdown-visible {
+        color: #d0613c;
+        background-color: #f4f4f4; }
+      .navbar .nav-tabs .tab > strong {
+        color: #fff;
+        background-color: #d03c3c;
+        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
+        .navbar .nav-tabs .tab > strong .arrow {
+          border-top-color: #d03c3c; }
+      .navbar .nav-tabs .tab .dropdown {
+        color: #141414; }
+
+.panel {
+  background-color: #f4f4f4;
+  color: #141414; }
+
+.post:target .content {
+  color: #000; }
+
+.post:target h3 a {
+  color: #000; }
+
+.bg1 {
+  background-color: #f4f4f4; }
+
+table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
+  background-color: #f4f4f4; }
+
+.bg2 {
+  background-color: #f6f6f6; }
+
+table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
+  background-color: #f6f6f6; }
+
+.bg3 {
+  background-color: #f8f8f8; }
+  .bg3.panel {
+    background: transparent none;
+    background-color: rgba(224, 224, 224, 0.3);
+    border-top-color: #f8f8f8; }
+    .bg3.panel:before, .bg3.panel:after {
+      background: -webkit-linear-gradient(to bottom, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%);
+      background: linear-gradient(to bottom, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%); }
+  .section-posting .bg3.panel {
+    background-color: #f4f4f4; }
+    .section-posting .bg3.panel:before, .section-posting .bg3.panel:after {
+      background: transparent; }
+
+ul.navlinks {
+  border-top-color: #e7e7e7; }
+
+.forum_unread .forumtitle, .forum_unread_subforum .forumtitle, .forum_unread_locked .forumtitle {
+  color: #d0613c; }
+
+.global_unread .topictitle, .global_unread_mine .topictitle, .announce_unread_mine .topictitle, .announce_unread .topictitle, .global_unread_mine .topictitle, .announce_unread_mine .topictitle, .global_unread_locked .topictitle, .global_unread_locked_mine .topictitle, .announce_unread_locked_mine .topictitle, .announce_unread_locked .topictitle, .global_unread_locked_mine .topictitle, .announce_unread_locked_mine .topictitle, .announce_unread .topictitle, .announce_unread_mine .topictitle, .announce_unread_locked .topictitle, .announce_unread_locked_mine .topictitle, .sticky_unread .topictitle, .sticky_unread_mine .topictitle, .sticky_unread_locked .topictitle, .sticky_unread_locked_mine .topictitle, .topic_unread .topictitle, .sticky_unread .topictitle, .pm_unread .topictitle, .topic_unread_mine .topictitle, .sticky_unread_mine .topictitle, .topic_unread_locked .topictitle, .sticky_unread_locked .topictitle, .topic_unread_locked_mine .topictitle, .sticky_unread_locked_mine .topictitle, .topic_unread_hot .topictitle, .topic_unread_hot_mine .topictitle {
+  color: #d0613c; }
+
+.forum-statistics {
+  color: #868686; }
+
+.forum-lastpost {
+  color: #868686; }
+  .forum-lastpost span:before {
+    opacity: .5; }
+
+.forum-description.toggle {
+  color: #fff;
+  background-color: rgba(61, 61, 61, 0.8); }
+  .forum-description.toggle a {
+    color: inherit !important; }
+  .forum-description.toggle span.arrow {
+    border-right-color: rgba(61, 61, 61, 0.8); }
+  .rtl .forum-description.toggle span.arrow {
+    border-right-color: transparent;
+    border-left-color: rgba(61, 61, 61, 0.8); }
+
+.forum-statistics .value {
+  color: #000; }
+
+table.table1 thead th {
+  color: #fff; }
+
+table.table1 tbody tr {
+  border-color: #e7e7e7; }
+
+table.table1 tbody tr:hover, table.table1 tbody tr.hover {
+  background-color: #f8f8f8;
+  color: #000; }
+
+table.table1 td {
+  color: #141414; }
+
+table.table1 tbody td {
+  border-top-color: #e7e7e7; }
+
+table.table1 tbody th {
+  border-bottom-color: #e7e7e7;
+  color: #000;
+  background-color: #e0e0e0; }
+
+table.info tbody th {
+  color: #000; }
+
+dl.details dt {
+  color: #000; }
+
+dl.details dd {
+  color: #3d9baf; }
+
+.sep {
+  color: #25aac6; }
+
+/* Icon styles
+---------------------------------------- */
+.icon.icon-blue, a:hover .icon.icon-blue {
+  color: #196db5; }
+
+.icon.icon-green, a:hover .icon.icon-green {
+  color: #1b9A1B; }
+
+.icon.icon-red, a:hover .icon.icon-red {
+  color: #BC2A4D; }
+
+.icon.icon-orange, a:hover .icon.icon-orange {
+  color: #FF6600; }
+
+.icon.icon-bluegray, a:hover .icon.icon-bluegray {
+  color: #536482; }
+
+.icon.icon-gray, a:hover .icon.icon-gray {
+  color: #777777; }
+
+.icon.icon-lightgray, a:hover .icon.icon-lightgray {
+  color: #999999; }
+
+.icon.icon-black, a:hover .icon.icon-black {
+  color: #333333; }
+
+.alert_close .icon:before {
+  background-color: #FFFFFF; }
+
+/* Jumpbox */
+.jumpbox .dropdown li {
+  border-top-color: #25aac6; }
+
+.jumpbox-cat-link {
+  background-color: #25aac6;
+  color: #fff; }
+
+.jumpbox-cat-link:hover {
+  background-color: #d0613c;
+  border-top-color: #d0613c;
+  color: #fff; }
+
+.jumpbox-forum-link {
+  background-color: #f4f4f4; }
+
+.jumpbox-forum-link:hover {
+  background-color: #e0e0e0; }
+
+.jumpbox .dropdown .pointer-inner {
+  border-color: #f4f4f4 transparent; }
+
+.jumpbox-sub-link {
+  background-color: #f4f4f4; }
+
+.jumpbox-sub-link:hover {
+  background-color: #e0e0e0; }
+
+.pagination li a {
+  color: #25aac6;
+  background-color: #f4f4f4;
+  border-color: #e7e7e7; }
+
+.pagination li.ellipsis span {
+  background-color: transparent;
+  color: #000; }
+
+.pagination li.active span {
+  color: #fff;
+  background-color: #25aac6;
+  border-color: #25aac6; }
+
+.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
+  border-color: #d0613c;
+  background-color: #d0613c;
+  color: #fff; }
+
+.pagination li.page-jump a:after {
+  color: #25aac6; }
+
+.pagination li.page-jump a:hover:after {
+  color: #d0613c; }
+
+.copyright {
+  color: #868686; }
+
+.error {
+  color: #d0613c; }
+
+.reported {
+  background-color: #f5ece9; }
+  .reported .postprofile, .reported .signature {
+    border-color: #f0e3de; }
+
+li.reported:hover {
+  background-color: #f5ece9; }
+
+div.rules {
+  background-color: #decdc7;
+  color: #d0613c; }
+
+p.post-notice {
+  background-color: #efded8;
+  color: #d0613c;
+  background-image: none; }
+
+p.post-notice.deleted:before, p.post-notice.unapproved:before, p.post-notice.reported:before, p.post-notice.error:before {
+  font-family: FontAwesome; }
+
+p.post-notice.deleted:before {
+  content: '\f057';
+  color: #d0613c; }
+
+p.post-notice.unapproved:before {
+  content: '\f059';
+  color: #d0613c; }
+
+p.post-notice.reported:before, p.post-notice.error:before {
+  content: '\f071';
+  color: #d0613c; }
+
+.topic-status.sticky {
+  color: #868686; }
+
+a {
+  color: #25aac6; }
+
+a:hover {
+  color: #d0613c; }
+
+a.time {
+  color: #9d9d9d; }
+  a.time:hover {
+    color: #d0613c; }
+
+.forumbg .header a, .forabg .header a, th a {
+  color: #fff; }
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+  color: #fff; }
+
+.dropdown-extended a.mark_read {
+  background-color: #f4f4f4; }
+
+a.top, a.top2 {
+  color: #868686; }
+  a.top:hover, a.top2:hover {
+    color: #d0613c; }
+
+a.feed-icon-forum:after {
+  color: #bdbdbd; }
+
+a.feed-icon-forum:hover:after {
+  color: #d0613c; }
+
+ul.topiclist li {
+  color: #141414; }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  ul.topiclist li.row dt a.subforum.read {
+    background-size: 11px 9px; } }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  ul.topiclist li.row dt a.subforum.unread {
+    background-size: 11px 9px; } }
+
+li.row {
+  border-top-color: white;
+  border-bottom-color: #e7e7e7; }
+  li.row .forum-lastpost strong,
+  li.row .subforums-list strong {
+    color: #868686; }
+
+li.row strong {
+  color: #000; }
+
+.icon-link + .list-inner > a.forumtitle, .icon-link + .list-inner > a.topictitle,
+.pm_unread .topictitle,
+a.subforum.unread {
+  color: #d0613c; }
+
+.postbody {
+  color: #141414; }
+
+.content {
+  color: #141414; }
+
+.content h2, .panel h2 {
+  color: #347684;
+  border-bottom-color: #e7e7e7; }
+
+dl.faq dt, .content dl.faq dt {
+  color: #141414; }
+
+.posthilit {
+  background-color: #f5ece9;
+  color: #af4b2a; }
+
+.signature {
+  border-top-color: #e7e7e7; }
+
+.notice {
+  border-top-color: #e7e7e7; }
+
+blockquote {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #df937a; }
+  .rtl blockquote {
+    border-left-color: #ededed;
+    border-right-color: #df937a; }
+
+blockquote blockquote, blockquote .codebox, blockquote .attachbox {
+  background-color: #f4f4f4;
+  background-color: rgba(196, 196, 196, 0.1);
+  border-left-color: #7fc4d2; }
+  .rtl blockquote blockquote,
+  .rtl blockquote .codebox,
+  .rtl blockquote .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #7fc4d2; }
+
+blockquote blockquote blockquote, blockquote blockquote .codebox, blockquote blockquote .attachbox {
+  background-color: #fff;
+  border-left-color: #df937a; }
+  .rtl blockquote blockquote blockquote,
+  .rtl blockquote blockquote .codebox,
+  .rtl blockquote blockquote .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #df937a; }
+
+blockquote:before {
+  color: #868686; }
+
+.codebox {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #7fc4d2; }
+  .rtl .codebox {
+    border-left-color: #ededed;
+    border-right-color: #7fc4d2; }
+
+.codebox p {
+  border-bottom-color: #f2f2f2; }
+
+.codebox code {
+  color: #25c63a; }
+
+.attachbox {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #7fc4d2; }
+  .rtl .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #7fc4d2; }
+
+.attachbox dd {
+  border-top-color: #f2f2f2; }
+
+.attachbox p {
+  color: #666; }
+
+.attachbox p.stats {
+  color: #666; }
+
+dl.file dd {
+  color: #666; }
+
+dl.thumbnail img {
+  border-color: #f2f2f2;
+  background-color: #f4f4f4; }
+
+dl.thumbnail dd {
+  color: #666; }
+
+fieldset.polls dl {
+  border-top-color: white;
+  border-bottom-color: #e7e7e7;
+  color: #141414; }
+
+fieldset.polls dl.voted {
+  color: #000; }
+
+fieldset.polls dd div {
+  color: #fff; }
+
+.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
+  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2); }
+
+.pollbar1 {
+  background-color: #ac7360; }
+
+.pollbar2 {
+  background-color: #b2705a; }
+
+.pollbar3 {
+  background-color: #b86d54; }
+
+.pollbar4 {
+  background-color: #c46748; }
+
+.pollbar5 {
+  background-color: #d0613c; }
+
+.postprofile {
+  color: #141414;
+  border-color: #e7e7e7; }
+
+.postprofile strong {
+  color: #000; }
+
+.online-ribbon span {
+  background-color: #d0613c;
+  color: #fff; }
+
+dd.profile-warnings {
+  color: #BC2A4D; }
+
+.no-avatar .avatar-container {
+  background-image: url("./images/no_avatar.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .no-avatar .avatar-container {
+      background-image: url("./images/no_avatar_hd.png"); } }
+
+.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+  background: rgba(0, 0, 0, 0.1); }
+
+.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.3); }
+
+.button, .buttons > .button.locked-icon {
+  border-color: #3ab1cb;
+  background-color: #3ab1cb;
+  color: #fff;
+  box-shadow: none; }
+.buttons > .button.locked-icon {
+  color: #fff; }
+  .buttons > .button.locked-icon:after, .buttons > .button.locked-icon:before {
+    color: #fff !important; }
+  .buttons > .button.locked-icon:hover {
+    box-shadow: none; }
+.buttons > .button, .button.report-icon, .button.delete-icon {
+  border-color: #25aac6;
+  background-color: #25aac6;
+  color: #fff; }
+  .buttons > .button:after, .buttons > .button:before, .button.report-icon:after, .button.report-icon:before, .button.delete-icon:after, .button.delete-icon:before {
+    color: #def2f6 !important; }
+.button.report-icon, .button.delete-icon {
+  border-color: #d0613c;
+  background-color: #d0613c; }
+  .button.report-icon:after, .button.report-icon:before, .button.delete-icon:after, .button.delete-icon:before {
+    color: #f8e7e2 !important; }
+
+.buttons > .dropdown-select {
+  color: #868686; }
+
+.dropdown-select:after {
+  border-color: #7cc4d3; }
+
+.dropdown-select:hover {
+  border-color: #3ab1cb; }
+
+.dropdown-select:hover:after, .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after {
+  border-color: #d26e4c; }
+
+.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select,
+.buttons > .button:hover,
+.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
+  border-color: #d0613c !important;
+  background-color: #d0613c;
+  color: #fff; }
+  .dropdown-visible .dropdown-select:after, .dropdown-visible .dropdown-select:before, .dropdown-visible .dropdown-select:hover:after, .dropdown-visible .dropdown-select:hover:before, .nojs .dropdown-container:hover .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:before,
+  .buttons > .button:hover:after,
+  .buttons > .button:hover:before,
+  .button:hover:after,
+  .button:hover:before, .dropdown-visible .dropdown-select:after, .dropdown-visible .dropdown-select:before, .nojs .dropdown-container:hover .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:before {
+    color: #fff !important; }
+
+.contact-icons a {
+  border-color: #e7e7e7; }
+
+.jabber-icon:after {
+  color: #c90000; }
+
+.phpbb_icq-icon:after {
+  color: #60ff00;
+  text-shadow: 0 0 1px #000, 0 0 2px #000; }
+
+.phpbb_wlm-icon:after {
+  color: #76acd3; }
+
+.phpbb_aol-icon:after {
+  color: #ffd800;
+  text-shadow: 0 0 1px #000, 0 0 2px #000; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+  color: #25aac6; }
+.icon-search-new:hover:after, .icon-search-unanswered:hover:after, .icon-search-unread:hover:after, .icon-search-self:hover:after, .icon-search:hover:after, .icon-search-active:hover:after, .icon-search-advanced:hover:after, .icon-acp:hover:after, .icon-bookmark:hover:after, .icon-bump:hover:after, .icon-contact:hover:after, .icon-delete-cookies:hover:after, .icon-download:hover:after, .icon-faq:hover:after, .icon-home:hover:after, .icon-logout:hover:after, .icon-login:hover:after, .icon-mark:hover:after, .icon-mcp:hover:after, .icon-members:hover:after, .icon-members:hover:before, ul.linklist.bulletin > li.small-icon.icon-members:hover:before, .icon-notification:hover:after, .icon-pages:hover:after, .icon-pm:hover:after, .icon-print:hover:after, .icon-profile:hover:after, .icon-register:hover:after, .icon-sendemail:hover:after, .icon-subscribe:hover:after, .icon-team:hover:after, .icon-team:hover:before, ul.linklist.bulletin > li.small-icon.icon-team:hover:before, .icon-ucp:hover:after, .icon-unsubscribe:hover:after, .icon-new-posts:hover:after, .icon-forums:hover:after, .icon-chat:hover:after, .icon-time:hover:after, .icon-thanks:hover:after, .icon-thanks_toplist:hover:after {
+  color: #d0613c; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after {
+  color: #d0613c; }
+
+.icon-search-self:after {
+  color: #9d9d9d; }
+
+.icon-home.breadcrumbs:after {
+  color: #25aac6; }
+
+.icon-notification.non-zero:after, .icon-pm.non-zero:after {
+  color: #d0613c; }
+
+.icon-time:after {
+  color: #9d9d9d; }
+
+/* Profile & navigation icons */
+.pm-icon {
+  background-position: 0 0; }
+
+.email-icon {
+  background-position: -21px 0; }
+
+.jabber-icon {
+  background-position: -80px 0; }
+
+.phpbb_icq-icon {
+  background-position: -61px 0; }
+
+.phpbb_wlm-icon {
+  background-position: -182px 0; }
+
+.phpbb_aol-icon {
+  background-position: -244px 0; }
+
+.phpbb_website-icon {
+  background-position: -40px 0; }
+
+.phpbb_youtube-icon {
+  background-position: -98px 0; }
+
+.phpbb_facebook-icon {
+  background-position: -119px 0; }
+
+.phpbb_googleplus-icon {
+  background-position: -140px 0; }
+
+.phpbb_skype-icon {
+  background-position: -161px 0; }
+
+.phpbb_twitter-icon {
+  background-position: -203px 0; }
+
+.phpbb_yahoo-icon {
+  background-position: -224px 0; }
+
+.global_read, .global_read_mine, .announce_read_mine, .announce_read {
+  background-image: url("./images/announce_read.png"); }
+
+.global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked {
+  background-image: url("./images/announce_read_locked.png"); }
+
+.global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread {
+  background-image: url("./images/announce_unread.png"); }
+
+.global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked {
+  background-image: url("./images/announce_unread_locked.png"); }
+
+.forum_link {
+  background-image: url("./images/forum_link.png"); }
+
+.forum_read {
+  background-image: url("./images/forum_read.png"); }
+
+.forum_read_locked {
+  background-image: url("./images/forum_read_locked.png"); }
+
+.forum_read_subforum {
+  background-image: url("./images/forum_read_subforum.png"); }
+
+.forum_unread {
+  background-image: url("./images/forum_unread.png"); }
+
+.forum_unread_locked {
+  background-image: url("./images/forum_unread_locked.png"); }
+
+.forum_unread_subforum {
+  background-image: url("./images/forum_unread_subforum.png"); }
+
+.topic_moved {
+  background-image: url("./images/topic_moved.png"); }
+
+.topic_read, .sticky_read, .pm_read {
+  background-image: url("./images/topic_read.png"); }
+
+.topic_read_mine, .sticky_read_mine {
+  background-image: url("./images/topic_read_mine.png"); }
+
+.topic_read_hot {
+  background-image: url("./images/topic_read_hot.png"); }
+
+.topic_read_hot_mine {
+  background-image: url("./images/topic_read_hot_mine.png"); }
+
+.topic_read_locked, .sticky_read_locked {
+  background-image: url("./images/topic_read_locked.png"); }
+
+.topic_read_locked_mine, .sticky_read_locked_mine {
+  background-image: url("./images/topic_read_locked_mine.png"); }
+
+.topic_unread, .sticky_unread, .pm_unread {
+  background-image: url("./images/topic_unread.png"); }
+
+.topic_unread_mine, .sticky_unread_mine {
+  background-image: url("./images/topic_unread_mine.png"); }
+
+.topic_unread_hot {
+  background-image: url("./images/topic_unread_hot.png"); }
+
+.topic_unread_hot_mine {
+  background-image: url("./images/topic_unread_hot_mine.png"); }
+
+.topic_unread_locked, .sticky_unread_locked {
+  background-image: url("./images/topic_unread_locked.png"); }
+
+.topic_unread_locked_mine, .sticky_unread_locked_mine {
+  background-image: url("./images/topic_unread_locked_mine.png"); }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  .global_read, .global_read_mine, .announce_read_mine, .announce_read, .global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked, .global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread, .global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked,
+  .forum_link, .forum_read, .forum_read_locked, .forum_read_subforum, .forum_unread, .forum_unread_locked, .forum_unread_subforum,
+  .topic_moved, .topic_read, .sticky_read, .pm_read, .topic_read_mine, .sticky_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .sticky_read_locked, .topic_read_locked_mine, .sticky_read_locked_mine,
+  .topic_unread,
+  .sticky_unread,
+  .pm_unread, .topic_unread_mine, .sticky_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .sticky_unread_locked, .topic_unread_locked_mine, .sticky_unread_locked_mine {
+    background-size: 36px 36px; }
+
+  .global_read, .global_read_mine, .announce_read_mine, .announce_read {
+    background-image: url("./images/announce_read_hd.png"); }
+
+  .global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked {
+    background-image: url("./images/announce_read_locked_hd.png"); }
+
+  .global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread {
+    background-image: url("./images/announce_unread_hd.png"); }
+
+  .global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked {
+    background-image: url("./images/announce_unread_locked_hd.png"); }
+
+  .forum_link {
+    background-image: url("./images/forum_link_hd.png"); }
+
+  .forum_read {
+    background-image: url("./images/forum_read_hd.png"); }
+
+  .forum_read_locked {
+    background-image: url("./images/forum_read_locked_hd.png"); }
+
+  .forum_read_subforum {
+    background-image: url("./images/forum_read_subforum_hd.png"); }
+
+  .forum_unread {
+    background-image: url("./images/forum_unread_hd.png"); }
+
+  .forum_unread_locked {
+    background-image: url("./images/forum_unread_locked_hd.png"); }
+
+  .forum_unread_subforum {
+    background-image: url("./images/forum_unread_subforum_hd.png"); }
+
+  .topic_moved {
+    background-image: url("./images/topic_moved_hd.png"); }
+
+  .topic_read, .sticky_read, .pm_read {
+    background-image: url("./images/topic_read_hd.png"); }
+
+  .topic_read_mine, .sticky_read_mine {
+    background-image: url("./images/topic_read_mine_hd.png"); }
+
+  .topic_read_hot {
+    background-image: url("./images/topic_read_hot_hd.png"); }
+
+  .topic_read_hot_mine {
+    background-image: url("./images/topic_read_hot_mine_hd.png"); }
+
+  .topic_read_locked, .sticky_read_locked {
+    background-image: url("./images/topic_read_locked_hd.png"); }
+
+  .topic_read_locked_mine, .sticky_read_locked_mine {
+    background-image: url("./images/topic_read_locked_mine_hd.png"); }
+
+  .topic_unread, .sticky_unread, .pm_unread {
+    background-image: url("./images/topic_unread_hd.png"); }
+
+  .topic_unread_mine, .sticky_unread_mine {
+    background-image: url("./images/topic_unread_mine_hd.png"); }
+
+  .topic_unread_hot {
+    background-image: url("./images/topic_unread_hot_hd.png"); }
+
+  .topic_unread_hot_mine {
+    background-image: url("./images/topic_unread_hot_mine_hd.png"); }
+
+  .topic_unread_locked, .sticky_unread_locked {
+    background-image: url("./images/topic_unread_locked_hd.png"); }
+
+  .topic_unread_locked_mine, .sticky_unread_locked_mine {
+    background-image: url("./images/topic_unread_locked_mine_hd.png"); } }
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+  color: #000; }
+
+.panel-container table.table1 thead th {
+  color: #141414;
+  border-bottom-color: #e7e7e7; }
+
+#cp-main .pm-message {
+  border-color: #e0e0e0;
+  background-color: #f4f4f4; }
+
+#tabs .tab > a {
+  background: #f4f4f4;
+  color: #3d9baf; }
+
+#tabs .tab > a:hover {
+  background: #f8f8f8;
+  color: #d0613c; }
+
+#tabs .activetab > a,
+#tabs .activetab > a:hover {
+  background: #f8f8f8;
+  box-shadow: 0 5px 5px -5px #f8f8f8;
+  border-color: #f8f8f8;
+  color: #2b2b2b; }
+
+#minitabs .tab > a {
+  background-color: #f6f6f6; }
+
+#minitabs .activetab > a,
+#minitabs .activetab > a:hover {
+  background-color: #F9F9F9;
+  color: #333333; }
+
+.responsive-tab .responsive-tab-link:before {
+  color: #3d9baf; }
+
+#navigation a {
+  color: #141414;
+  background: #f4f4f4;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.1); }
+
+#navigation a:hover {
+  background: #f6f6f6;
+  color: #d0613c; }
+
+#navigation #active-subsection a {
+  background: #25aac6;
+  color: #fff; }
+
+#navigation #active-subsection a:hover {
+  background-color: #d0613c; }
+
+#navigation > hr {
+  border-top-color: #f6f6f6; }
+
+.panel-container h2 {
+  color: #141414; }
+
+.panel-container .panel {
+  background: #eaeaea;
+  box-shadow: none;
+  border-width: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
+  .panel-container .panel > .inner > h3:first-child {
+    background-color: transparent;
+    color: #25aac6;
+    background-image: none; }
+    .panel-container .panel > .inner > h3:first-child a {
+      color: #25aac6; }
+      .panel-container .panel > .inner > h3:first-child a:hover {
+        color: #d0613c; }
+  .panel-container .panel:before, .panel-container .panel:after {
+    background: transparent; }
+
+#cp-main .pm {
+  background-color: #f4f4f4; }
+
+.cp-mini {
+  background-color: #f6f6f6; }
+
+.current {
+  color: #000 !important; }
+
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+  border-left-color: #BC2A4D;
+  border-right-color: #BC2A4D; }
+
+.pmlist li.pm_marked_colour, .pm_marked_colour {
+  border-color: #ff5100; }
+
+.pmlist li.pm_replied_colour, .pm_replied_colour {
+  border-color: #A9B8C2; }
+
+.pmlist li.pm_friend_colour, .pm_friend_colour {
+  border-color: #5D8FBD; }
+
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+  border-color: #000000; }
+
+#gallery label {
+  background: #f6f6f6;
+  border-color: #e7e7e7; }
+
+#gallery label:hover {
+  background-color: #f8f8f8; }
+
+select {
+  border-color: #c6c6c6;
+  background-color: #fff;
+  color: #141414; }
+
+label {
+  color: #141414; }
+
+option.disabled-option {
+  color: #868686; }
+
+dd label {
+  color: #141414; }
+
+fieldset.fields1 {
+  background-color: transparent; }
+
+fieldset dl:hover dt label {
+  color: #000; }
+
+fieldset.fields2 dl:hover dt label {
+  color: inherit; }
+
+#message-box textarea {
+  color: #141414; }
+
+#message-box textarea.drag-n-drop {
+  outline-color: rgba(157, 157, 157, 0.5); }
+
+#message-box textarea.drag-n-drop-highlight {
+  outline-color: rgba(134, 134, 134, 0.5); }
+
+.inputbox, select {
+  background-color: #fff;
+  border-color: #c6c6c6;
+  color: #141414; }
+
+.inputbox::-moz-placeholder {
+  color: #5b5b5b; }
+.inputbox::-webkit-input-placeholder {
+  color: #5b5b5b; }
+.inputbox:-ms-input-placeholder {
+  color: #5b5b5b; }
+
+.inputbox:hover, select:hover {
+  background-color: #fff;
+  border-color: #d0613c;
+  color: #141414; }
+
+.inputbox:focus, select:focus {
+  background-color: #fff;
+  border-color: #25aac6;
+  color: #141414; }
+
+.inputbox:hover::-moz-placeholder {
+  color: #141414; }
+.inputbox:hover::-webkit-input-placeholder {
+  color: #141414; }
+.inputbox:hover:-ms-input-placeholder {
+  color: #141414; }
+
+.inputbox:focus::-moz-placeholder {
+  color: transparent; }
+.inputbox:focus::-webkit-input-placeholder {
+  color: transparent; }
+.inputbox:focus:-ms-input-placeholder {
+  color: transparent; }
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+  color: #fff;
+  border-color: #3ab1cb;
+  background-color: #3ab1cb; }
+
+a.button1, input.button1 {
+  border-color: #25aac6;
+  background-color: #25aac6;
+  color: #fff; }
+
+input.button3 {
+  background-image: none; }
+
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+  border-color: #d0613c;
+  background-color: #d0613c;
+  color: #fff; }
+
+input.button1:focus, input.button2:focus, input.button3:focus {
+  border-color: #d0613c;
+  background-color: #d0613c;
+  color: #fff; }
+
+input.disabled {
+  color: #868686; }
+
+.phpbb_alert {
+  background-color: #e0e0e0;
+  border-color: #e7e7e7; }
+
+.phpbb_alert .alert_close:before {
+  color: #25aac6; }
+
+.phpbb_alert .alert_close:hover:before {
+  color: #d0613c; }
+
+.phpbb_alert .alert_close:after {
+  color: #e0e0e0; }
+
+.darken {
+  background-color: #000; }
+
+.loading_indicator {
+  background-color: #000;
+  background-image: url("./images/loading.gif"); }
+
+.dropdown-extended ul li {
+  border-top-color: #e7e7e7; }
+
+.dropdown-extended ul li:hover {
+  background-color: #f6f6f6;
+  color: #000; }
+
+.dropdown-extended .header, .dropdown-extended .footer {
+  border-color: #e7e7e7;
+  color: #000; }
+
+.dropdown-extended .footer {
+  border-top-style: solid;
+  border-top-width: 1px; }
+
+.dropdown-extended .header {
+  background: #25aac6;
+  color: #fff; }
+  .dropdown-extended .header a {
+    color: #fff; }
+    .dropdown-extended .header a:hover {
+      color: #fff; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+  color: #25aac6; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
+  color: #d0613c; }
+
+.dropdown .dropdown-contents {
+  background: #f4f4f4;
+  border-color: #25aac6;
+  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5); }
+
+.dropdown-up .dropdown-contents {
+  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5); }
+
+.dropdown li, .dropdown li li {
+  border-color: #dbdbdb; }
+
+.dropdown li.separator {
+  border-color: #dbdbdb; }
+
+.notification_list li.notification-reported strong, .notification_list li.notification-disapproved strong {
+  color: #d0613c; }
+.notification_list li.dropdown-notification {
+  background-color: #f4f4f4;
+  color: #25aac6; }
+  .notification_list li.dropdown-notification, .panel-container .notification_list li.dropdown-notification {
+    border-top-color: white;
+    border-bottom-color: #dbdbdb; }
+  .notification_list li.dropdown-notification strong {
+    color: #292929; }
+  .notification_list li.dropdown-notification a {
+    color: inherit; }
+  .notification_list li.dropdown-notification p.notification-time, .notification_list li.dropdown-notification p.notifications_time {
+    color: #7cb0bb; }
+  .notification_list li.dropdown-notification a.mark_read {
+    background-color: white; }
+    .notification_list li.dropdown-notification a.mark_read, .notification_list li.dropdown-notification a.mark_read:after {
+      color: #292929; }
+      .notification_list li.dropdown-notification a.mark_read:hover, .notification_list li.dropdown-notification a.mark_read:after:hover {
+        color: #25aac6; }
+.notification_list li.bg3 {
+  background-color: #ded3d0;
+  color: #d0613c; }
+  .notification_list li.bg3, .panel-container .notification_list li.bg3 {
+    border-top-color: #f3efee;
+    border-bottom-color: #c9b7b2; }
+  .notification_list li.bg3 strong {
+    color: #000; }
+  .notification_list li.bg3 a {
+    color: inherit; }
+  .notification_list li.bg3 p.notification-time, .notification_list li.bg3 p.notifications_time {
+    color: #bc8f80; }
+  .notification_list li.bg3 a.mark_read {
+    background-color: white; }
+    .notification_list li.bg3 a.mark_read, .notification_list li.bg3 a.mark_read:after {
+      color: #000; }
+      .notification_list li.bg3 a.mark_read:hover, .notification_list li.bg3 a.mark_read:after:hover {
+        color: #d0613c; }
+.notification_list li.dropdown-notification:hover {
+  background-color: #f6f6f6;
+  color: #25aac6; }
+  .notification_list li.dropdown-notification:hover, .panel-container .notification_list li.dropdown-notification:hover {
+    border-top-color: white;
+    border-bottom-color: #dddddd; }
+  .notification_list li.dropdown-notification:hover strong {
+    color: #292929; }
+  .notification_list li.dropdown-notification:hover a {
+    color: inherit; }
+  .notification_list li.dropdown-notification:hover p.notification-time, .notification_list li.dropdown-notification:hover p.notifications_time {
+    color: #7db1bb; }
+  .notification_list li.dropdown-notification:hover a.mark_read {
+    background-color: white; }
+    .notification_list li.dropdown-notification:hover a.mark_read, .notification_list li.dropdown-notification:hover a.mark_read:after {
+      color: #292929; }
+      .notification_list li.dropdown-notification:hover a.mark_read:hover, .notification_list li.dropdown-notification:hover a.mark_read:after:hover {
+        color: #25aac6; }
+
+.imageset.icon_post_target {
+  background-image: url("./images/icon_post_target.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .imageset.icon_post_target {
+      background-image: url("./images/icon_post_target_hd.png"); } }
+
+.imageset.icon_post_target_unread {
+  background-image: url("./images/icon_post_target_unread.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .imageset.icon_post_target_unread {
+      background-image: url("./images/icon_post_target_unread_hd.png"); } }
+
+.imageset.icon_topic_attach:after {
+  color: #868686; }
+
+.imageset.icon_topic_poll:after {
+  color: #70a3ad; }
+
+/* --------------------------------------------------------------
+	$Icons
+-------------------------------------------------------------- */
+/* Global module setup
+--------------------------------*/
+/* Renamed version of .fa class for agnostic usage of icon fonts.
+ * Just change the name of the font after the 14/1 to the name of
+ * the font you wish to use.
+ */
+.icon, .button .icon, blockquote cite:before, .uncited:before {
+  display: inline-block;
+  font-weight: normal;
+  font-style: normal;
+  font-variant: normal;
+  font-family: FontAwesome;
+  font-size: 14px;
+  line-height: 1;
+  text-rendering: auto;
+  /* optimizelegibility throws things off #1094 */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+.icon:before {
+  padding-right: 2px; }
+
+.button .icon:before {
+  padding-right: 0; }
+
+/* Icon size classes - Default size is 14px, use these for small variations */
+.icon.icon-xl {
+  font-size: 20px; }
+
+.icon.icon-lg {
+  font-size: 16px; }
+
+.icon.icon-md {
+  font-size: 10px; }
+
+.icon.icon-sm {
+  font-size: 8px; }
+
+/* icon modifiers */
+.icon-tiny {
+  width: 12px;
+  transform: scale(0.65, 0.75);
+  vertical-align: text-bottom;
+  font-size: 16px; }
+
+.arrow-left .icon {
+  float: left; }
+
+.arrow-left:hover .icon {
+  margin-left: -5px;
+  margin-right: 5px; }
+
+.arrow-right .icon {
+  float: right; }
+
+.arrow-right:hover .icon {
+  margin-left: 5px;
+  margin-right: -5px; }
+
+.post-buttons .dropdown-contents .icon {
+  float: right;
+  margin-left: 5px; }
+
+.alert_close .icon:before {
+  padding: 0;
+  border-radius: 50%;
+  width: 11px;
+  display: block;
+  line-height: .9;
+  height: 12px; }
+
+blockquote cite:before, .uncited:before {
+  content: '\f10d';
+  /* Font Awesome quote-left */ }
+
+.rtl blockquote cite:before, .rtl .uncited:before {
+  content: '\f10e';
+  /* Font Awesome quote-right */ }
+
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
+ */
+html {
+  font-family: sans-serif;
+  /* 1 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */ }
+
+/**
+ * Remove default margin.
+ */
+body {
+  margin: 0; }
+
+/* HTML5 display definitions
+	 ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block; }
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  /* 1 */
+  vertical-align: baseline;
+  /* 2 */ }
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+[hidden],
+template {
+  display: none; }
+
+/* Links
+	 ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+  background-color: transparent; }
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+a:active,
+a:hover {
+  outline: 0; }
+
+/* Text-level semantics
+	 ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+b,
+strong {
+  font-weight: bold; }
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+dfn {
+  font-style: italic; }
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0; }
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+mark {
+  background: #ff0;
+  color: #000; }
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+  font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -0.5em; }
+
+sub {
+  bottom: -0.25em; }
+
+/* Embedded content
+	 ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+  border: 0; }
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+  overflow: hidden; }
+
+/* Grouping content
+	 ========================================================================== */
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+figure {
+  margin: 1em 40px; }
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+  box-sizing: content-box;
+  height: 0; }
+
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+  overflow: auto; }
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+/* Forms
+	 ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+  margin: 0;
+  /* 3 */ }
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+  overflow: visible; }
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+  text-transform: none; }
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  /* 2 */
+  cursor: pointer;
+  /* 3 */ }
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+html input[disabled] {
+  cursor: default; }
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+  line-height: normal; }
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  box-sizing: content-box;
+  /* 2 */ }
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+  border: 0;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+  overflow: auto; }
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+  font-weight: bold; }
+
+/* Tables
+	 ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+td,
+th {
+  padding: 0; }
+
+/* --------------------------------------------------------------
+	$Utilities
+-------------------------------------------------------------- */
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto; }
+
+.clearfix:before,
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after {
+  content: " ";
+  display: table; }
+
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after {
+  clear: both; }
+
+.center-block {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.pull-right {
+  float: right !important; }
+
+.pull-left {
+  float: left !important; }
+
+.hide {
+  display: none !important; }
+
+.show {
+  display: block !important; }
+
+.invisible {
+  visibility: hidden; }
+
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0; }
+
+.hidden {
+  display: none; }
+
+.affix {
+  position: fixed; }
diff --git a/simplicity_aqua/theme/stylesheet.scss b/simplicity_aqua/theme/stylesheet.scss
new file mode 100644
index 0000000..d6de161
--- /dev/null
+++ b/simplicity_aqua/theme/stylesheet.scss
@@ -0,0 +1,35 @@
+//
+//	stylesheet.css replacement
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
+//	If you have any questions please visit support forum at:
+//		http://www.artodia.com/forums/
+//
+//	Set your custom configuration variables in _custom_config.scss
+//	Add your custom code to _custom.scss
+//	
+//	After editing any .scss file you must recompile stylesheet.
+//
+/*!
+	DO NOT EDIT stylesheet.css!
+
+	Edit .scss files instead. See http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+	If you have any questions, please ask on support forum at http://www.artodia.com/forums/
+*/
+@import "custom_config";
+@import "style_config";
+@import "common/common";
+@import "common/links";
+@import "common/content";
+@import "common/buttons";
+@import "common/cp";
+@import "common/forms";
+@import "common/imageset";
+@import "common/responsive";
+@import "colours";
+@import "custom";
+@import "common/icons";
+@import "common/normalize";
+@import "common/utilities";
diff --git a/simplicity_aqua/theme/tweaks.css b/simplicity_aqua/theme/tweaks.css
new file mode 100644
index 0000000..820faa4
--- /dev/null
+++ b/simplicity_aqua/theme/tweaks.css
@@ -0,0 +1,7 @@
+/* Style Sheet Tweaks
+
+These style definitions are IE 8 & 9 only.
+They are required due to the poor CSS support in IE browsers.
+------------------------------------------------------------------------------*/
+
+@import "../../simplicity/theme/tweaks.css";
\ No newline at end of file
diff --git a/simplicity_blue/license.txt b/simplicity_blue/license.txt
new file mode 100644
index 0000000..a5319f7
--- /dev/null
+++ b/simplicity_blue/license.txt
@@ -0,0 +1,33 @@
+IMPORTANT: This license does not apply to files in directory theme/fonts/
+
+Files in those directories have their own licenses, see license.txt in respective
+directories for details.
+
+-----------------------------------------------------------------------------
+
+Copyright (c) 2015, Vjacheslav Trushkin
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer. 
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+The views and conclusions contained in the software and documentation are those
+of the authors and should not be interpreted as representing official policies, 
+either expressed or implied, of the FreeBSD Project.
\ No newline at end of file
diff --git a/simplicity_blue/style.cfg b/simplicity_blue/style.cfg
new file mode 100644
index 0000000..7d6d3df
--- /dev/null
+++ b/simplicity_blue/style.cfg
@@ -0,0 +1,32 @@
+#
+# phpBB Style Configuration File
+#
+# This file is part of the phpBB Forum Software package.
+#
+# @copyright (c) phpBB Limited <https://www.phpbb.com>
+# @license GNU General Public License, version 2 (GPL-2.0)
+#
+# For full copyright and license information, please see
+# the docs/CREDITS.txt file.
+#
+# At the left is the name, please do not change this
+# At the right the value is entered
+#
+# Values get trimmed, if you want to add a space in front or at the end of
+# the value, then enclose the value with single or double quotes.
+# Single and double quotes do not need to be escaped.
+#
+#
+
+# General Information about this style
+name = Simplicity Blue
+copyright = Created by Arty (Vjacheslav Trushkin), http://www.artodia.com/, Modified by Gabriel Fischer
+style_version = 3.3.0
+phpbb_version = 3.3.0
+
+# Defining a different template bitfield
+# template_bitfield = lNg=
+
+# Parent style
+# Set value to empty or to this style's name if this style does not have a parent style
+parent = Simplicity
diff --git a/simplicity_blue/theme/_colours.scss b/simplicity_blue/theme/_colours.scss
new file mode 100644
index 0000000..3d04cba
--- /dev/null
+++ b/simplicity_blue/theme/_colours.scss
@@ -0,0 +1,1685 @@
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for common.css
+// --------------------------------------------------------------
+
+html, body {
+	color: $text-color;
+	background-image: url('./images/pattern.png');
+	@if $use-wrapper {
+		background-color: $page-background;
+		&.simple {
+			background-color: $content-background;
+		}
+	}
+	@else {
+		background-color: $content-background;
+	}
+}
+
+h1, p.sitename {
+	color: $header-text;
+}
+
+h2 {
+	color: $page-title-color;
+}
+
+h3 {
+	color: $stats-title-color;
+	.post & {
+		color: $block-title-color;
+	}
+	a {
+		color: inherit;
+		&:hover {
+			color: $link-hover-color;
+		}
+	}
+}
+
+hr {
+	border-color: $content-top-border;
+	border-top-color: $content-bottom-border;
+}
+
+/* Post body links */
+.postlink {
+	border-bottom-color: $link-color;
+	color: $link-color;
+}
+
+.postlink:visited {
+	border-bottom-color: $muted-color;
+	color: $muted-color;
+}
+
+.postlink:hover {
+	background-color: darken($block-background, 10%);
+	color: $link-hover-color;
+}
+
+.signature a, .signature a:hover {
+	background-color: transparent;
+}
+
+// Search box
+// ---------------------------------------------
+
+.search-box .inputbox,
+.search-box .inputbox:hover,
+.search-box .inputbox:focus,
+.search-box .button:hover {
+	border-color: $search-box-border;
+}
+
+.search-box .button {
+	&, &:hover {
+		background-color: $block-background !important;
+		border-color: $search-box-border !important;
+	}
+	&, &:before, &:after {
+		color: $primary-color;
+	}
+	&:hover, &:hover:before, &:hover:after {
+		color: $secondary-color !important;
+	}
+}
+
+.search-header {
+	box-shadow: $search-box-shadow;
+	.navbar.with-search & {
+		box-shadow: none;
+	}
+	.inputbox, .button {
+		background: $block-background !important;
+		border-color: $block-background !important;
+	}
+	.navbar.with-search & .button {
+		&, &:before, &:after {
+			color: $link-color;
+		}
+	}
+	.inputbox:hover, .inputbox:focus {
+		background-color: $block-background3 !important;
+		color: $bold-text-color !important;
+		border-color: $block-background !important;
+	}
+	.button:hover, .button:focus {
+		&, &:before, &:after {
+			background-color: $secondary-color !important;
+			color: #fff !important;
+			border-color: $secondary-color !important;
+		}
+	}
+}
+
+// Round cornered boxes and backgrounds
+// ----------------------------------------
+#wrap {
+	@if $use-wrapper {
+		background-color: $content-background;
+		background-image: url('./images/pattern.png');
+		border-color: $content-border-color;
+	}
+}
+
+.headerbar {
+	color: $header-text;
+}
+
+// Navigation
+.breadcrumbs .crumb:before {
+	color: $muted-color;
+}
+
+.navbar {
+	background-image: none;
+	&.secondary {
+		color: $link-color;
+		> ul > li:hover,
+		> ul > li.dropdown-visible {
+			&, &:after, &:before {
+				color: $secondary-nav-hover-link;
+			}
+		}
+		.dropdown {
+			color: $text-color;
+		}
+	}
+
+	.nav-tabs {
+		background-color: $primary-nav-bg;
+
+		.tab {
+			color: $primary-nav-color;
+			&.selected {
+				color: $primary-nav-selected-color;
+				background-color: $primary-nav-selected-bg;
+			}
+			&:hover,
+			&.dropdown-visible {
+				color: $primary-nav-hover-color;
+				background-color: $primary-nav-hover-bg;
+			}
+			& > strong {
+				color: $primary-nav-alert-color;
+				background-color: $primary-nav-alert-bg;
+				box-shadow: $primary-nav-alert-shadow;
+				.arrow {
+					border-top-color: $primary-nav-alert-bg;
+				}
+			}
+			.dropdown {
+				color: $text-color;
+			}
+		}
+	}
+
+	// Tabbed navigation
+	@if $tabbed-navigation {
+		&.tabbed.not-static {
+			.nav-tabs {
+				li.tab {
+					// Tabs layout
+					color: $link-color;
+					background-color: $block-background;
+
+					&.selected {
+						@include tabbed-nav-layout-all {
+							background-color: $primary-color;
+							color: $overlay-color;
+						}
+					}
+
+					&:hover {
+						@include tabbed-nav-layout-all {
+							background-color: $secondary-color;
+							color: $overlay-color;
+						}
+					}
+
+					&.dropdown-visible {
+						@include tabbed-nav-layout-all {
+							background-color: $primary-color;
+							color: $overlay-color;
+						}
+					}
+				}
+			}
+
+			// Second row
+			+ .navbar.secondary {
+				background: $primary-color;
+				color: $overlay-color;
+
+				> ul > li {
+					&, &:after, &:before {
+						color: $overlay-color;
+					}
+				}
+
+				> ul > li:hover,
+				> ul > li.dropdown-visible {
+					&, &:after, &:before {
+						color: $overlay-color;
+					}
+					background: none;
+					box-shadow: none;
+					filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+				}
+			}
+		}
+	}
+}
+
+.panel {
+	background-color: $block-background;
+	color: $text-color;
+}
+
+.post:target .content {
+	color: $bold-text-color;
+}
+
+.post:target h3 a {
+	color: $bold-text-color;
+}
+
+.bg1 {
+	background-color: $block-background;
+}
+
+table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
+	background-color: $block-background;
+}
+
+.bg2 {
+	background-color: $block-background2;
+}
+
+table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
+	background-color: $block-background2;
+}
+
+.bg3 { 
+	background-color: $block-background3;
+	&.panel {
+		background: transparent none;
+		background-color: rgba($content-background, .3);
+		border-top-color: $tab-selected-background;
+		&:before, &:after {
+			background: -webkit-linear-gradient(to bottom, $tab-selected-background 0%, rgba($tab-selected-background, 0) 100%);
+			background: linear-gradient(to bottom, $tab-selected-background 0%, rgba($tab-selected-background, 0) 100%);
+		}
+	}
+	.section-posting &.panel {
+		background-color: $block-background;
+		&:before, &:after {
+			background: transparent;
+		}
+	}
+}
+
+// Horizontal lists
+// ----------------------------------------
+
+ul.navlinks {
+	border-top-color: $block-inner-border;
+}
+
+// Forums list layout
+// ----------------------
+.forumtitle {
+	.forum_unread &,
+	.forum_unread_subforum &,
+	.forum_unread_locked & {
+		color: $link-hover-color;
+	}
+}
+
+.topictitle {
+	.global_unread &,
+	.global_unread_mine &,
+	.global_unread_locked &,
+	.global_unread_locked_mine &,
+	.announce_unread &,
+	.announce_unread_mine &,
+	.announce_unread_locked &,
+	.announce_unread_locked_mine &,
+	.sticky_unread &,
+	.sticky_unread_mine &,
+	.sticky_unread_locked &,
+	.sticky_unread_locked_mine &,
+	.topic_unread &,
+	.topic_unread_mine &,
+	.topic_unread_locked &,
+	.topic_unread_locked_mine &,
+	.topic_unread_hot &,
+	.topic_unread_hot_mine &
+	{
+		color: $link-hover-color;
+	}
+}
+
+.forum-statistics {
+	color: $muted-color;
+}
+
+.forum-lastpost {
+	color: $muted-color;
+	span:before {
+		opacity: .5;
+	}
+}
+
+.forum-description.toggle {
+	color: $forum-description-color;
+	background-color: fade-out($forum-description-bg, .2);
+	a {
+		color: inherit !important;
+	}
+	span.arrow {
+		border-right-color: fade-out($forum-description-bg, .2);
+	}
+	.rtl & span.arrow {
+		border-right-color: transparent;
+		border-left-color: fade-out($forum-description-bg, .2);
+	}
+}
+
+.forum-statistics {
+	.value {
+		color: $bold-text-color;
+	}
+}
+
+// Table styles
+// ----------------------------------------
+table.table1 thead th {
+	color: $heading-color;
+}
+
+table.table1 tbody tr {
+	border-color: $block-inner-border;
+}
+
+table.table1 tbody tr:hover, table.table1 tbody tr.hover {
+	background-color: $block-background3;
+	color: $bold-text-color;
+}
+
+table.table1 td {
+	color: $text-color;
+}
+
+table.table1 tbody td {
+	border-top-color: $block-inner-border;
+}
+
+table.table1 tbody th {
+	border-bottom-color: $block-bottom-border;
+	color: $bold-text-color;
+	background-color: $content-background;
+}
+
+table.info tbody th {
+	color: $bold-text-color;
+}
+
+// Misc layout styles
+// ----------------------------------------
+dl.details dt {
+	color: $bold-text-color;
+}
+
+dl.details dd {
+	color: $tab-color;
+}
+
+.sep {
+	color: $primary-color;
+}
+
+/* Icon styles
+---------------------------------------- */
+.icon.icon-blue, a:hover .icon.icon-blue {
+	color: #196db5;
+}
+
+.icon.icon-green, a:hover .icon.icon-green{
+	color: #1b9A1B;
+}
+
+.icon.icon-red, a:hover .icon.icon-red{
+	color: #BC2A4D;
+}
+
+.icon.icon-orange, a:hover .icon.icon-orange{
+	color: #FF6600;
+}
+
+.icon.icon-bluegray, a:hover .icon.icon-bluegray{
+	color: #536482;
+}
+
+.icon.icon-gray, a:hover .icon.icon-gray{
+	color: #777777;
+}
+
+.icon.icon-lightgray, a:hover .icon.icon-lightgray{
+	color: #999999;
+}
+
+.icon.icon-black, a:hover .icon.icon-black{
+	color: #333333;
+}
+
+.alert_close .icon:before {
+	background-color: #FFFFFF;
+}
+
+/* Jumpbox */
+.jumpbox .dropdown li {
+	border-top-color: $dropdown-heading-top;
+}
+
+.jumpbox-cat-link {
+	background-color: $dropdown-heading-top;
+	color: $dropdown-heading-color;
+}
+
+.jumpbox-cat-link:hover {
+	background-color: $secondary-color;
+	border-top-color: $secondary-color;
+	color: $dropdown-heading-link-hover-color;
+}
+
+.jumpbox-forum-link {
+	background-color: $dropdown-bg;
+}
+
+.jumpbox-forum-link:hover {
+	background-color: $content-background;
+}
+
+.jumpbox .dropdown .pointer-inner {
+	border-color: $dropdown-bg transparent;
+}
+
+.jumpbox-sub-link {
+	background-color: $dropdown-bg;
+}
+
+.jumpbox-sub-link:hover {
+	background-color: $content-background;
+}
+
+
+
+// Pagination
+// ----------------------------------------
+
+.pagination li a {
+	color: $link-color;
+	background-color: $block-background;
+	border-color: $block-inner-border;
+}
+
+.pagination li.ellipsis span {
+	background-color: transparent;
+	color: $bold-text-color;
+}
+
+.pagination li.active span {
+	color: $overlay-color;
+	background-color: $primary-color;
+	border-color: $primary-color;
+}
+
+.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
+	border-color: $link-hover-color;
+	background-color: $link-hover-color;
+	color: $overlay-color;
+}
+
+.pagination li.page-jump a:after {
+	color: $link-color;
+}
+
+.pagination li.page-jump a:hover:after {
+	color: $link-hover-color;
+}
+
+// Miscellaneous styles
+// ----------------------------------------
+
+.copyright {
+	color: $muted-color;
+}
+
+.error {
+	color: $secondary-color;
+}
+
+.reported {
+	background-color: $block-background-reported;
+	.postprofile, .signature {
+		border-color: darken($block-background-reported, 3%);
+	}
+}
+
+li.reported:hover {
+	background-color: $block-background-reported;
+}
+.sticky, .announce {
+	// you can add a background for stickies and announcements
+}
+
+div.rules {
+	background-color: mix($content-background, $rules-color, 85%);
+	color: $rules-color;
+}
+
+p.post-notice {
+	background-color: mix($block-background, $rules-color, 85%);
+	color: $rules-color;
+	background-image: none;
+}
+
+// Blank FontAwesome replacement
+%post-notice {
+	font-family: FontAwesome;
+}
+
+p.post-notice.deleted:before {
+	@extend %post-notice;
+	content: '\f057';	// fa-times-circle
+	color: $secondary-color;
+}
+
+p.post-notice.unapproved:before {
+	@extend %post-notice;
+	content: '\f059';	// fa-question-circle
+	color: $secondary-color;
+}
+
+p.post-notice.reported:before, p.post-notice.error:before {
+	@extend %post-notice;
+	content: '\f071';	// fa-warning
+	color: $secondary-color;
+}
+
+// Topic status
+.topic-status.sticky {
+	color: $muted-color;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for links.css
+// --------------------------------------------------------------
+
+a { color: $link-color; }
+a:hover	{ color: $link-hover-color; }
+
+a.time { 
+	color: $faint-color; 
+	&:hover {
+		color: $link-hover-color;
+	}
+}
+
+// Links on gradient backgrounds
+.forumbg .header a, .forabg .header a, th a {
+	color: $heading-link;
+}
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+	color: $heading-link-hover;
+}
+
+// Notification mark read link
+.dropdown-extended a.mark_read {
+	background-color: $dropdown-bg;
+}
+
+// Back to top of page
+a.top, a.top2 {
+	color: $muted-color;
+	&:hover {
+		color: $link-hover-color;
+	}
+}
+
+// Arrow links
+a.arrow-left:hover {
+}
+
+a.arrow-right:hover {
+}
+
+a.feed-icon-forum:after {
+	color: mix($muted-color, $block-background, 50%);
+}
+
+a.feed-icon-forum:hover:after {
+	color: $link-hover-color;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for content.css
+// --------------------------------------------------------------
+
+ul.forums {
+}
+
+ul.topiclist li {
+	color: $text-color;
+	@if $split-forums == false {
+		.forabg &, .forumbg & {
+			background: transparent;
+		}
+	}
+}
+
+ul.topiclist li.row dt a.subforum.read {
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-size: 11px 9px;
+	}
+}
+
+ul.topiclist li.row dt a.subforum.unread {
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-size: 11px 9px;
+	}
+}
+
+li.row {
+	border-top-color: $block-top-border;
+	border-bottom-color: $block-bottom-border;
+	.forum-lastpost strong,
+	.subforums-list strong {
+		color: $muted-color;
+	}
+}
+
+li.row strong {
+	color: $bold-text-color;
+}
+
+li.row:hover {
+}
+
+li.row:hover dd {
+}
+
+// Unread forum/topic
+.icon-link + .list-inner > a.forumtitle,
+.pm_unread .topictitle,
+a.subforum.unread {
+	color: $secondary-color;
+}
+
+// Post body styles
+// ----------------------------------------
+.postbody {
+	color: $post-text-color;
+}
+
+// Content container styles
+// ----------------------------------------
+.content {
+	color: $post-text-color;
+}
+
+.content h2, .panel h2 {
+	color: $panel-title-color;
+	border-bottom-color:  $panel-title-border;
+}
+
+dl.faq dt {
+	color: $post-text-color;
+}
+
+.posthilit {
+	background-color: $block-background-reported;
+	color: if($light, darken($secondary-color, 10%), lighten($secondary-color, 10%));
+}
+
+.announce, .unreadpost {
+	// Highlight the announcements & unread posts box
+}
+
+// Post signature
+.signature {
+	border-top-color: $block-inner-border;
+}
+
+// Post noticies
+.notice {
+	border-top-color:  $block-inner-border;
+}
+
+// BB Code styles
+// ----------------------------------------
+// Quote block
+blockquote {
+	background-color: $bbcode-background;
+	border-color: $bbcode-outer-border;
+	border-left-color: lighten($secondary-color, 15%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten($secondary-color, 15%);
+	}
+}
+
+blockquote blockquote,
+blockquote .codebox,
+blockquote .attachbox {
+	// Nested quotes
+	background-color: $bbcode-background2;
+	background-color: rgba(196, 196, 196, 0.1);
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+blockquote blockquote blockquote,
+blockquote blockquote .codebox,
+blockquote blockquote .attachbox {
+	// Nested quotes
+	background-color: $bbcode-background;
+	border-left-color: lighten($secondary-color, 15%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten($secondary-color, 15%);
+	}
+}
+
+blockquote:before {
+	color: $muted-color;
+}
+
+// Code block
+.codebox {
+	background-color: $bbcode-background;
+	border-color: $bbcode-outer-border;
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+.codebox p {
+	border-bottom-color:  $bbcode-inner-border;
+}
+
+.codebox code {
+	color: $bbcode-code-color;
+}
+
+// Attachments
+// ----------------------------------------
+.attachbox {
+	background-color: $bbcode-background;
+	border-color:  $bbcode-outer-border;
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+.attachbox dd {
+	border-top-color: $bbcode-inner-border;
+}
+
+.attachbox p {
+	color: $bbcode-heading-text;
+}
+
+.attachbox p.stats {
+	color: $bbcode-heading-text;
+}
+
+// Inline image thumbnails
+
+dl.file dd {
+	color: $bbcode-heading-text;
+}
+
+dl.thumbnail img {
+	border-color: $bbcode-inner-border;
+	background-color: $block-background;
+}
+
+dl.thumbnail dd {
+	color: $bbcode-heading-text;
+}
+
+// Post poll styles
+// ----------------------------------------
+
+fieldset.polls dl {
+	border-top-color: $block-top-border;
+	border-bottom-color: $block-bottom-border;
+	color: $text-color;
+}
+
+fieldset.polls dl.voted {
+	color: $bold-text-color;
+}
+
+fieldset.polls dd div {
+	color: $overlay-color;
+}
+
+%pollbar {
+	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
+}
+
+.pollbar1 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 30%);
+}
+
+.pollbar2 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 25%);
+}
+
+.pollbar3 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 20%);
+}
+
+.pollbar4 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 10%);
+}
+
+.pollbar5 {
+	@extend %pollbar;
+	background-color: $secondary-color;
+}
+
+// Poster profile block
+// ----------------------------------------
+.postprofile {
+	color: $text-color;
+	border-color: $block-inner-border;
+}
+
+.postprofile strong {
+	color: $bold-text-color;
+}
+
+.online-ribbon span {
+	background-color: $secondary-color;
+	color: #fff;
+}
+
+dd.profile-warnings {
+	color: #bc2a5e;
+}
+
+.no-avatar .avatar-container {
+	background-image: url("./images/no_avatar.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+		background-image: url("./images/no_avatar_hd.png");
+	}
+}
+
+.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+	background: rgba(0, 0, 0, .1);
+}
+
+.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+	background: rgba(0, 0, 0, .3);
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for buttons.css
+// --------------------------------------------------------------
+.button {
+	&, .buttons > &.locked-icon {
+		border-color: $button-border;
+		background-color: $button-bg;
+		color: $button-text;
+		box-shadow: none;
+	}
+
+
+	&:after, &:before {
+	}
+	.buttons > &.locked-icon {
+		color: $button-icon;
+		&:after, &:before {
+			color: $button-icon !important;
+		}
+		&:hover {
+			box-shadow: none;
+		}
+	}
+
+	& > strong {
+	}
+
+	.buttons > &, &.report-icon, &.delete-icon {
+		border-color: $primary-color;
+		background-color: $primary-color;
+		color: $overlay-color;
+
+		&:after, &:before {
+			color: mix($overlay-color, $primary-color, 85%) !important;
+		}
+
+		& > strong {
+		}
+	}
+	&.report-icon, &.delete-icon {
+		border-color: $secondary-color;
+		background-color: $secondary-color;
+
+		&:after, &:before {
+			color: mix($overlay-color, $secondary-color, 85%) !important;
+		}
+	}
+}
+
+.dropdown-select {
+	.buttons > & {
+		color: $muted-color;
+	}
+}
+
+.dropdown-select:after { 
+	border-color: mix($button-bg, $content-background, 60%);
+}
+.dropdown-select:hover	{ 
+	border-color: $button-border; 
+}
+
+.dropdown-select:hover:after, .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after	{ 
+	border-color: mix($secondary-color, $content-background, 90%);
+}
+
+.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select,
+.buttons > .button:hover,
+.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
+	border-color: $secondary-color !important;
+	background-color: $secondary-color;
+	color: $overlay-color;
+
+	&:after, &:before {
+		color: $overlay-color !important;
+	}
+}
+
+.contact-icons a		{ border-color: $block-inner-border; }
+
+// Small icons
+%icon-button {
+	color: $button-icon;
+	&:hover {
+		color: $button-icon-hover;
+	}
+}
+
+%icon-button-visible {
+	.dropdown-visible &,
+	.nojs .dropdown-container:hover & {
+		color: $button-icon-hover;
+	}
+}
+
+.jabber-icon:after {
+	color: #c90038;
+}
+
+.phpbb_icq-icon:after {
+	color: #60ff00;
+	text-shadow: 0 0 1px #000, 0 0 2px #000;
+}
+
+.phpbb_wlm-icon:after {
+	color: #77aad3;
+}
+
+.phpbb_aol-icon:after {
+	color: #ffb000;
+	text-shadow: 0 0 1px #000, 0 0 2px #000;
+}
+
+// Icon images
+// ----------------------------------------
+%icon-image {
+	&:after {
+		color: $link-color;
+	}
+	&:hover:after {
+		color: $link-hover-color;
+	}
+}
+
+%icon-search-new {
+	&:after {
+		color: $secondary-color;
+	}
+}
+
+%icon-search-misc {
+	&:after {
+		color: $faint-color;
+	}
+}
+
+.icon-home {
+	&.breadcrumbs:after {
+		color: $link-color;
+	}
+}
+
+.icon-notification, .icon-pm {
+	&.non-zero:after {
+		color: $secondary-color;
+	}
+}
+
+.icon-time {
+	&:after {
+		color: $faint-color;
+	}
+}
+
+/* Profile & navigation icons */
+.pm-icon							{ background-position: 0 0; }
+.email-icon							{ background-position: -21px 0; }
+.jabber-icon						{ background-position: -80px 0; }
+.phpbb_icq-icon						{ background-position: -61px 0 ; }
+.phpbb_wlm-icon						{ background-position: -182px 0; }
+.phpbb_aol-icon						{ background-position: -244px 0; }
+.phpbb_website-icon					{ background-position: -40px 0; }
+.phpbb_youtube-icon					{ background-position: -98px 0; }
+.phpbb_facebook-icon				{ background-position: -119px 0; }
+.phpbb_googleplus-icon				{ background-position: -140px 0; }
+.phpbb_skype-icon					{ background-position: -161px 0; }
+.phpbb_twitter-icon					{ background-position: -203px 0; }
+.phpbb_yahoo-icon					{ background-position: -224px 0; }
+
+// Forum icons & Topic icons
+.global_read													{ background-image: url("./images/announce_read.png"); }
+.global_read_mine												{ @extend .global_read; }
+.global_read_locked												{ background-image: url("./images/announce_read_locked.png"); }
+.global_read_locked_mine										{ @extend .global_read_locked; }
+.global_unread													{ background-image: url("./images/announce_unread.png"); }
+.global_unread_mine												{ @extend .global_unread; }
+.global_unread_locked											{ background-image: url("./images/announce_unread_locked.png"); }
+.global_unread_locked_mine										{ @extend .global_unread_locked; }
+
+.announce_read													{ @extend .global_read; }
+.announce_read_mine												{ @extend .global_read_mine; }
+.announce_read_locked											{ @extend .global_read_locked; }
+.announce_read_locked_mine										{ @extend .global_read_locked_mine; }
+.announce_unread												{ @extend .global_unread; }
+.announce_unread_mine											{ @extend .global_unread_mine; }
+.announce_unread_locked											{ @extend .global_unread_locked; }
+.announce_unread_locked_mine									{ @extend .global_unread_locked_mine; }
+
+.forum_link														{ background-image: url("./images/forum_link.png"); }
+.forum_read														{ background-image: url("./images/forum_read.png"); }
+.forum_read_locked												{ background-image: url("./images/forum_read_locked.png"); }
+.forum_read_subforum											{ background-image: url("./images/forum_read_subforum.png"); }
+.forum_unread													{ background-image: url("./images/forum_unread.png"); }
+.forum_unread_locked											{ background-image: url("./images/forum_unread_locked.png"); }
+.forum_unread_subforum											{ background-image: url("./images/forum_unread_subforum.png"); }
+
+.sticky_read													{ @extend .topic_read; }
+.sticky_read_mine												{ @extend .topic_read_mine; }
+.sticky_read_locked												{ @extend .topic_read_locked; }
+.sticky_read_locked_mine										{ @extend .topic_read_locked_mine; }
+.sticky_unread													{ @extend .topic_unread; }
+.sticky_unread_mine												{ @extend .topic_unread_mine; }
+.sticky_unread_locked											{ @extend .topic_unread_locked; }
+.sticky_unread_locked_mine										{ @extend .topic_unread_locked_mine; }
+
+.topic_moved													{ background-image: url("./images/topic_moved.png"); }
+.topic_read														{ background-image: url("./images/topic_read.png"); }
+.topic_read_mine												{ background-image: url("./images/topic_read_mine.png"); }
+.topic_read_hot													{ background-image: url("./images/topic_read_hot.png"); }
+.topic_read_hot_mine											{ background-image: url("./images/topic_read_hot_mine.png"); }
+.topic_read_locked												{ background-image: url("./images/topic_read_locked.png"); }
+.topic_read_locked_mine											{ background-image: url("./images/topic_read_locked_mine.png"); }
+.topic_unread,													{ background-image: url("./images/topic_unread.png"); }
+.topic_unread_mine												{ background-image: url("./images/topic_unread_mine.png"); }
+.topic_unread_hot												{ background-image: url("./images/topic_unread_hot.png"); }
+.topic_unread_hot_mine											{ background-image: url("./images/topic_unread_hot_mine.png"); }
+.topic_unread_locked											{ background-image: url("./images/topic_unread_locked.png"); }
+.topic_unread_locked_mine										{ background-image: url("./images/topic_unread_locked_mine.png"); }
+
+.pm_read														{ @extend .topic_read; }
+.pm_unread														{ @extend .topic_unread; }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)
+{
+	.global_read, .global_read_locked, .global_unread, .global_unread_locked,
+	.forum_link, .forum_read, .forum_read_locked, .forum_read_subforum, .forum_unread, .forum_unread_locked, .forum_unread_subforum,
+	.topic_moved, .topic_read, .topic_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .topic_read_locked_mine,
+	.topic_unread, .topic_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .topic_unread_locked_mine
+	{
+		background-size: 36px 36px;
+	}
+
+	.global_read												{ background-image: url("./images/announce_read_hd.png"); }
+	.global_read_locked											{ background-image: url("./images/announce_read_locked_hd.png"); }
+	.global_unread												{ background-image: url("./images/announce_unread_hd.png"); }
+	.global_unread_locked										{ background-image: url("./images/announce_unread_locked_hd.png"); }
+
+	.forum_link													{ background-image: url("./images/forum_link_hd.png"); }
+	.forum_read													{ background-image: url("./images/forum_read_hd.png"); }
+	.forum_read_locked											{ background-image: url("./images/forum_read_locked_hd.png"); }
+	.forum_read_subforum										{ background-image: url("./images/forum_read_subforum_hd.png"); }
+	.forum_unread												{ background-image: url("./images/forum_unread_hd.png"); }
+	.forum_unread_locked										{ background-image: url("./images/forum_unread_locked_hd.png"); }
+	.forum_unread_subforum										{ background-image: url("./images/forum_unread_subforum_hd.png"); }
+
+	.topic_moved												{ background-image: url("./images/topic_moved_hd.png"); }
+	.topic_read													{ background-image: url("./images/topic_read_hd.png"); }
+	.topic_read_mine											{ background-image: url("./images/topic_read_mine_hd.png"); }
+	.topic_read_hot												{ background-image: url("./images/topic_read_hot_hd.png"); }
+	.topic_read_hot_mine										{ background-image: url("./images/topic_read_hot_mine_hd.png"); }
+	.topic_read_locked											{ background-image: url("./images/topic_read_locked_hd.png"); }
+	.topic_read_locked_mine										{ background-image: url("./images/topic_read_locked_mine_hd.png"); }
+	.topic_unread												{ background-image: url("./images/topic_unread_hd.png"); }
+	.topic_unread_mine											{ background-image: url("./images/topic_unread_mine_hd.png"); }
+	.topic_unread_hot											{ background-image: url("./images/topic_unread_hot_hd.png"); }
+	.topic_unread_hot_mine										{ background-image: url("./images/topic_unread_hot_mine_hd.png"); }
+	.topic_unread_locked										{ background-image: url("./images/topic_unread_locked_hd.png"); }
+	.topic_unread_locked_mine									{ background-image: url("./images/topic_unread_locked_mine_hd.png"); }
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for cp.css
+// --------------------------------------------------------------
+
+// Main CP box
+// ----------------------------------------
+
+.panel-container h3, .panel-container hr, #cp-menu hr {
+}
+
+.panel-container .panel li.row {
+}
+
+ul.cplist {
+}
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+	color: $bold-text-color;
+}
+
+.panel-container table.table1 thead th {
+	color: $post-text-color;
+	border-bottom-color: $block-inner-border;
+}
+
+#cp-main .pm-message {
+	border-color: $block-border;
+	background-color: $block-background;
+}
+
+// CP tabbed menu
+// ----------------------------------------
+#tabs .tab > a {
+	background: $tab-background;
+	color: $tab-color;
+}
+
+#tabs .tab > a:hover {
+	background: $tab-hover-background;
+	color: $tab-hover-color;
+}
+
+#tabs .activetab > a,
+#tabs .activetab > a:hover {
+	background: $tab-selected-background;
+	box-shadow: 0 5px 5px -5px $tab-selected-background;
+	border-color: $tab-selected-background;
+	color: $tab-selected-color;
+}
+
+#tabs .activetab > a:hover {
+}
+
+// Mini tabbed menu used in MCP
+// ----------------------------------------
+#minitabs .tab > a {
+	background-color: $block-background2;
+}
+
+#minitabs .activetab > a,
+#minitabs .activetab > a:hover {
+	background-color: #F9F9F9;
+	color: #333333;
+}
+
+// Responsive tabs
+// ----------------------------------------
+.responsive-tab .responsive-tab-link:before {
+	color: $tab-color;
+}
+
+// UCP navigation menu
+// ----------------------------------------
+
+// Link styles for the sub-section links
+#navigation a {
+	color: $text-color;
+	background: $block-background;
+	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .1);
+}
+
+#navigation a:hover {
+	background: $block-background2;
+	color: $link-hover-color;
+}
+
+#navigation #active-subsection a {
+	background: $primary-color;
+	color: $overlay-color;
+}
+
+#navigation #active-subsection a:hover {
+	background-color: $secondary-color;
+}
+
+#navigation > hr {
+	border-top-color: $block-background2;
+}
+
+// Preferences pane layout
+// ----------------------------------------
+.panel-container h2 {
+	color: $post-text-color;
+}
+
+.panel-container .panel {
+	background: mix($content-background, $block-background3, 60%);
+	box-shadow: none;
+	border-width: 0;
+	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+	& > .inner > h3:first-child {
+		@include section-heading-cp;
+	}
+	&:before, &:after {
+		background: transparent;
+	}
+}
+
+#cp-main .pm {
+	background-color: $block-background;
+}
+
+// Friends list
+.cp-mini {
+	background-color: $block-background2;
+}
+
+dl.mini dt {
+}
+
+// PM Styles
+// ----------------------------------------
+// PM Message history
+.current {
+	color: $bold-text-color !important;
+}
+
+// PM marking colours
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: #bc2a5e;
+	border-right-color: #bc2a5e;
+}
+
+.pmlist li.pm_marked_colour, .pm_marked_colour {
+	border-color: #ff1100;
+}
+
+.pmlist li.pm_replied_colour, .pm_replied_colour {
+	border-color: #a9b7c2;
+}
+
+.pmlist li.pm_friend_colour, .pm_friend_colour {
+	border-color: #5D8FBD;
+}
+
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+	border-color: #000000;
+}
+
+// Avatar gallery
+#gallery label {
+	background: $block-background2;
+	border-color: $block-inner-border;
+}
+
+#gallery label:hover {
+	background-color: $block-background3;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for forms.css
+// --------------------------------------------------------------
+
+// General form styles
+// ----------------------------------------
+select {
+	border-color: $input-border;
+	background-color: $input-bg;
+	color: $input-text;
+}
+
+label {
+	color: $text-color;
+}
+
+option.disabled-option {
+	color: $muted-color;
+}
+
+// Definition list layout for forms
+// ----------------------------------------
+dd label {
+	color: $post-text-color;
+}
+
+fieldset.fields1 {
+	background-color: transparent;
+}
+
+// Hover effects
+fieldset dl:hover dt label {
+	color: $bold-text-color;
+}
+
+fieldset.fields2 dl:hover dt label {
+	color: inherit;
+}
+
+// Quick-login on index page
+fieldset.quick-login input.inputbox {
+}
+
+// Posting page styles
+// ----------------------------------------
+
+#message-box textarea {
+	color: $input-text;
+}
+
+#message-box textarea.drag-n-drop {
+	outline-color: rgba($faint-color, 0.5);
+}
+
+#message-box textarea.drag-n-drop-highlight {
+	outline-color: rgba($muted-color, 0.5);
+}
+
+// Input field styles
+// ----------------------------------------
+.inputbox, select {
+	background-color: $input-bg;
+	border-color: $input-border;
+	color: $input-text;
+}
+
+.inputbox {
+	@include placeholder {
+		color: mix($input-text, $input-bg, 70%);
+	}
+}
+
+.inputbox:hover, select:hover {
+	background-color: $input-hover-bg;
+	border-color: $input-hover-border;
+	color: $input-hover-text;
+}
+
+.inputbox:focus, select:focus {
+	background-color: $input-focus-bg;
+	border-color: $input-focus-border;
+	color: $input-focus-text;
+}
+
+.inputbox:hover {
+	@include placeholder {
+		color: $input-hover-text;
+	}
+}
+
+.inputbox:focus {
+	@include placeholder {
+		color: transparent;
+	}
+}
+
+
+// Form button styles
+// ----------------------------------------
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+	color: $button-text;
+	border-color: $button-border;
+	background-color: $button-bg;
+}
+
+a.button1, input.button1 {
+	border-color: $primary-color;
+	background-color: $primary-color;
+	color: $overlay-color;
+}
+
+input.button3 {
+	background-image: none;
+}
+
+// Hover states
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+	border-color: $secondary-color;
+	background-color: $secondary-color;
+	color: $overlay-color;
+}
+
+// Focus states
+input.button1:focus, input.button2:focus, input.button3:focus {
+	border-color: $secondary-color;
+	background-color: $secondary-color;
+	color: $overlay-color;
+}
+
+input.disabled {
+	color: $muted-color;
+}
+
+// jQuery popups
+// ----------------------------------------
+.phpbb_alert {
+	background-color: $content-background;
+	border-color: $block-inner-border;
+}
+.phpbb_alert .alert_close:before {
+	color: $link-color;
+}
+.phpbb_alert .alert_close:hover:before {
+	color: $link-hover-color;
+}
+.phpbb_alert .alert_close:after {
+	color: $content-background;
+}
+.darken {
+	background-color: #000;
+}
+
+.loading_indicator {
+	background-color: #000;
+	background-image: url("./images/loading.gif");
+}
+
+.dropdown-extended ul li {
+	border-top-color: $block-inner-border;
+}
+
+.dropdown-extended ul li:hover {
+	background-color: $block-background2;
+	color: $bold-text-color;
+}
+
+.dropdown-extended .header, .dropdown-extended .footer {
+	border-color: $block-inner-border;
+	color: $bold-text-color;
+}
+
+.dropdown-extended .footer {
+	border-top-style: solid;
+	border-top-width: 1px;
+}
+
+.dropdown-extended .header {
+	background: $dropdown-heading-top;
+	// background-image: -webkit-linear-gradient(top, $dropdown-heading-top 0, $dropdown-heading-bottom 100%);
+	// background-image: linear-gradient(to bottom, $dropdown-heading-top 0, $dropdown-heading-bottom 100%);
+	// filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($dropdown-heading-top)}', endColorstr='#{ie-hex-str($dropdown-heading-top)}');
+	color: $dropdown-heading-color;
+	a {
+		color: $dropdown-heading-link-color;
+		&:hover {
+			color: $dropdown-heading-link-hover-color;
+		}
+	}
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+	color: $link-color;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
+	color: $link-hover-color;
+}
+
+.dropdown .dropdown-contents {
+	background: $dropdown-bg;
+	border-color: $dropdown-border;
+	box-shadow: $dropdown-shadow;
+}
+
+.dropdown-up .dropdown-contents {
+	box-shadow: $dropdown-shadow-up;
+}
+
+.dropdown li, .dropdown li li {
+	border-color: $dropdown-inner-border;
+}
+
+.dropdown li.separator {
+	border-color: $dropdown-inner-border;
+}
+
+// Notifications
+// ----------------------------------------
+.notification_list li {
+	&.notification-reported strong, &.notification-disapproved strong {
+		color: $secondary-color;
+	}
+
+	&.dropdown-notification {
+		background-color: $dropdown-notification-bg;
+		color: $dropdown-notification-color;
+		&, .panel-container & {
+			border-top-color: lighten($dropdown-notification-bg, 10%);
+			border-bottom-color: darken($dropdown-notification-bg, 10%);
+		}
+		strong {
+			color: $dropdown-notification-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($dropdown-notification-bg, $dropdown-notification-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($dropdown-notification-bg) < 50%, darken($dropdown-notification-bg, 30%), lighten($dropdown-notification-bg, 30%)), 100%);
+			&, &:after {
+				color: $dropdown-notification-strong-color;
+				&:hover {
+					color: $dropdown-notification-color;
+				}
+			}
+		}
+	}
+
+	&.bg3 {
+		// Unread
+		background-color: $notification-unread-bg;
+		color: $notification-unread-color;
+		&, .panel-container & {
+			border-top-color: lighten($notification-unread-bg, 10%);
+			border-bottom-color: darken($notification-unread-bg, 10%);
+		}
+		strong {
+			color: $notification-unread-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($notification-unread-bg, $notification-unread-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($notification-unread-bg) < 50%, darken($notification-unread-bg, 30%), lighten($notification-unread-bg, 30%)), 100%);
+			&, &:after {
+				color: $notification-unread-strong-color;
+				&:hover {
+					color: $notification-unread-color;
+				}
+			}
+		}
+	}
+
+	&.dropdown-notification:hover {
+		background-color: $dropdown-notification-hover-bg;
+		color: $dropdown-notification-color;
+		&, .panel-container & {
+			border-top-color: lighten($dropdown-notification-hover-bg, 10%);
+			border-bottom-color: darken($dropdown-notification-hover-bg, 10%);
+		}
+		strong {
+			color: $dropdown-notification-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($dropdown-notification-hover-bg, $dropdown-notification-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($dropdown-notification-hover-bg) < 50%, darken($dropdown-notification-hover-bg, 30%), lighten($dropdown-notification-hover-bg, 30%)), 100%);
+			&, &:after {
+				color: $dropdown-notification-strong-color;
+				&:hover {
+					color: $dropdown-notification-color;
+				}
+			}
+		}
+	}
+}
+
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for imageset.css
+// --------------------------------------------------------------
+// .imageset.icon_post_target_unread {
+// 	&:after {
+// 		color: #d31157;
+// 	}
+// }
+
+.imageset.icon_post_target {
+	background-image: url("./images/icon_post_target.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-image: url("./images/icon_post_target_hd.png");
+	}
+}
+.imageset.icon_post_target_unread {
+	background-image: url("./images/icon_post_target_unread.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-image: url("./images/icon_post_target_unread_hd.png");
+	}
+}
+
+.imageset.icon_topic_attach {
+	&:after {
+		color: $muted-color;
+	}
+}
+
+%imageset-secondary-color {
+	&:after {
+		color: $secondary-color;
+	}
+}
+
+.imageset.icon_topic_poll {
+	&:after {
+		color: desaturate(mix($primary-color, $block-background, 80%), 30%);
+	}
+}
diff --git a/simplicity_blue/theme/_custom.scss b/simplicity_blue/theme/_custom.scss
new file mode 100644
index 0000000..adc0a77
--- /dev/null
+++ b/simplicity_blue/theme/_custom.scss
@@ -0,0 +1,6 @@
+//
+//	Add your custom code to this file
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
diff --git a/simplicity_blue/theme/_custom_config.scss b/simplicity_blue/theme/_custom_config.scss
new file mode 100644
index 0000000..750dc54
--- /dev/null
+++ b/simplicity_blue/theme/_custom_config.scss
@@ -0,0 +1,13 @@
+//
+//	Add your custom configuration variables to this file.
+//	See _style_config.scss for list of variables
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
+
+
+// Examples: (commented to prevent it from working)
+// 
+// $show-logo: true;
+// $use-wrapper: false;
diff --git a/simplicity_blue/theme/_style_config.scss b/simplicity_blue/theme/_style_config.scss
new file mode 100644
index 0000000..0123794
--- /dev/null
+++ b/simplicity_blue/theme/_style_config.scss
@@ -0,0 +1,414 @@
+//
+// Do not edit configuration values in this file.
+//
+// Instead add your own configuration to _custom_config.scss
+// Copy line from this file, paste it to _custom_config.scss and change value.
+//
+
+// Configuration file
+$show-logo:								true !default;	// true or false
+$center-logo:							true !default;	// true or false
+$logo-block-padding:					10px 0 !default;
+$responsive-hide-logo:					false !default;	// Hide logo on mobile devices. true or false
+
+$show-forum-title:						false !default;	// true or false
+
+$profile-width:							150px !default;
+$profile-side:							left !default;	// left or right
+$post-margin:							($profile-width + 10px) !default;
+
+$use-wrapper:							false !default;	// true or false
+$max-width:								none !default;	// Maximum width. Set to "none" to make layout fluid
+
+$split-forums:							true !default;	// Changes layout of forums list. Values are true or false
+
+$tabbed-navigation:						false !default;	// true or false. Toggles tabbed navigation layout
+
+//
+// Fonts
+//
+
+$font-size:								11px !default;	// Base font size
+$font-family:							Verdana, Helvetica, Arial, sans-serif !default;	// Default font
+$line-height:							1.4 !default;	// Line height
+
+$h1-font-size:							$font-size + 10px !default;
+$h1-font-family:						"Trebuchet MS", Arial, Helvetica, sans-serif !default;
+
+$h2-font-size:							$font-size + 8px !default;
+$h2-font-family:						"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$paragraph-line-height:					1.3 !default;
+
+$nav-primary-font-size:					$font-size + 1px !default;
+$nav-secondary-font-size:				$font-size + 1px !default;
+
+$heading-font-size:						$font-size + 4px !default;
+$panel-heading-font-size:				$font-size + 4px !default;
+
+$list-heading-font-size:				$font-size + 1px !default;
+$list-heading-line-height:				$font-size + 7px !default;
+$list-heading-font-family:				"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$forum-heading-font-size:				$list-heading-font-size + 2px !default;
+$forum-heading-font-family:				$list-heading-font-family !default;
+$forum-heading-font-weight:				500 !default;
+
+$button-font-size:						$font-size + 3px !default;
+$button-line-height:					floor(($font-size + 8px) / 2) * 2 !default;	// Convert to even number
+$button-glyph-font-size:				floor($font-size / 2) * 2 !default;	// Convert to even number
+
+$dropdown-header-font-size:				$font-size + 2px !default;
+$dropdown-header-font-family:			Arial, "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$dropdown-header-line-height:			30px !default;
+
+$forum-link-font-size:					$font-size + 5px !default;
+$forum-link-line-height:				1.2 !default;
+$forum-link-font-family:				"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$forum-list-column-font-size:			$font-size + 1px !default;
+$forum-list-last-column-font-size:		$font-size !default;
+$forum-list-description-font-size:		$font-size + 2px !default;
+
+$topic-link-font-size:					$font-size + 4px !default;
+$topic-link-font-family:				$forum-link-font-family !default;
+
+$tab-font-size:							$font-size !default;
+$tab-line-height:						$tab-font-size * 2 + 4px !default;
+
+// Posts
+$post-content-font-size:				$font-size + 2px !default;	// Post content
+$post-content-line-height:				1.4 !default;
+$post-content-font-family:				"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif !default;
+
+$post-title-font-size:					$font-size + 5px !default;
+$post-title-line-height:				1.25 !default;
+$post-title-font-family:				$h2-font-family !default;
+
+$post-signature-font-size:				$font-size + 1px !default;
+$post-quote-font-size:					$post-content-font-size - 1px !default;
+$post-code-font-size:					$post-content-font-size - 1px !default;
+
+$post-block-title-font-size:			$post-quote-font-size !default;	// Quote title, code title
+$post-block-title-line-height:			1.6 !default;
+$post-block-title-font-family:			$post-content-font-family !default;
+
+$post-profile-font-size:				$font-size !default;
+$post-profile-line-height:				$line-height !default;
+
+// Forms
+$input-button-font-size:				$font-size + 2px !default;
+$input-button-font-family:				"Lucida Grande", Verdana, Helvetica, Arial, sans-serif !default;
+$bbcode-button-font-size:				$font-size + 1px !default;
+
+//
+// Color palette
+//
+
+// Absolute black and white colors. Reverse them for dark styles
+$black-color:							#000 !default;		// Main color to mix with. Black for light styles, white for dark styles
+$white-color:							#fff !default;		// Opposite of $black-color
+
+// Page colors
+$page-background:						#e8e8e8 !default;	// HTML element
+$content-background:					#e0e0e0 !default;	// Page inside content wrapper
+$content-border-color:					#e0e0e0 !default;	// Border color for content wrapper
+
+// Primary colors
+$primary-color:							#1f5fa6 !default;	// Main color, used for links and stuff
+$secondary-color:						#d03c3c !default;	// Secondary color, usually in red - yellow range
+$overlay-color:							$white-color !default;	// Text on top of sections that use colorful background.
+$block-background:						#f4f4f4 !default;	// Background of blocks
+$block-background-reported:				#f5e9e9 !default;	// Background for reported posts
+
+// Global color values
+$text-color:							#141414 !default;	// Text color
+$bold-text-color:						$black-color !default;	// Text color with higher contrast to background. #000 or #fff
+$post-text-color:						$text-color !default;	// Text inside posts
+$link-color:							$primary-color !default;	// Links
+$link-hover-color:						$secondary-color !default;	// Links, hover state
+$muted-color:							mix($black-color, $content-background, 40%) !default;	// Gray color
+$faint-color:							mix($black-color, $content-background, 30%) !default;	// Gray color
+$rules-color:							$secondary-color !default;	// Forum rules
+
+//
+// Calculated colors
+//
+
+// Misc. DO NOT EDIT!
+$light:									if(lightness($black-color) < 50%, true, false) !default;
+
+// Blocks
+$block-background2:						#f6f6f6 !default;	// Blocks with .bg2 background color
+$block-background3:						#f8f8f8 !default;	// Blocks with .bg3 background color - mostly UCP/MCP and posting form
+
+$block-border:							#e0e0e0 !default;	// Border color for blocks
+$border-radius:							3px !default;		// Main border radius
+$block-top-border:						lighten($block-background, 10%) !default;	// Top border of forums in forums list
+$block-bottom-border:					darken($block-background, 5%) !default;		// Bottom border of forums in forums list
+$block-inner-border:					$block-bottom-border !default;	// Border inside blocks where there is only 1 border instead of top/bottom borders
+
+$block-title-color:						desaturate($link-color, 5%) !default;	// Title inside blocks, such as post title
+
+// Tabs
+$tab-color:								desaturate($link-color, 20%) !default;
+$tab-background:						$block-background !default;
+
+$tab-hover-color:						$link-hover-color !default;
+$tab-hover-background:					$block-background3 !default;
+
+$tab-selected-color:					mix($text-color, $block-background3, 90%) !default;
+$tab-selected-background:				$block-background3 !default;
+
+// Header
+$header-bg:								$content-background !default;
+$header-text:							$text-color !default;
+$header-link:							$overlay-color !default;
+$header-link-hover:						mix($header-link, $header-bg, 80%) !default;
+
+// Primary navigation
+$primary-nav-bg:						$primary-color !default;
+$primary-nav-color:						$overlay-color !default;
+
+$primary-nav-selected-bg:				$block-background !default;
+$primary-nav-selected-color:			$primary-color !default;
+
+$primary-nav-hover-bg:					$block-background !default;
+$primary-nav-hover-color:				$secondary-color !default;
+
+$primary-nav-alert-bg:					hsl(0, saturation($secondary-color), lightness($secondary-color)) !default;
+$primary-nav-alert-color:				$overlay-color !default;
+$primary-nav-alert-shadow:				1px 1px 3px rgba(0, 0, 0, .2) !default;
+
+// Secondary navigation
+$secondary-nav-hover-link:				$link-hover-color !default;
+
+// Dropdown
+$dropdown-bg:							$block-background !default;
+$dropdown-border:						$primary-color !default;
+$dropdown-shadow:						1px 3px 5px rgba(0, 0, 0, 0.5) !default;
+$dropdown-shadow-up:					1px 0 5px rgba(0, 0, 0, 0.5) !default;
+$dropdown-inner-border:					if($light, darken($dropdown-bg, 10%), lighten($dropdown-bg, 10%)) !default;
+
+$dropdown-heading-top:					$dropdown-border !default;
+$dropdown-heading-bottom:				$dropdown-heading-top !default;
+$dropdown-heading-color:				$overlay-color !default;
+$dropdown-heading-link-color:			$overlay-color !default;
+$dropdown-heading-link-hover-color:		$overlay-color !default;
+
+$forum-description-color:				$overlay-color !default;
+$forum-description-bg:					mix($black-color, $block-background, 75%) !default;
+
+// Notifications
+$notification-unread-bg:				mix($content-background, $rules-color, 90%) !default;
+$notification-unread-color:				$rules-color !default;
+$notification-unread-strong-color:		$black-color !default;
+
+$dropdown-notification-bg:				$block-background !default;
+$dropdown-notification-hover-bg:		$block-background2 !default;
+$dropdown-notification-color:			$link-color !default;
+$dropdown-notification-strong-color:	desaturate(if(lightness($dropdown-notification-color) < 50%, darken($dropdown-notification-color, 30%), lighten($dropdown-notification-color, 30%)), 100%) !default;
+
+// Panels
+$panel-title-color:						desaturate(if($light, darken($primary-color, 10%), lighten($primary-color, 10%)), 25%) !default;
+$panel-title-border:					$block-inner-border !default;
+
+// Content outside of blocks
+$page-title-color:						$primary-color !default;
+$stats-title-color:						$primary-color !default;
+$content-top-border:					lighten($content-background, 10%) !default;
+$content-bottom-border:					darken($content-background, 10%) !default;
+$content-inner-border:					$content-bottom-border !default;
+
+// Heading section
+$heading-bg:							$primary-color !default;
+$heading-border:						$heading-bg !default;
+$heading-color:							$overlay-color !default;
+$heading-link:							$overlay-color !default;
+$heading-link-hover:					$overlay-color !default;
+
+// Inputs
+$input-text:							$text-color !default;	// Input text color
+$input-bg:								$white-color !default;	// Input background
+$input-border:							#c6c6c6 !default;	// Input border color
+$input-hover-text:						$input-text !default;
+$input-hover-bg:						$input-bg !default;
+$input-hover-border:					$secondary-color !default;
+$input-focus-text:						$input-text !default;
+$input-focus-bg:						$input-bg !default;
+$input-focus-border:					$primary-color !default;
+$input-border-radius:					2px !default;
+
+$search-box-border:						#c6c6c6 !default;	// Border for search box block
+$search-box-border-header:				#ccc !default;		// Same as above, for search box in header
+$search-box-shadow:						1px 1px 3px rgba(0, 0, 0, .1) !default;	// Box-shadow for search box in header
+
+// Buttons
+$button-bg:								mix($block-background, $primary-color, 10%) !default;
+$button-border-radius:					3px !default;
+$button-border:							$button-bg !default;
+$button-icon:							$overlay-color !default;
+$button-icon-hover:						$overlay-color !default;
+$button-text:							$overlay-color !default;
+
+$button-top-padding:					2px !default;
+$button-side-padding:					8px !default;
+$button-border-width:					1px !default;
+$button-height:							$button-line-height + ($button-top-padding + $button-border-width) * 2 !default;
+
+$big-button-border-radius:				4px !default;	// For big buttons and blocks like quick search
+
+// BBCode
+$bbcode-border-radius:					0px !default;
+$bbcode-background:						#fff !default;
+$bbcode-background2:					#f4f4f4 !default;
+$bbcode-outer-border:					if($light, darken($bbcode-background, 7%), lighten($bbcode-background, 7%)) !default;
+$bbcode-inner-border:					if($light, darken($bbcode-background, 5%), lighten($bbcode-background, 5%)) !default;
+$bbcode-heading-text:					#666 !default;
+
+// Code colors
+@function code-color($hue) {
+	@return hsl($hue, saturation($primary-color), lightness($primary-color));
+}
+$bbcode-code-color:						code-color(128deg) !default;
+
+// Do not edit few lines below
+$post-side:								if($profile-side == left, right, left) !default;
+
+// Mixins
+@mixin section {
+	background: $block-background;
+	border: 0 solid $block-border;
+	border-radius: $border-radius;
+	padding: 5px 10px;
+}
+
+@mixin section-forum {
+	@include section;
+	padding: 5px;
+}
+
+// Undo section mixin
+@mixin section-empty {
+	background: transparent;
+	border-width: 0;
+	border-radius: 0;
+	box-shadow: none;
+	padding: 0;
+}
+
+// Heading block
+@mixin section-heading {
+	margin: -5px -10px 5px;
+	border-radius: max(0, $border-radius - 1px);
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+	background: $heading-bg;
+	border: 0 solid $heading-border;
+	padding: 5px;
+	text-transform: none;
+	font-size: $heading-font-size;
+	line-height: $line-height;
+	font-weight: normal;
+	color: $heading-color;
+
+	@if $border-radius > 1px {
+		@media (max-width: 700px) {
+			border-radius: 0;
+		}
+	}
+
+	a {
+		color: $heading-link;
+		&:hover {
+			color: $heading-link-hover;
+		}
+	}
+}
+
+@mixin section-heading-forum {
+	@include section-heading;
+	@if $split-forums == false {
+		margin: -5px -5px 0;
+	}
+	@else {
+		@include section-heading-separate;
+		margin: 0;
+	}
+}
+
+@mixin section-heading-separate {
+	border-radius: $border-radius;
+}
+
+@mixin section-heading-cp {
+	background-color: transparent;
+	color: $stats-title-color;
+	background-image: none;
+	a {
+		color: $link-color;
+		&:hover {
+			color: $link-hover-color;
+		}
+	}
+}
+
+@mixin table-heading {
+	background: $heading-bg;
+	border: 0 solid $heading-border;
+	color: $heading-color;
+
+	@if $border-radius > 1px {
+		&:first-child {
+			border-top-left-radius: max(0, $border-radius - 1px);
+		}
+		&:last-child {
+			border-top-right-radius: max(0, $border-radius - 1px);
+		}
+	}
+}
+
+@mixin table-heading-transparent {
+	background: transparent;
+	color: inherit;
+}
+
+@mixin placeholder {
+	&::-moz-placeholder {
+		@content 
+	}
+	&::-webkit-input-placeholder {
+		@content
+	}
+	&:-ms-input-placeholder {
+		@content
+	}
+}
+
+@mixin tabbed-nav-layout-all {
+	@if ($use-wrapper) {
+		&, #wrap & {
+			@content;
+		}
+	}
+	@else {
+		@content;
+	}
+}
+
+@mixin tabbed-nav-layout-alt {
+	@if ($use-wrapper) {
+		@content;
+	}
+}
+
+@mixin tabbed-nav-layout-default {
+	@if ($use-wrapper) {
+		#wrap & {
+			@content;
+		}
+	}
+	@else {
+		@content;
+	}
+}
diff --git a/simplicity_blue/theme/bidi.css b/simplicity_blue/theme/bidi.css
new file mode 100644
index 0000000..f6c92ae
--- /dev/null
+++ b/simplicity_blue/theme/bidi.css
@@ -0,0 +1,4 @@
+/* RTL definitions
+---------------------------------------- */
+
+@import "../../simplicity/theme/bidi.css";
\ No newline at end of file
diff --git a/simplicity_blue/theme/common/_buttons.scss b/simplicity_blue/theme/common/_buttons.scss
new file mode 100644
index 0000000..eed1254
--- /dev/null
+++ b/simplicity_blue/theme/common/_buttons.scss
@@ -0,0 +1,304 @@
+// Button Styles
+// ----------------------------------------
+
+$button-inner-height:	$button-line-height + $button-top-padding * 2;
+$button-outer-height:	$button-inner-height + $button-border-width * 2;
+
+.button {
+	display: inline-block;
+	padding: $button-top-padding $button-side-padding;
+	font-size: $button-font-size;
+	font-weight: 600;
+	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;		
+	line-height: $button-line-height;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	-ms-touch-action: manipulation;
+	    touch-action: manipulation;
+	cursor: pointer;
+	-webkit-user-select: none;
+	   -moz-user-select: none;
+	    -ms-user-select: none;
+	        user-select: none;
+	border: $button-border-width solid transparent;
+	border-radius: $big-button-border-radius;
+
+	& > strong {
+		font-weight: 600;
+	}
+}
+
+.button:focus,
+.button:hover {
+ 	text-decoration: none;
+ 	outline: none;
+}
+
+.caret {
+	border-left: 1px solid;
+	position: relative;
+	right: -6px;
+}
+
+.caret i {
+	vertical-align: top;
+}
+
+/* Posting page styles
+----------------------------------------*/
+.button-search,
+.button-search-end  {
+	float: left;
+	border-radius: 0;
+	margin: 0;
+	padding: 2px 5px;
+}
+
+.button-search-end {
+	border-left-width: 0;
+	border-radius: 0 4px 4px 0;
+}
+
+.search-header .button-search,
+.search-header .button-search-end {
+	border-top-width: 0;
+	border-bottom-width: 0;
+	padding: 3px 5px;
+}
+
+.search-header .button-search-end {
+	border-right-width: 0;
+}
+
+.button-icon-only {
+	padding-left: 3px;
+	padding-right: 3px;
+}
+
+// Poster contact icons
+// ----------------------------------------
+.contact-icons.dropdown-contents {
+	min-width: 0;
+	padding: 0;
+	font-size: 0;
+}
+
+.contact-icon {
+	position: relative;
+	display: block;
+	height: 16px;
+	width: 16px;
+	&:after {
+		content: '';
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		text-align: center;
+		font-family: FontAwesome;
+		font-size: 14px;
+		line-height: 16px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+}
+.contact-icons a {
+	border-bottom: 1px dotted;
+	border-right: 1px dotted;
+	display: block;
+	float: left;
+	padding: 8px;
+}
+
+%contact-icon-gi {
+	font-family: 'Glyphicons Regular', 'Glyphicons';
+}
+
+.contact-icons .last-cell {
+	border-right: none;
+}
+
+.contact-icons div:last-child a {
+	border-bottom: none;
+}
+
+.contact-icons div {
+	clear: left;
+}
+
+// Profile icons
+.pm-icon:after {
+	content: '\f086';	// fa-comments
+}
+.email-icon:after {
+	content: '\f0e0';	// fa-envelope
+}
+.jabber-icon:after {
+	content: '\f0eb';	// fa-lightbulb-o
+	font-size: 16px;
+}
+.phpbb_icq-icon:after {
+	content: '\f013';	// fa-cog
+}
+.phpbb_wlm-icon:after {
+	content: '\f007';	// fa-user
+}
+.phpbb_aol-icon:after {
+	content: '\f2bb';	// fa-address-card
+}
+.phpbb_website-icon:after {
+	content: '\f08e';	// fa-external-link
+}
+.phpbb_youtube-icon:after {
+	content: '\f16a';	// fa-youtube-play
+}
+.phpbb_facebook-icon:after {
+	content: '\f230';	// fa-facebook-official
+}
+.phpbb_googleplus-icon:after {
+	content: '\f0d5';	// fa-google-plus
+}
+.phpbb_skype-icon:after {
+	content: '\f17e';	// fa-skype
+}
+.phpbb_twitter-icon:after {
+	content: '\f099';	// fa-twitter
+}
+.phpbb_yahoo-icon:after {
+	content: '\f19e';	// fa-yahoo
+}
+
+
+// Post control buttons
+// ---------------------------------------------
+.post-buttons {
+	float: right;
+	list-style: none;
+	margin-top: 2px;
+	.rtl & {
+		float: left;
+	}
+}
+
+.has-profile .post-buttons {
+	float: none;
+	position: absolute;
+	margin: 0;
+	top: 5px;
+
+	@if $profile-side == left {
+		right: 0;
+		.rtl & {
+			left: 0;
+		}
+	}
+	@else {
+		right: $post-margin;
+		.rtl & {
+			left: $post-margin;
+		}
+	}
+
+	.rtl & {
+		right: auto;
+	}
+}
+
+.post-buttons > li {
+	float: left;
+	margin-right: 3px;
+}
+
+.post-buttons .button, .format-buttons .button {
+	padding-left: 3px;
+	padding-right: 3px;
+}
+
+
+.hastouch .post-buttons {
+	margin-right: 10px;
+}
+
+.post-buttons .button span {
+	font-size: 0;
+}
+
+// Responsive buttons in post body
+.post-buttons .dropdown {
+	top: 20px;
+}
+
+$post-dropdown-glyphs-font-size:	floor($dropdown-content-font-size / 2) * 2;
+
+.post-buttons .dropdown a {
+	display: block;
+	font-size: $dropdown-content-font-size;
+	line-height: $dropdown-content-line-height;
+	text-align: left;
+	margin-left: 18px;
+	position: relative;
+	&:before {
+		position: absolute;
+		left: -16px;
+		top: 50%;
+		height: $post-dropdown-glyphs-font-size;
+		line-height: $post-dropdown-glyphs-font-size + 2px;
+		margin: -#{$post-dropdown-glyphs-font-size / 2} 0 0;
+		pointer-events: none;
+		color: inherit;
+	}
+	.rtl & {
+		text-align: right;
+	}
+}
+
+.hasjs .postbody .post-buttons {
+	max-width: 40%;
+}
+
+// Browser-specific tweaks
+button::-moz-focus-inner {
+	padding: 0;
+	border: 0
+}
+
+
+/* Deprecated as of version 3.2
+-------------------------------------------------*/
+.small-icon {
+	background-position: 0 50%;
+	background-repeat: no-repeat;
+	background-image: none;
+}
+
+.dropdown .small-icon {
+	background-position: 5px 50%;
+	padding: 5px;
+}
+
+.small-icon > a {
+	padding: 0 0 0 18px;
+}
+
+ul.linklist.bulletin > li.small-icon:before {
+	display: none;
+}
+
+.dropdown .small-icon > a {
+	display: block;
+}
+
+.rtl .small-icon {
+	background-position: 100% 50%;
+}
+
+.rtl .small-icon > a {
+	padding-left: 0;
+	padding-right: 19px;
+}
diff --git a/simplicity_blue/theme/common/_common.scss b/simplicity_blue/theme/common/_common.scss
new file mode 100644
index 0000000..7503c91
--- /dev/null
+++ b/simplicity_blue/theme/common/_common.scss
@@ -0,0 +1,2336 @@
+// CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
+// ----------------------------------------
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+// HTML5 display-role reset for older browsers
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+abbr {
+	text-decoration: none;
+}
+
+// Useful stuff
+%clearfix {
+	&:after, &:before {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+}
+
+// General Markup Styles
+// ----------------------------------------
+html {
+	font-size: 100%;
+	height: 100%;
+}
+
+body {
+	font-family: $font-family;
+	font-size: $font-size;
+	line-height: $line-height;
+	margin: 0;
+	padding: 0 0 12px;
+	word-wrap: break-word;
+	min-height: 100%;
+	box-sizing: border-box;
+	-webkit-print-color-adjust: exact;
+}
+
+$h1-font-size:		$font-size + 10px !default;
+$h1-line-height:	inherit !default;
+
+h1, p.sitename {
+	// Forum name
+	font-family: $h1-font-family;
+	margin-right: 200px;
+	margin-top: 15px;
+	margin-bottom: 0;
+	font-weight: bold;
+	font-size: $h1-font-size;
+	line-height: $h1-line-height;
+}
+
+h2 {
+	// Forum header titles
+	font-family: $h2-font-family;
+	font-weight: normal;
+	font-size: $h2-font-size;
+	margin: 0.8em 0 0.2em 0;
+}
+
+h2.solo {
+	margin-bottom: 1em;
+}
+
+$h3-font-size:			($h2-font-size - 2px) !default;
+$h3-font-family:		$h2-font-family !default;
+
+h3 {
+	// Sub-headers (also used as post headers, but defined later)
+	font-family: $h3-font-family;
+	font-weight: 500;
+	margin-bottom: 5px;
+	font-size: $h3-font-size;
+	margin-top: 20px;
+}
+
+$h4-font-size:			ceil($font-size * 1.3) !default;
+$h4-font-family:		$h1-font-family !default;
+
+h4 {
+	// Forum and topic list titles
+	font-family: $h4-font-family;
+	font-size: $h4-font-size;
+}
+
+$paragraph-font-size:	$font-size !default;
+
+p {
+	line-height: $paragraph-line-height;
+	font-size: $paragraph-font-size;
+	margin-bottom: 1.5em;
+}
+
+img {
+	border-width: 0;
+}
+
+hr {
+	border: 0 solid transparent;
+	border-top-width: 1px;
+	height: 1px;
+	margin: 5px 0;
+	display: block;
+	clear: both;
+}
+
+hr.dashed {
+	border-top-style: dashed;
+	margin: 10px 0;
+}
+
+hr.divider {
+	display: none;
+}
+
+p.right {
+	text-align: right;
+}
+
+p.jumpbox-return {
+	margin-top: 10px;
+	margin-bottom: 0;
+	float: left;
+}
+
+b, strong {
+	font-weight: bold;
+}
+
+.text-strong {
+	font-weight: bold;
+}
+
+i, em {
+	font-style: italic;
+}
+
+.text-italics {
+	font-style: italic;
+}
+
+u {
+	text-decoration: underline;
+}
+
+ul {
+	list-style-type: disc;
+}
+
+ol {
+	list-style-type: decimal;
+}
+
+li {
+	display: list-item;
+}
+
+ul ul, ol ul {
+	list-style-type: circle;
+}
+
+ol ol ul, ol ul ul, ul ol ul, ul ul ul {
+	list-style-type: square;
+}
+
+
+// Main blocks
+// ----------------------------------------
+@mixin wrapper-padding {
+	padding: 10px;
+}
+
+#wrap {
+	@if $use-wrapper {
+		border: 1px solid transparent;
+		border-radius: 8px;
+		@include wrapper-padding;
+	}
+}
+
+@mixin page-width {
+	box-sizing: border-box;
+	margin: 0 auto;
+	max-width: $max-width;
+	min-width: 625px;
+	@if $max-width != none {
+		@media (max-width: ($max-width + 24px)) {
+			margin: 0 12px;
+		}
+	}
+	@else {
+		margin: 0 12px;
+	}
+}
+.page-width {
+	@include page-width;
+}
+
+.page-width .page-width {
+	margin: 0;
+}
+
+.page-body {
+	margin: 4px 0;
+	#wrap > &:first-of-type {
+		margin-top: 0;
+	}
+	#wrap > &:last-of-type {
+		margin-bottom: 0;
+	}
+	clear: both;
+}
+
+.page-footer {
+	clear: both;
+	#wrap + & {
+		margin-top: 5px;
+	}
+}
+
+.page-footer h3 {
+	margin-top: 20px;
+}
+
+.logo {
+	@if $show-logo == true {
+		display: block;
+		box-sizing: border-box;
+		max-width: 100%;
+		@if $center-logo == true {
+			&, & img {
+				margin: 0 auto;
+			}
+		}
+		@else {
+			float: left;
+		}
+		img {
+			display: block;
+			max-width: 100%;
+		}
+		padding: $logo-block-padding;
+		&:hover {
+			text-decoration: none;
+		}
+	}
+	@else {
+		display: none;
+	}
+}
+
+// Site description and logo
+.site-description {
+	@extend %clearfix;
+	h1, p.sitename {
+		margin-left: 0;
+		margin-right: 0;
+	}
+
+	@if $center-logo == true {
+		text-align: center;
+	}
+
+	@if $show-forum-title == false {
+		h1, p {
+			display: none;
+		}
+	}
+}
+
+// Round cornered boxes and backgrounds
+// ----------------------------------------
+.headerbar {
+	& > .inner {
+		position: relative;
+	}
+}
+
+$nav-primary-glyph-font-size:	$nav-primary-font-size + 2px !default;
+$nav-primary-glyph-margin:		0px - ($nav-primary-glyph-font-size  / 2) !default;
+
+$nav-alert-font-size:		9px !default;
+
+.navbar {
+	$navtabs-border-radius: min(5px, $border-radius) !default;
+	$navtabs-border-radius-small: max(0px, $navtabs-border-radius - 2) !default;
+	$tab-height: $nav-primary-font-size + 18px !default;
+	$tab-padding: 12px !default;
+	$tab-padding-glyph: 8px !default;
+
+	@include section;
+	padding: 0 9px;
+	clear: both;
+
+	&.tabbed, &.secondary {
+		@include section-empty;
+	}
+
+	.page-body & {
+		margin-bottom: 10px;
+	}
+	+ .navbar {
+		margin-top: 5px;
+	}
+	&.tabbed {
+		padding: 0;
+	}
+	&.secondary {
+		@extend %clearfix;
+		margin: 0;
+		padding: 1px 0;
+		> ul {
+			list-style-type: none;
+			margin: 0;
+			padding: 0;
+		}
+		> ul > li {
+			position: relative;
+			display: inline-block;
+			margin: 0;
+			padding: 0;
+			> a {
+				display: inline-block;
+				color: inherit;
+				padding: 1px 8px;
+				text-align: center;
+				line-height: $nav-secondary-font-size + 14px;
+				font-size: $nav-secondary-font-size;
+			}
+			&:hover {
+				> a {
+					text-decoration: none;
+				}
+				border-radius: 3px;
+			}
+			&.small-icon > a {
+				padding-left: 18px;
+			}
+			.dropdown {
+				top: $nav-secondary-font-size + 16px;
+			}
+			&.dropdown-up .dropdown {
+				top: auto;
+				bottom: $nav-secondary-font-size + 16px;
+			}
+			&.search-box {
+				display: block;
+				margin: 0;
+				float: right;
+				.rtl & {
+					float: left;
+				}
+				&, &:hover {
+					border-radius: 0;
+					border-width: 0;
+					box-shadow: none;
+					background: none;
+					filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+				}
+			}
+		}
+		+ .nav-breadcrumbs {
+			margin-top: 0;
+		}
+	}
+
+	li.small-icon > a {
+		padding-left: 18px;
+	}
+
+	.nav-tabs {
+		border-radius: $navtabs-border-radius;
+		& .leftside {
+			& .tab:first-child,
+			& .tab.first-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+			}
+		}
+		.rtl & .rightside {
+			& .tab:last-child,
+			& .tab.last-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+			}
+		}
+		& .rightside {
+			& .tab:last-child,
+			& .tab.last-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+			}
+		}
+		.rtl & .leftside {
+			& .tab:first-child,
+			& .tab.first-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+			}
+		}
+
+		@extend %clearfix;
+
+		& > ul {
+			list-style-type: none;
+			margin: 0;
+			height: $tab-height;
+
+			&.leftside, .rtl &.rightside {
+				float: left;
+			}
+			&.rightside, .rtl &.leftside {
+				float: right;
+			}
+
+			& > li {
+				float: left;
+				height: $tab-height;
+			}
+			.rtl & > li {
+				float: right;
+			}
+			.quick-links {
+				margin: 0;
+				&.empty {
+					display: none;
+				}
+				&.showing-responsive-menu {
+					display: block;
+				}
+			}
+		}
+
+		.nav-link {
+			text-decoration: none;
+			color: inherit;
+			display: inline-block;
+			height: $tab-height;
+			line-height: $tab-height;
+			padding: 0 $tab-padding;
+			vertical-align: baseline;
+			font-size: $nav-primary-font-size;
+			outline-style: none;
+			&.dropdown-toggle {
+				position: relative;
+				&:before {
+					$nav-primary-font-size-toggle:	ceil($nav-primary-font-size * 2 / 3) !default;
+					content: '\f078';	// fa-chevron-down
+					font-family: FontAwesome;
+					position: absolute;
+					right: 12px;
+					top: 50%;
+					font-size: $nav-primary-font-size-toggle;
+					line-height: $nav-primary-font-size;
+					width: $nav-primary-font-size-toggle;
+					height: $nav-primary-font-size;
+					margin-top: -6px;
+					.rtl & {
+						right: auto;
+						left: 12px;
+					}
+				}
+				&:hover:before {
+				}
+			}
+			.username-coloured {
+				color: inherit !important;
+				font-weight: inherit;
+				font-style: inherit;
+			}
+		}
+
+		.responsive-menu .nav-link:before,
+		.dropdown-visible .nav-link:before {
+          		content: '\f077'; // fa-chevron-up
+          		font-family: FontAwesome;
+          		position: absolute;
+          		right: 12px;
+         		top: 50%;
+          		font-size: 9px;
+          		line-height: 13px;
+          		width: 9px;
+          		height: 13px;
+          		margin-top: -6px;
+		}
+
+		.dropdown {
+			top: $tab-height;
+			.dropdown-up & {
+				top: auto;
+				bottom: $tab-height;
+			}
+		}
+
+		.tab {
+			position: relative;
+			// Alert
+			& > strong {
+				display: none;
+				font-weight: bold;
+				font-size: $nav-alert-font-size;
+				padding: 0 2px;
+				border-radius: 3px;
+				position: absolute;
+				right: 5px;
+				top: -10px;
+				line-height: $nav-alert-font-size + 5px;
+				min-width: 10px;
+				_width: 10px;
+				text-align: center;
+				text-shadow: none;
+				white-space: nowrap;
+				word-wrap: normal;
+				height: $nav-alert-font-size + 5px;
+				pointer-events: none;
+				.rtl & {
+					right: auto;
+					left: 5px;
+				}
+				.arrow {
+					border: 3px solid transparent;
+					border-bottom: 1px none black;
+					position: absolute;
+					bottom: -3px;
+					right: 4px;
+					line-height: 0;
+					text-shadow: none;
+					_display: none;
+					width: 0;
+					height: 0;
+				}
+			}
+			&.non-zero > strong {
+				display: block;
+			}
+		}
+
+		// Glyphs
+		%glyph {
+			position: relative;
+			padding-left: ($tab-padding + 18px);
+			&:after {
+				position: absolute;
+				left: $tab-padding;
+				top: 50%;
+				margin-top: $nav-primary-glyph-margin;
+				width: $nav-primary-glyph-font-size;
+				font-size: $nav-primary-font-size;
+				line-height: $nav-primary-glyph-font-size;
+				height: $nav-primary-glyph-font-size;
+				text-align: left;
+				font-weight: normal;
+				font-style: normal;
+				text-indent: 0;
+			}
+			.rtl & {
+			}
+			.rtl &:after {
+				left: auto;
+				right: $tab-padding;
+			}
+		}
+		%glyph-only {
+			@extend %glyph;
+			text-indent: 999px;
+			width: $nav-primary-glyph-font-size;
+			padding: 0 $tab-padding-glyph;
+			overflow: hidden;
+			&:after {
+				text-align: center;
+				font-size: $nav-primary-glyph-font-size;
+				left: $tab-padding-glyph;
+			}
+			.rtl &:after {
+				left: auto;
+				right: $tab-padding-glyph;
+			}
+			& + strong {
+				right: -2px;
+				.rtl & {
+					right: auto;
+					left: -2px;
+				}
+			}
+		}
+		@media (max-width: 550px) {
+			%glyph-only-media {
+				text-indent: 999px;
+				width: $nav-primary-glyph-font-size;
+				padding: 0 $tab-padding-glyph;
+				overflow: hidden;
+				&:after {
+					text-align: center;
+					font-size: $nav-primary-glyph-font-size;
+					left: $tab-padding-glyph;
+				}
+				.rtl &:after {
+					left: auto;
+					right: $tab-padding-glyph;
+				}
+				& + strong {
+					right: -2px;
+					.rtl & {
+						right: auto;
+						left: -2px;
+					}
+				}
+			}
+		}
+
+		%glyph-fa {
+			font-family: FontAwesome;
+		}
+
+		.responsive-menu .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0c9';	// fa-bars
+			}
+		}
+
+		.members .nav-link {
+			@extend %glyph;
+			padding-left: ($tab-padding + 20px);
+			padding-right: ($tab-padding + 12px);
+			.rtl & {
+				padding-left: ($tab-padding + 12px);
+				padding-right: ($tab-padding + 20px);
+			}
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0c0';	// fa-groups
+			}
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+				padding: 0 $tab-padding-glyph !important;
+			}
+		}
+
+		.forums .nav-link {
+			@extend %glyph;
+			.rtl & {
+				padding-left: $tab-padding;
+				padding-right: ($tab-padding + 20px);
+			}
+			&:after {
+				@extend %glyph-fa;
+				content: '\f075';	// fa-comment
+			}
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+
+		.account .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f007';	// fa-user
+			}
+		}
+
+		.pm .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f01c';	// fa-inbox
+			}
+		}
+
+		.notifications .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0f3';	// fa-bell
+				font-size: $nav-primary-glyph-font-size - 1px;
+			}
+		}
+
+		.mcp .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0e3';	// fa-gavel
+			}
+		}
+
+		.acp .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f085';	// fa-cogs
+			}
+		}
+
+		.faq .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f059';	// fa-question-circle
+			}
+		}
+
+		@media (max-width: 550px) {
+			.faq {
+				&, & .nav-link {
+					display: none !important;
+				}
+			}
+		}
+
+		.logout .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f08b';	// fa-sign-out
+				margin-left: 1px;
+			}
+		}
+
+		.login .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f090';	// fa-sign-in
+			}
+		}
+
+		.register .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f234';	// fa-user-plus
+			}
+		}
+
+		// Commonly used links for extensions
+		.boardrules .nav-link {
+			&:after {
+				@extend %glyph-fa;
+				content: '\f071';	// fa-exclamation-triangle
+			}
+		}
+		.leftside .boardrules .nav-link {
+			@extend %glyph;
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+		.rightside .boardrules .nav-link {
+			@extend %glyph-only;
+		}
+
+		.pages .nav-link {
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0f6';	// fa-file-text-o
+			}
+		}
+		.leftside .pages .nav-link {
+			@extend %glyph;
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+		.rightside .pages .nav-link {
+			@extend %glyph-only;
+		}
+	}
+
+	// Tabbed navigation
+	@if $tabbed-navigation {
+		&.tabbed.not-static {
+
+			@if $use-wrapper {
+				// Add spacing between top of wrapper and tabs on mobile devices
+				@media (max-width: 700px) {
+					#wrap > div:first-child > &:first-child:before {
+						content: '';
+						display: block;
+						height: 10px;
+					}
+				}
+			}
+
+			.nav-tabs {
+				background: none;
+				box-shadow: none;
+				border-radius: 0;
+				border-width: 0;
+				padding: 0 10px;
+
+				.quick-links {
+					margin: 0 3px;
+				}
+				li.tab {
+					// Tabs layout
+					margin: 0 3px;
+					padding: 0;
+					border-width: 0;
+					border-radius: 0;
+					text-shadow: none;
+
+					@include tabbed-nav-layout-alt {
+						border-top-left-radius: ($navtabs-border-radius + 2);
+						border-top-right-radius: ($navtabs-border-radius + 2);
+					}
+
+					@include tabbed-nav-layout-default {
+						border-top-left-radius: $navtabs-border-radius;
+						border-top-right-radius: $navtabs-border-radius;
+					}
+
+					@media (max-width: 700px) {
+						margin: 0 2px;
+					}
+
+					// Link
+					.nav-link.dropdown-toggle {
+						&:before {
+							display: none;
+							right: 2px;
+							.rtl & {
+								right: auto;
+								left: 2px;
+							}
+						}
+						&:hover:before {
+							display: block;
+						}
+					}
+
+					// Dropdown position
+					&.dropdown-right .dropdown {
+						left: -1px;
+					}
+
+					&.dropdown-left .dropdown {
+						right: -1px;
+					}
+
+					&.dropdown-down .dropdown {
+						top: ($tab-height - 1);
+					}
+
+					&.dropdown-up .dropdown {
+						bottom: ($tab-height - 1);
+					}
+				}
+
+				.rightside li.tab {
+					margin: 0 2px;
+				}
+			}
+
+			// Second row
+			+ .navbar.secondary {
+				border-width: 0;
+				border-radius: $border-radius;
+				font-size: $nav-secondary-font-size;
+				z-index: 2;
+				position: relative;
+				margin: 0 0 10px;
+				padding: 0 5px;
+
+				@media (max-width: 700px) {
+					border-radius: 0;
+					border-left-width: 0;
+					border-right-width: 0;
+				}
+			}
+		}
+	}
+
+	// Static navigation
+	.inner.static {
+		position: fixed;
+		top: 0;
+		z-index: 50;
+		left: 0;
+		right: 0;
+		padding-top: 0;
+		padding-bottom: 0;
+		width: auto;
+		max-width: none;
+		opacity: .9;
+		transition: opacity .2s;
+		@if $use-wrapper {
+			#wrap & > .static-inner {
+				@include wrapper-padding;
+			}
+		}
+		& > .static-inner {
+			@include page-width;
+			padding-top: 0 !important;
+			padding-bottom: 0 !important;
+		}
+		&:hover {
+			opacity: 1;
+		}
+		.nav-tabs {
+			border-radius: 0;
+			& .leftside, .rtl & .rightside {
+				& .tab:first-child,
+				& .tab.first-visible {
+					border-radius: 0;
+				}
+			}
+			& .rightside, .rtl & .leftside {
+				& .tab:last-child,
+				& .tab.last-visible {
+					border-radius: 0;
+				}
+			}
+			.tab > strong {
+				position: relative;
+				top: 0;
+				left: 0;
+				right: 0;
+				bottom: 0;
+				vertical-align: top;
+				margin-top: 8px;
+				margin-left: -7px;
+				margin-right: 5px;
+				padding-bottom: 1px;
+				pointer-events: none;
+				.arrow {
+					display: none;
+				}
+			}
+			.tab.non-zero > strong {
+				display: inline-block;
+			}
+			.pm > .nav-link + strong {
+				margin-left: -5px;
+			}
+		}
+	}
+}
+
+.forabg {
+	@if $split-forums == false {
+		@include section-forum;
+		margin-bottom: 4px;
+		clear: both;
+		& + .forabg {
+			margin-top: 10px;
+		}
+	}
+	@else {
+		padding: 0;
+		margin: 10px 0;
+	}
+}
+
+.forumbg {
+	@if $split-forums == false {
+		@include section-forum;
+		margin-bottom: 4px;
+		clear: both;
+
+		&.forumbg-table {
+			@include section-empty;
+			padding: 0 1px;
+		}
+	}
+	@else {
+		padding: 0;
+	}
+}
+
+.panel {
+	@include section;
+	margin-bottom: 10px;
+	padding: 5px 10px;
+
+	// UCP/MCP panel
+	&.bg3 {
+		border-radius: 0;
+		border-width: 0;
+		box-shadow: none;
+		border-top: 3px solid transparent;
+		position: relative;
+		&:before, &:after {
+			content: '';
+			position: absolute;
+			top: 0;
+			width: 3px;
+			height: 50px;
+		}
+		&:before {
+			left: 0;
+		}
+		&:after {
+			right: 0;
+		}
+	}
+
+	// Posting form
+	.postform &.panel {
+		border-radius: $border-radius;
+	}
+}
+
+$panel-heading-line-height:	$line-height !default;
+
+.panel > .inner > h3:first-child,
+.panel > h3:first-child {
+	@include section-heading;
+	padding-left: 10px;
+	padding-right: 10px;
+	.panel-container & {
+		font-size: $panel-heading-font-size;
+		line-height: $panel-heading-line-height;
+	}
+}
+
+.post {
+	@include section;
+	padding: 0;
+	margin-bottom: 10px;
+	position: relative;
+}
+
+.post > .inner {
+	padding: 5px 10px;
+}
+
+.rowbg {
+	margin: 5px 5px 2px 5px;
+}
+
+// Horizontal lists
+// ----------------------------------------
+.navbar ul.linklist {
+	padding: 2px 0;
+}
+
+ul.linklist {
+	display: block;
+	margin: 0;
+}
+
+.cp-main .panel {
+	padding: 5px 10px;
+}
+
+$list-font-size:	$font-size !default;
+$list-line-height:	2 !default;
+ul.linklist > li {
+	float: left;
+	font-size: $list-font-size;
+	line-height: $list-line-height;
+	list-style-type: none;
+	margin-right: 7px;
+	padding-top: 1px;
+	width: auto;
+	&, &.rightside {
+		&.icon-only {
+			text-align: center;
+			min-width: 20px;
+		}
+	}
+}
+
+ul.linklist > li.rightside, p.rightside, a.rightside {
+	float: right;
+	margin-right: 0;
+	margin-left: 7px;
+	text-align: right;
+}
+
+ul.navlinks {
+	border-top: 1px solid transparent;
+	&.nav-breadcrumbs {
+		border-top-width: 0;
+	}
+}
+
+ul.leftside {
+	float: left;
+	margin-left: 0;
+	margin-right: 5px;
+	text-align: left;
+}
+
+ul.rightside {
+	float: right;
+	margin-left: 5px;
+	margin-right: -5px;
+	text-align: right;
+}
+
+ul.linklist li.responsive-menu {
+	position: relative;
+	margin: 0 5px;
+}
+
+$responsive-menu-font-size:		$font-size + 2px !default;
+
+.fa-bars:before {
+	display: none;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+	display: inline-block;
+	margin: 0 5px;
+	font-size: $responsive-menu-font-size + 4px;
+	position: relative;
+	width: $responsive-menu-font-size + 4px;
+	line-height: $responsive-menu-font-size + 8px;
+	text-decoration: none;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+	&:before {
+		content: '\f0c9';	// fa-bars
+		font-family: FontAwesome;
+		position: absolute;
+		left: 0;
+		top: 50%;
+		margin-top: -#{$responsive-menu-font-size / 2};
+		width: $responsive-menu-font-size + 2px;
+		font-size: $responsive-menu-font-size;
+		line-height: $responsive-menu-font-size;
+		height: $responsive-menu-font-size;
+		text-align: center;
+		font-weight: normal;
+		font-style: normal;
+		text-indent: 0;
+	}
+	&:hover:before {
+		font-family: FontAwesome;
+		content: '\f078';	// fa-chevron-down
+	}
+}
+
+.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
+	max-width: 48%;
+}
+
+.hasjs ul.linklist.fullwidth {
+	max-width: none;
+}
+
+li.responsive-menu.dropdown-right .dropdown {
+}
+
+li.responsive-menu.dropdown-left .dropdown {
+}
+
+ul.linklist .dropdown {
+	top: $list-font-size * 2;
+}
+
+ul.linklist .dropdown-up .dropdown {
+	bottom: $list-font-size * 2;
+	top: auto;
+}
+
+// Bulletin icons for list items
+// ----------------------------------------
+ul.linklist.bulletin > li:before {
+	display: inline-block;
+	content: "\2022";
+	font-size: inherit;
+	line-height: inherit;
+	padding-right: 4px;
+}
+
+ul.linklist.bulletin > li:first-child:before,
+ul.linklist.bulletin > li.rightside:last-child:before {
+	content: none;
+}
+
+ul.linklist.bulletin > li.no-bulletin:before {
+	content: none;
+}
+
+.responsive-menu:before {
+	display: none !important;
+}
+
+// Profile in overall_header.html
+.header-profile {
+	display: inline-block;
+	vertical-align: top;
+}
+
+.header-avatar:hover {
+	text-decoration: none;
+}
+
+.header-avatar img {
+	margin-bottom: 2px;
+	max-height: 20px;
+	vertical-align: middle;
+	width: auto;
+}
+
+.header-avatar span:after {
+	content: '\f078';	// fa-chevron-down
+	font-family: FontAwesome;
+	display: inline-block;
+	font-size: 7px;
+	float: right;
+	padding-left: 2px;
+	font-weight: normal;
+	opacity: 0.7;
+}
+
+// Dropdown menu
+// ----------------------------------------
+.dropdown-container {
+	position: relative;
+}
+
+.dropdown-container-right {
+	float: right;
+}
+
+.dropdown-container-left {
+	float: left;
+}
+
+.nojs .dropdown-container:hover .dropdown {
+	display: block !important;
+}
+
+.dropdown {
+	display: none;
+	position: absolute;
+	left: 0;
+	top: if(unitless($line-height), #{$line-height}em, $line-height);
+	z-index: 30;
+	padding: 0;
+	margin-right: -500px;
+}
+
+.dropdown.live-search {
+	top: auto;
+}
+
+.dropdown-container.topic-tools {
+	float: left;
+}
+
+.dropdown-up .dropdown {
+	top: auto;
+	bottom: if(unitless($line-height), #{$line-height}em, $line-height);
+}
+
+.dropdown-left .dropdown, .nojs .rightside .dropdown {
+	left: auto;
+	right: 0;
+	margin-left: -500px;
+	margin-right: 0;
+}
+
+.dropdown-button-control .dropdown {
+	top: $button-height;
+}
+
+.dropdown-button-control.dropdown-up .dropdown {
+	top: auto;
+	bottom: $button-height;
+}
+
+.dropdown .pointer, .dropdown .pointer-inner {
+	position: absolute;
+	width: 0;
+	height: 0;
+	border-top-width: 0;
+	border-bottom: 10px solid transparent;
+	border-left: 10px dashed transparent;
+	border-right: 10px dashed transparent;
+	-webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
+	display: block;
+}
+
+.dropdown-up .pointer, .dropdown-up .pointer-inner {
+	border-bottom-width: 0;
+	border-top: 10px solid transparent;
+}
+
+.dropdown .pointer {
+	right: auto;
+	left: 10px;
+	top: 0;
+	z-index: 3;
+}
+
+.dropdown-up .pointer {
+	bottom: 0;
+	top: auto;
+}
+
+.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
+	left: auto;
+	right: 10px;
+}
+
+.dropdown .pointer-inner {
+	top: auto;
+	bottom: -11px;
+	left: -10px;
+}
+
+.dropdown-up .pointer-inner {
+	bottom: auto;
+	top: -11px;
+}
+
+.dropdown .dropdown-contents {
+	z-index: 30;
+	overflow: hidden;
+	overflow-y: auto;
+	border: 0px solid transparent;
+	border-radius: 0 0 min($border-radius, 5px) min($border-radius, 5px);
+	border-top-width: 3px;
+	padding: 5px;
+	position: relative;
+	min-width: 40px;
+	max-height: 300px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	.notifications & {
+		min-width: 300px;
+	}
+}
+
+.dropdown-up .dropdown-contents {
+	border-bottom-width: 3px;
+	border-top-width: 0;
+	border-radius: min($border-radius, 5px) min($border-radius, 5px) 0 0;
+}
+
+$dropdown-content-font-size:	$font-size + 1px !default;
+$dropdown-content-line-height:	$line-height !default;
+
+.dropdown-contents > li {
+	padding-right: 15px;
+	min-width: 180px;
+}
+
+.dropdown-nonscroll > li {
+	padding-right: 0;
+}
+
+.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
+	border-top: 0;
+}
+
+.dropdown li li:first-child {
+	margin-top: 4px;
+}
+
+.dropdown li li:last-child {
+	padding-bottom: 0;
+}
+
+.dropdown li li {
+	border-top: 1px dotted transparent;
+	padding-left: 18px;
+}
+
+#wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
+	white-space: normal;
+}
+
+.dropdown li.separator {
+	border-top: 1px solid transparent;
+	margin: 4px 0;
+	padding: 0;
+}
+
+.dropdown li.separator:first-child, .dropdown li.separator:last-child {
+	display: none !important;
+}
+
+.dropdown-trigger > i.glyphicons, .dropdown-trigger > i.fa {
+	display: inline;
+	line-height: inherit;
+	top: 0;
+	vertical-align: baseline;
+	&:before {
+		font-size: 1.4em;
+		line-height: 1;
+		position: relative;
+		top: 1px;
+	}
+}
+
+// Responsive breadcrumbs
+// ----------------------------------------
+.breadcrumbs .crumb {
+	float: left;
+	font-weight: bold;
+	word-wrap: normal;
+	position: relative;
+	padding-left: $list-font-size + 2px;
+	.rtl & {
+		padding-left: 0;
+		padding-right: $list-font-size + 2px;
+	}
+}
+
+.breadcrumbs .crumb:before {
+	content: '\f054';	// fa-chevron-right
+	font-family: FontAwesome;
+	font-weight: normal;
+	position: absolute;
+	left: 1px;
+	width: $list-font-size;
+	top: 50%;
+	margin-top: -#{$list-font-size / 2};
+	font-size: $list-font-size - 4px;
+	height: $list-font-size;
+	line-height: $list-font-size;
+	text-align: center;
+	.rtl & {
+		left: auto;
+		right: 1px;
+		content: '\f053';	// fa-chevron-left
+	}
+}
+
+.breadcrumbs .crumb:first-child {
+	padding-left: 0;
+	padding-right: 0;
+	&:before {
+		display: none;
+	}
+}
+
+.breadcrumbs .crumb a {
+	display: inline-block;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	vertical-align: bottom;
+	overflow: hidden;
+}
+
+.breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; }
+.breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; }
+.breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; }
+
+.breadcrumbs .crumb.wrapped-max a { max-width: 120px; }
+.breadcrumbs .crumb.wrapped-wide a { max-width: 100px; }
+.breadcrumbs .crumb.wrapped-medium a { max-width: 80px; }
+.breadcrumbs .crumb.wrapped-small a { max-width: 60px; }
+.breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; }
+
+// Table styles
+// ----------------------------------------
+table.table1 {
+	width: 100%;
+}
+
+.ucp-main table.table1 {
+	padding: 2px;
+}
+
+$table-heading-font-size:	$font-size + 2px !default;
+$table-heading-line-height:	$line-height !default;
+$table-content-font-size:	$font-size + 1px !default;
+
+table.table1 thead th {
+	@include table-heading;
+	text-transform: none;
+	line-height: $table-heading-line-height;
+	font-weight: normal;
+	font-size: $table-heading-font-size;
+	padding: 4px;
+}
+
+table.table1 thead th span {
+	padding-left: 7px;
+}
+
+table.table1 tbody tr {
+	border-top: 1px solid transparent;
+}
+
+table.table1 td {
+	font-size: $table-content-font-size;
+	line-height: $line-height;
+}
+
+table.table1 tbody td {
+	padding: 5px;
+	border-top: 1px solid transparent;
+}
+
+table.table1 tbody th {
+	padding: 5px;
+	border-bottom: 1px solid transparent;
+	text-align: left;
+}
+
+// Specific column styles
+table.table1 .name		{ text-align: left; }
+table.table1 .center	{ text-align: center; }
+table.table1 .reportby	{ width: 15%; }
+table.table1 .posts		{ text-align: center; width: 7%; }
+table.table1 .joined	{ text-align: left; width: 15%; }
+table.table1 .active	{ text-align: left; width: 15%; }
+table.table1 .mark		{ text-align: center; width: 7%; }
+table.table1 .info		{ text-align: left; width: 30%; max-width: 200px;
+	@media (max-width: 550px) {
+		max-width: 150px;
+	}
+}
+table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
+table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
+table.table1 thead .autocol { padding-left: 1em; }
+
+table.table1 th.info {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+table.table1 span.rank-img {
+	float: right;
+	width: auto;
+}
+
+table.info td {
+	padding: 3px;
+}
+
+table.info tbody th {
+	padding: 3px;
+	text-align: right;
+	vertical-align: top;
+	font-weight: normal;
+}
+
+.forumbg table.table1 {
+	margin: 0;
+}
+
+.forumbg-table > .inner {
+	margin: 0 -1px;
+}
+
+.color_palette_placeholder table {
+	border-collapse: separate;
+	border-spacing: 1px;
+}
+
+// Misc layout styles
+// ----------------------------------------
+// column[1-2] styles are containers for two column layouts
+.column1 {
+	float: left;
+	clear: left;
+	width: 49%;
+}
+
+.column2 {
+	float: right;
+	clear: right;
+	width: 49%;
+}
+
+// General classes for placing floating blocks
+.left-box {
+	float: left;
+	width: auto;
+	text-align: left;
+	max-width: 100%;
+}
+
+.left-box.profile-details {
+	width: 80%;
+}
+
+.right-box {
+	float: right;
+	width: auto;
+	text-align: right;
+	max-width: 100%;
+}
+
+dl.details {
+	font-size: $font-size;
+}
+
+dl.details dt {
+	float: left;
+	clear: left;
+	width: 30%;
+	text-align: right;
+	display: block;
+}
+
+dl.details dd {
+	margin-left: 0;
+	padding-left: 5px;
+	margin-bottom: 5px;
+	float: left;
+	width: 65%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.clearfix, fieldset dl, dl.polls {
+	overflow: hidden;
+}
+
+ul.topiclist dl {
+	@extend %clearfix;
+}
+
+ul.topiclist dd.lastpost {
+	float: right;
+}
+
+fieldset.fields1 ul.recipients {
+	list-style-type: none;
+	line-height: 1.8;
+	max-height: 150px;
+	overflow-y: auto;
+}
+
+fieldset.fields1 dd.recipients {
+	clear: left;
+	margin-left: 1em;
+}
+
+fieldset.fields1 ul.recipients  input.button2{
+	font-size: $font-size - 2px;
+	margin-right: 0;
+	padding: 0;
+}
+
+fieldset.fields1 dl.pmlist > dt {
+	width: auto !important;
+}
+
+fieldset.fields1 dl.pmlist dd.recipients {
+	margin-left: 0 !important;
+}
+
+// Action-bars (container for post/reply buttons, pagination, etc.)
+// ----------------------------------------
+.action-bar {
+	font-size: $font-size;
+	margin: 4px 0;
+}
+
+.forabg + .action-bar {
+	margin-top: 10px;
+}
+
+.action-bar .button {
+	margin-right: 5px;
+	float: left;
+}
+
+.action-bar .button-search {
+	margin-right: 0;
+}
+
+
+// Pagination
+// ----------------------------------------
+$pagination-font-size:				$font-size !default;
+$pagination-line-height:			$font-size + 2px !default;
+$pagination-link-font-size:			$font-size !default;
+$pagination-link-line-height:		$font-size !default;
+
+.pagination {
+	float: right;
+	font-size: $font-size;
+	text-align: right;
+	width: auto;
+}
+
+.action-bar.bottom .pagination {
+	margin-top: 0;
+}
+
+.action-bar .pagination .button {
+	margin-right: 0;
+	float: none;
+}
+
+.pagination > ul {
+	display: inline-block;
+	list-style: none !important;
+	margin-left: 5px;
+}
+
+.pagination > ul > li {
+	display: inline-block !important;
+	padding: 0;
+	font-size: $font-size;
+	line-height: normal;
+	vertical-align: middle;
+}
+
+.pagination li a, .pagination li span {
+	border-radius: 2px;
+	padding: 2px 5px;
+}
+
+.pagination li.active span {
+	display: inline-block;
+	font-size: 13px;
+	font-weight: normal;
+	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+	line-height: 1.4;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	border: 1px solid transparent;
+}
+
+.pagination li.ellipsis span {
+	border: none;
+	padding: 0;
+}
+
+.pagination li.page-jump {
+	margin-right: 5px;
+}
+
+.pagination li.page-jump a {
+	background: transparent none !important;
+	border-color: transparent !important;
+	padding: 0 8px;
+}
+
+.pagination li.page-jump a i {
+	font-size: 21px;
+}
+
+.pagination .arrow a {
+	padding: 2px 0;
+}
+
+.rtl .pagination li.previous a:after {
+	content: '\f054';	// fa-chevron-right
+	right: 1px;
+	left: 3px;
+}
+
+.rtl .pagination li.next a:after {
+	content: '\f053';	// fa-chevron-left
+	left: 1px;
+	right: 3px;
+}
+
+// Pagination in viewforum for multipage topics
+.row .pagination {
+	display: block;
+	margin-top: 3px;
+	margin-bottom: 3px;
+}
+
+.row .pagination > ul {
+	margin: 0;
+}
+
+.row .pagination li a, .row .pagination li span {
+	border-radius: 2px;
+	padding: 1px 3px;
+	font-size: 9px;
+}
+
+// jQuery popups
+// ----------------------------------------
+.phpbb_alert {
+	border: 1px solid transparent;
+	display: none;
+	left: 0;
+	padding: 0 25px 20px 25px;
+	position: fixed;
+	right: 0;
+	top: 150px;
+	z-index: 50;
+	width: 620px;
+	margin: 0 auto;
+}
+
+@media (max-height: 500px)
+{
+	.phpbb_alert {
+		top: 25px;
+	}
+}
+
+.phpbb_alert .alert_close {
+	display: block;
+	float: right;
+	width: 24px;
+	height: 24px;
+	overflow: hidden;
+	text-decoration: none !important;
+	background: transparent none 0 0 no-repeat;
+	margin-top: -12px;
+	margin-right: -36px;
+	position: relative;
+}
+
+.phpbb_alert .alert_close:before,
+.phpbb_alert .alert_close:after {
+	content: '\f057';	// fa-times-circle
+	font-family: FontAwesome;
+	position: absolute;
+	font-size: 18px;
+	line-height: 24px;
+	font-weight: normal;
+	font-style: normal;
+	text-indent: 0;
+	text-align: center;
+	left: 0;
+	top: 0;
+	margin: 0;
+	padding: 0;
+	width: 24px;
+	height: 24px;
+}
+
+.phpbb_alert .alert_close:before {
+	content: '\f111';	// fa-circle
+	font-size: 20px;
+}
+
+.phpbb_alert p {
+	margin: 8px 0;
+	padding-bottom: 8px;
+}
+
+.phpbb_alert label {
+	display: block;
+	margin: 8px 0;
+	padding-bottom: 8px;
+}
+
+.phpbb_alert div.alert_text > p,
+.phpbb_alert div.alert_text > label,
+.phpbb_alert div.alert_text > select,
+.phpbb_alert div.alert_text > textarea,
+.phpbb_alert div.alert_text > input {
+	font-size: $font-size;
+}
+
+.darkenwrapper {
+	display: none;
+	position: relative;
+	z-index: 44;
+}
+
+.darken {
+	position: fixed;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	opacity: 0.5;
+	z-index: 45;
+}
+
+.loading_indicator {
+	background: center center no-repeat;
+	border-radius: 5px;
+	display: none;
+	opacity: 0.8;
+	margin-top: -50px;
+	margin-left: -50px;
+	height: 50px;
+	width: 50px;
+	position: fixed;
+	left: 50%;
+	top: 50%;
+	z-index: 51;
+}
+
+// Miscellaneous styles
+// ----------------------------------------
+.forum-permissions {
+	float: right;
+	width: auto;
+	padding-left: 5px;
+	margin-left: 5px;
+	margin-top: 10px;
+	text-align: right;
+}
+
+.copyright {
+	font-size: 10px;
+	text-align: center;
+	padding: 10px;
+}
+
+.footer-row {
+	font-size: 10px;
+	line-height: 1.8;
+	margin: 0;
+}
+
+.small {
+	font-size: 0.9em !important;
+}
+
+.titlespace {
+	margin-bottom: 15px;
+}
+
+.headerspace {
+	margin-top: 20px;
+}
+
+.error {
+	font-weight: bold;
+	font-size: $font-size;
+}
+
+$rules-font-size:	$font-size !default;
+
+div.rules {
+	margin: 10px 0;
+	font-size: $rules-font-size;
+	padding: 5px 10px;
+	border-radius: $border-radius;
+}
+
+div.rules ul, div.rules ol {
+	margin-left: 20px;
+}
+
+$post-notice-font-size:		$font-size + 1px;
+
+p.post-notice {
+	position: relative;
+	padding: 5px;
+	padding-left: 26px;
+	min-height: 14px;
+	margin-bottom: 1em;
+	font-size: $post-notice-font-size;
+}
+
+p.post-notice:before {
+	content: '';
+	display: block;
+	position: absolute;
+	top: 50%;
+	margin-top: -10px;
+	font-size: 16px;
+	height: 18px;
+	line-height: 18px;
+	text-align: center;
+	vertical-align: baseline;
+	left: 0;
+	width: 28px;
+	background: transparent none 50% 50% no-repeat;
+	pointer-events: none;
+	font-weight: normal;
+	font-style: normal;
+	text-transform: none;
+}
+
+form > p.post-notice strong {
+	line-height: 20px;
+}
+
+.jumpbox {
+	margin: 5px 0;
+}
+
+.jumpbox .dropdown li {
+	border-top: 1px solid transparent;
+}
+
+.jumpbox .dropdown-select {
+	margin: 0;
+}
+
+.jumpbox .dropdown-contents {
+	padding: 0;
+	text-decoration: none;
+}
+
+.jumpbox .dropdown-contents li {
+	padding: 0;
+}
+
+.jumpbox .dropdown-contents a {
+	margin-right: 20px;
+	padding: 5px 10px;
+	text-decoration: none;
+	width: 100%;
+}
+
+.jumpbox .spacer {
+	display: inline-block;
+	width: 0px;
+}
+
+.jumpbox .spacer + .spacer {
+	width: 20px;
+}
+
+.dropdown-contents a {
+	display: block;
+	padding: 5px;
+}
+
+.jumpbox .dropdown-select {
+	margin: 0;
+}
+
+.jumpbox .dropdown-contents a {
+	text-decoration: none;
+}
+
+.dropdown li {
+	display: list-item;
+	border-top: 1px dotted transparent;
+	float: none !important;
+	line-height: normal !important;
+	font-size: 1em !important;
+	list-style: none;
+	margin: 0;
+	white-space: nowrap;
+	text-align: left;
+}
+
+.stat-block {
+	clear: both;
+}
+
+.top {
+	position: absolute;
+	top: -20px;
+}
+
+.clear {
+	display: block;
+	clear: both;
+	font-size: 1px;
+	line-height: 1px;
+	background: transparent;
+}
+
+// Inner box-model clearing
+.inner:after,
+ul.linklist:after,
+.action-bar:after,
+.notification_text:after,
+.tabs-container:after,
+.tabs > ul:after,
+.minitabs > ul:after,
+.postprofile .avatar-container:after {
+	clear: both;
+	content: '';
+	display: block;
+}
+
+.emoji {
+	min-height: 18px;
+	min-width: 18px;
+	height: 1em;
+	width: 1em;
+}
+
+.hidden {
+	display: none;
+}
+
+.smilies {
+	vertical-align: text-bottom;
+}
+
+.icon-notification {
+	position: relative;
+}
+
+.member-search {
+	float: left;
+	margin: 0;
+	padding: 6px 10px;
+}
+
+.member-search strong {
+	font-size: $font-size;
+}
+
+.dropdown-extended {
+	display: none;
+	z-index: 3;
+}
+
+.dropdown-extended ul {
+	max-height: 350px;
+	overflow-y: auto;
+	overflow-x: hidden;
+	clear: both;
+}
+
+.dropdown-extended ul li {
+	padding: 0;
+	margin: 0 !important;
+	float: none;
+	border-top: 1px solid;
+	list-style-type: none;
+	font-size: $font-size;
+	clear: both;
+	position: relative;
+}
+
+.dropdown-extended ul li:first-child {
+	border-top: none;
+}
+
+.dropdown-extended ul li.no_notifications {
+	padding: 10px;
+}
+
+.dropdown-extended .dropdown-contents {
+	max-height: none;
+	padding: 0;
+	position: absolute;
+	width: 340px;
+}
+
+.nojs .dropdown-extended .dropdown-contents {
+	position: relative;
+}
+
+.dropdown-extended .header {
+	.dropdown-down & {
+		margin-top: -3px;
+	}
+	padding: 0 10px;
+	font-family: $dropdown-header-font-family;
+	font-size: $dropdown-header-font-size;
+	font-weight: bold;
+	text-align: left;
+	// text-transform: uppercase;
+	line-height: $dropdown-header-line-height;
+}
+
+.dropdown-extended .header .header_settings {
+	float: right;
+	font-weight: normal;
+	text-transform: none;
+}
+
+.dropdown-extended .header .header_settings a {
+	display: inline-block;
+	padding: 0 5px;
+}
+
+.dropdown-extended .header:after {
+	content: '';
+	display: table;
+	clear: both;
+}
+
+.dropdown-extended .footer {
+	text-align: center;
+	font-size: $font-size;
+}
+
+.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
+	padding: 8px;
+}
+
+.dropdown-extended .footer > a {
+	padding: 5px 0;
+}
+
+.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
+	display: block;
+	text-decoration: none;
+}
+
+.notification_list ul li img {
+	float: left;
+	max-height: 50px;
+	max-width: 50px;
+	width: auto !important;
+	height: auto !important;
+	margin-right: 5px;
+}
+
+.notification_list ul li p {
+	margin-bottom: 4px;
+	font-size: $font-size;
+}
+
+.notification_list p.notification-reference,
+.notification_list p.notification-location,
+.notification_list li a p.notification-reason {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.notification_list p.notification-time {
+	font-size: $font-size - 1px;
+	margin: 0;
+	text-align: right;
+}
+
+.notification_list div.notifications {
+	margin-left: 50px;
+	padding: 5px;
+}
+
+.notification_list div.notifications a {
+	display: block;
+}
+
+.notification_list p.notifications_title {
+	font-family: $topic-link-font-family;
+	font-size: $topic-link-font-size !important;
+}
+
+.notification_list p.notifications_title strong {
+	font-weight: 600;
+}
+
+.notification_list p.notifications_time {
+	font-size: $font-size !important;
+}
+
+.notification_text {
+	margin-left: 58px;
+	white-space: normal;
+}
+
+.badge {
+	border-radius: 10px;
+	opacity: 0.8;
+	text-align: center;
+	white-space: nowrap;
+	font-size: 10px;
+	line-height: 1;
+	float: right;
+	display: inline-block;
+	margin-left: 3px;
+	vertical-align: baseline;
+	position: relative;
+	top: 3px;
+	padding: 4px 6px;
+ }
+
+.badge.hidden {
+	display: none;
+}
+
+// Navbar specific list items
+// ----------------------------------------
+
+.linklist .quick-links {
+	margin: 0 7px 0 0;
+}
+
+.linklist.compact .rightside > a > span span {
+	display: none;
+}
+
+.dropdown-page-jump .dropdown {
+	top: 20px;
+}
+
+.dropdown-page-jump.dropdown-up .dropdown {
+	bottom: 20px;
+}
+
+.dropdown-page-jump input.tiny {
+	width: 50px;
+}
+
+.dropdown .clone.hidden  {
+	display: none;
+}
+
+.dropdown .clone.hidden + li.separator {
+	display: none;
+}
+
+.dropdown .clone.hidden + li {
+	border-top: none;
+}
diff --git a/simplicity_blue/theme/common/_content.scss b/simplicity_blue/theme/common/_content.scss
new file mode 100644
index 0000000..b7b170d
--- /dev/null
+++ b/simplicity_blue/theme/common/_content.scss
@@ -0,0 +1,1278 @@
+// Content Styles
+// ----------------------------------------
+
+ul.topiclist {
+	display: block;
+	list-style-type: none;
+	margin: 0;
+}
+
+ul.topiclist li {
+	display: block;
+	list-style-type: none;
+	margin: 0;
+	.forabg &.header,
+	.forumbg &.header {
+		@include section-heading-forum;
+		position: relative;
+		.forum-toggle {
+			position: absolute;
+			right: 5px;
+			top: 50%;
+			margin-top: -8px;
+			height: 16px;
+			width: 16px;
+			text-decoration: none !important;
+			outline-style: none !important;
+			color: inherit;
+			transition: opacity 0.3s ease;
+			opacity: .5;
+			&:after {
+				content: '\f056';	// fa-minus-circle
+				font-family: FontAwesome;
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 16px;
+				height: 16px;
+				font-size: 12px;
+				line-height: 16px;
+			}
+			&.toggled:after {
+				content: '\f055';	// fa-plus-circle
+			}
+			&:hover {
+				opacity: 1;
+			}
+			.rtl & {
+				right: auto;
+				left: 4px;
+			}			
+		}
+	}
+}
+
+ul.topiclist dl {
+	position: relative;
+}
+
+ul.topiclist li.row dl {
+	margin: 2px 0;
+}
+
+ul.topiclist dt, ul.topiclist dd {
+	display: block;
+	float: left;
+}
+
+ul.topiclist dt {
+	width: 100%;
+	margin-right: -440px;
+	font-size: $font-size;
+}
+
+ul.topiclist.missing-column dt {
+	margin-right: -345px;
+}
+
+dl.elegant-row dt,
+ul.topiclist.two-long-columns dt {
+	margin-right: -250px;
+}
+
+ul.topiclist.two-columns dt {
+	margin-right: -80px;
+}
+
+ul.topiclist dt .list-inner {
+	margin-right: 440px;
+	padding-left: 5px;
+	padding-right: 5px;
+	position: relative;
+}
+
+ul.topiclist.missing-column dt .list-inner {
+	margin-right: 345px;
+}
+
+dl.elegant-row dt .list-inner,
+ul.topiclist.two-long-columns dt .list-inner {
+	margin-right: 250px;
+}
+
+ul.topiclist.two-columns dt .list-inner {
+	margin-right: 80px;
+}
+
+ul.topiclist dd {
+	border-left: 1px solid transparent;
+	padding: 4px 0;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+ul.topiclist dfn {
+	// Labels for post/view counts
+	display: none;
+	position: absolute;
+	left: -999px;
+	width: 990px;
+}
+
+.forum-image {
+	float: left;
+	padding-top: 5px;
+	margin-right: 5px;
+}
+
+li.row {
+	border-top: 1px solid transparent;
+	border-bottom: 1px solid transparent;
+	&:first-child {
+		border-top-width: 0;
+		padding-top: 0;
+	}
+	&:last-child {
+		border-bottom-width: 0;
+		padding-bottom: 0;
+	}
+
+	@if $split-forums == true {
+		ul.topiclist & {
+			.forabg &, .forumbg & {
+				@include section-forum;
+				margin: 5px 0;
+				padding: 0;
+				&.reported {
+					background-color: $block-background-reported;
+				}
+			}
+		}
+	}
+
+	.forum-description {
+
+	}
+	.subforums-list {
+		ul {
+			list-style-type: none;
+			display: inline;
+			margin: 0;
+		}
+		li {
+			display: inline;
+			& > span {
+				display: inline;
+			}
+		}
+	}
+	.forum-mcplink {
+		right: 4px;
+		top: 4px;
+		.rtl & {
+			right: auto;
+			left: 4px;
+		}
+	}
+}
+
+li.row strong {
+	font-weight: normal;
+}
+
+li.header dt, li.header dd {
+	border-left-width: 0;
+	padding-top: 0;
+	padding-bottom: 0;
+	font-size: $list-heading-font-size;
+	font-family: $list-heading-font-family;
+	line-height: $list-heading-line-height;
+}
+
+li.header dt {
+	.forabg & {
+		font-family: $forum-heading-font-family;
+		font-weight: $forum-heading-font-weight;
+		font-size: $forum-heading-font-size;
+	}
+	width: 100%;
+	margin-right: -440px;
+	.list-inner {
+		margin-right: 440px;
+		text-indent: 5px;
+		padding-left: 0;
+	}
+}
+
+li.header dd {
+	padding-left: 1px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+li.header dl dt, li.header dl dd {
+	min-height: 0;
+}
+
+li.header dl.row-item dt .list-inner {
+	// Tweak for headers alignment when folder icon used
+	.forabg & {
+		padding-left: 0;
+		padding-right: 50px;
+	}
+}
+
+.row .list-inner { padding: 4px 0; }
+
+dl.row-item {
+	background-position: 10px 50%;		// Position of folder icon
+	background-repeat: no-repeat;
+	background-size: 36px;
+}
+
+dl.row-item dt {
+	background-repeat: no-repeat;
+	background-position: 5px 95%;		// Position of topic icon
+	background-size: 17px;
+}
+
+dl.row-item dt .list-inner {
+	padding-left: 55px;					// Space for folder icon
+	position: relative;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	li.header & {
+		padding-top: 0;
+		padding-bottom: 0;
+	}
+}
+
+dl.row-item dt .list-inner .topic-status {
+	position: absolute;
+	right: 4px;
+	top: 3px;
+	font-size: 14px;
+	pointer-events: none;
+	.rtl & {
+		right: auto;
+		left: 4px;
+	}
+}
+
+dl.row-item dt .list-inner .topic-status + .topic-status {
+	right: 20px;
+}
+
+dl.row-item dt, dl.row-item dd {
+	min-height: 42px;
+}
+
+dl.row-item dt a {
+	display: inline;
+}
+
+dl.row-item.with-description dt, dl.row-item.with-description dd {
+	min-height: 50px;
+}
+
+dl a.row-item-link {						// topic row icon links
+	display: block;
+	width: 36px;
+	height: 36px;
+	padding: 0;
+	position: absolute;
+	top: 50%;
+	left: 0;
+	margin-top: -15px;
+	margin-left: 9px;
+	z-index: 2;
+}
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
+	width: 80px;
+	text-align: center;
+}
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark, dd.lastpost.empty {
+	line-height: 34px;
+	font-size: $forum-list-column-font-size;
+	.with-description & {
+		line-height: 42px;
+	}
+}
+
+dd.lastpost.empty br {
+	display: none;
+}
+
+dd.posts, dd.topics, dd.views {
+	width: 95px;
+	.elegant-row & {
+		display: none;
+	}
+}
+
+// List in forum description
+dl.row-item dt ol,
+dl.row-item dt ul {
+	list-style-position: inside;
+	margin-left: 1em;
+}
+
+dl.row-item dt li {
+	display: list-item;
+	list-style-type: inherit;
+}
+
+dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
+	width: 250px;
+	font-size: $forum-list-last-column-font-size;
+}
+
+dd.redirect {
+	line-height: 2.5em;
+}
+
+dd.time {
+	line-height: 200%;
+}
+
+dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
+	display: block;
+	padding-left: 5px;
+}
+
+dd.extra, dd.mark {
+	line-height: 200%;
+}
+
+dd.option {
+	width: 125px;
+	line-height: 200%;
+	text-align: center;
+	font-size: $font-size;
+}
+
+// Forums list layout
+// ----------------------
+.forum-description {
+	font-size: $forum-list-description-font-size;
+	padding-top: 2px;
+}
+
+.forum-statistics {
+	font-size: $font-size;
+	padding-top: 2px;
+	.value {
+	}
+}
+
+.forum-lastpost {
+	display: none;
+	@media (max-width: 550px) {
+		display: block !important;
+		padding-top: 2px;
+		line-height: 1.2;
+		overflow: hidden;
+	}
+	strong, span {
+		text-overflow: ellipsis;
+		overflow: hidden;
+		white-space: nowrap;
+	}
+	strong, span, a.lastsubject {
+		font-weight: normal;
+	}
+	strong {
+		display: block;
+		float: left;
+		max-width: 200px;
+		padding-right: 5px;
+		.rtl & {
+			float: right;
+			padding-right: 0;
+			padding-left: 5px;
+		}
+		@media (max-width: 400px) {
+			max-width: 130px;
+		}
+	}
+	span {
+		display: inline-block;
+		max-width: 100%;
+		&:after {
+			content: '|';
+			display: inline-block;
+			text-align: center;
+			width: 12px;
+		}
+		&:last-of-type:after {
+			display: none;
+		}
+	}
+}
+
+.subforums-list {
+	padding-top: 2px;
+}
+
+.forum-description.toggle {
+	display: none;
+	position: absolute;
+	font-size: $font-size;
+	border-radius: 4px;
+	padding: 4px 9px;
+	max-width: 500px;
+	cursor: pointer;
+	a.forumtitle + & {
+		left: 55px;
+		top: 25px;
+		z-index: 30;
+		.rtl & {
+			left: auto;
+			right: 55px;
+		}
+	}
+	a {
+		background: none !important;
+		text-decoration: underline !important;
+		border-width: 0 !important;
+	}
+	span.arrow {
+		position: absolute;
+		line-height: 0;
+		width: 0;
+		height: 0;
+		border: 6px solid transparent;
+		border-left: 1px none transparent;
+		top: 6px;
+		left: -6px;
+		bottom: auto;
+	}
+	.rtl & span.arrow {
+		border-left: 6px solid transparent;
+		border-right: 1px none transparent;
+		left: auto;
+		right: -6px;
+	}
+	&.no-arrow span.arrow {
+		display: none;
+	}
+}
+
+// Post body styles
+// ----------------------------------------
+.postbody {
+	padding: 0;
+	font-size: $font-size;
+	line-height: $line-height;
+	.postprofile + & {
+		float: $post-side;
+		margin-#{$profile-side}: -#{$post-margin};
+		.rtl & {
+			margin-#{$profile-side}: 0;
+			margin-#{$post-side}: -#{$post-margin};
+			float: $profile-side;
+		}
+		width: 100%;
+		position: relative;
+		.search & {
+			margin-#{$profile-side}: (-100px - $post-margin);
+			.rtl & {
+				margin-#{$profile-side}: 0;
+				margin-#{$post-side}: (-100px - $post-margin);
+			}
+		}
+	}
+}
+
+.postprofile + .postbody > div {
+	margin-#{$profile-side}: $post-margin;
+	&:only-child:after {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+	.rtl & {
+		margin-#{$profile-side}: 0;
+		margin-#{$post-side}: $post-margin;
+	}
+	.search & {
+		margin-#{$profile-side}: ($post-margin + 100px);
+		.rtl & {
+			margin-#{$profile-side}: 0;
+			margin-#{$post-side}: ($post-margin + 100px);
+		}
+	}
+}
+
+.postbody .ignore {
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+}
+
+.postbody h3.first {
+	// The first post on the page uses this
+}
+
+.postbody h3 {
+	// Postbody requires a different h3 format - so change it here
+	float: left;
+	font-size: $post-title-font-size;
+	padding: 2px 0 0 0;
+	margin-top: 0 !important;
+	margin-bottom: 0.3em !important;
+	text-transform: none;
+	border: none;
+	font-family: $post-title-font-family;
+	line-height: $post-title-line-height;
+	.rtl & {
+		float: right;
+	}
+}
+
+.postbody h3 img {
+	vertical-align: bottom;
+}
+
+.has-profile .postbody h3 {
+	// If there is a post-profile, we position the post-buttons differently
+	float: none !important;
+	margin-right: 180px;
+	.rtl & {
+		margin-right: 0;
+		margin-left: 180px;
+	}
+}
+
+.postbody .content {
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	overflow-x: auto;
+}
+
+.postbody img.postimage {
+	max-width: 100%;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+// Topic review panel
+// ----------------------------------------
+.panel .review {
+	margin-top: 2em;
+}
+
+.topicreview {
+	padding-right: 5px;
+	overflow: auto;
+	height: 300px;
+}
+
+.topicreview .postbody {
+	width: auto;
+	float: none;
+	margin: 0;
+	height: auto;
+}
+
+.topicreview .post {
+	height: auto;
+}
+
+.topicreview h2 {
+	border-bottom-width: 0;
+}
+
+.post-ignore .postbody {
+	display: none;
+}
+
+// MCP Post details
+// ----------------------------------------
+.post_details {
+	overflow: auto;
+	max-height: 300px;
+}
+
+// Content container styles
+// ----------------------------------------
+.content {
+	clear: both;
+	min-height: 3em;
+	overflow: hidden;
+	line-height: $post-content-line-height;
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	padding-bottom: 1px;
+}
+
+.content h2, .panel h2 {
+	font-weight: normal;
+	border-bottom: 1px solid transparent;
+	font-size: $panel-heading-font-size;
+	margin-top: 0.5em;
+	margin-bottom: 0.5em;
+	padding-bottom: 0.5em;
+	&.faq-title {
+		margin-top: 5px;
+	}
+}
+
+.panel h3 {
+	margin: 0.5em 0;
+}
+
+$panel-font-size:		$font-size + 2px !default;
+$panel-line-height:		$line-height !default;
+
+.panel p {
+	font-size: $panel-font-size;
+	margin-bottom: 1em;
+	line-height: $panel-line-height;
+}
+
+.content p {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	margin-bottom: 1em;
+	line-height: $post-content-line-height;
+}
+
+dl.faq {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	margin-top: 1em;
+	margin-bottom: 2em;
+	line-height: $post-content-line-height;
+}
+
+dl.faq dt {
+	font-family: $post-title-font-family;
+	font-size: $post-title-font-size;
+	line-height: $post-title-line-height;
+	font-weight: normal;
+	margin-bottom: 5px;
+}
+
+.content dl.faq {
+	@extend dl.faq;
+	margin-bottom: 0.5em;
+}
+
+.content li {
+	list-style-type: inherit;
+}
+
+.content ul, .content ol {
+	margin: 0.8em 0 0.9em 3em;
+}
+
+.posthilit {
+	padding: 0 2px 1px 2px;
+}
+
+// Post author
+p.author {
+	margin-bottom: 0.3em;
+	padding: 0 0 5px 0;
+	font-family: $font-family;
+	font-size: $font-size;
+	line-height: $line-height;
+	clear: both;
+}
+
+// Post signature
+.signature {
+	margin-top: 1.5em;
+	padding-top: 0.2em;
+	font-size: $post-signature-font-size;
+	border-top: 1px solid transparent;
+	clear: left;
+	font-family: $post-content-font-family;
+	line-height: $post-content-line-height;
+	overflow: hidden;
+	width: 100%;
+}
+
+.signature.standalone {
+	border-top-width: 0;
+	margin-top: 0;
+}
+
+dd .signature {
+	margin: 0;
+	padding: 0;
+	clear: none;
+	border: none;
+}
+
+.signature li {
+	list-style-type: inherit;
+}
+
+.signature ul, .signature ol {
+	margin: 0.8em 0 0.9em 3em;
+}
+
+// Post noticies
+.notice {
+	font-family: $post-content-font-family;
+	width: auto;
+	margin-top: 1.5em;
+	padding-top: 0.2em;
+	font-size: $post-content-font-size;
+	border-top: 1px dashed transparent;
+	clear: left;
+	line-height: $post-content-line-height;
+}
+
+// Jump to post link for now
+ul.searchresults {
+	list-style: none;
+	text-align: right;
+	clear: both;
+	@if $profile-side == right {
+		margin-right: ($post-margin + 100px);
+	}
+	.rtl & {
+		text-align: left;
+		@if $profile-side == right {
+			margin-right: 0;
+			margin-left: ($post-margin + 100px);
+		}
+	}
+}
+
+// BB Code styles
+// ----------------------------------------
+// Quote block
+blockquote {
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	font-size: $post-quote-font-size;
+	margin: 8px 12px;
+	overflow: hidden;
+	padding: 5px;
+	position: relative;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+/*blockquote:before {
+	position: absolute;
+	font-family: 'Trebuchet MS';
+	top: 5px;
+	left: 4px;
+	height: 16px;
+	font-size: 30px;
+	line-height: 30px;
+	pointer-events: none;
+}*/
+
+blockquote blockquote {
+	// Nested quotes
+	margin: 5px;
+}
+
+blockquote cite {
+	// Username/source of quoter
+	font-style: normal;
+	font-weight: bold;
+	display: block;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+}
+
+blockquote cite cite {
+}
+
+blockquote cite:before, .uncited:before {
+	padding-right: 5px;
+}
+
+blockquote cite > div {
+	float: right;
+	font-weight: normal;
+}
+
+.postbody .content li blockquote {
+	overflow: inherit;
+	margin-left: 0;
+}
+
+// Code block
+$post-code-line-height:		1.3 !default;
+
+.codebox {
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	margin: 8px 12px;
+	font-size: $post-code-font-size;
+	word-wrap: normal;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+.codebox p {
+	text-transform: uppercase;
+	border-bottom: 1px solid transparent;
+	margin-bottom: 3px;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size !important;
+	line-height: $post-block-title-line-height;
+	font-weight: bold;
+	display: block;
+}
+
+blockquote .codebox {
+	margin-left: 0;
+}
+
+.codebox code {
+	overflow: auto;
+	display: block;
+	height: auto;
+	max-height: 200px;
+	padding: 5px 3px;
+	font-family: Monaco, "Andale Mono","Courier New", Courier, mono;
+	font-size: $post-code-font-size;
+	line-height: $post-code-line-height;
+}
+
+// Attachments
+// ----------------------------------------
+.attachbox {
+	float: left;
+	width: auto;
+	max-width: 100%;
+	margin: 5px 5px 5px 0;
+	padding: 6px;
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	clear: left;
+	box-sizing: border-box;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+.attachbox dt {
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+	font-weight: 500;
+}
+
+.attachbox dd {
+	margin-top: 4px;
+	padding-top: 4px;
+	clear: left;
+	border-top: 1px solid transparent;
+	overflow-x: auto;
+}
+
+.attachbox dd dd {
+	border: none;
+}
+
+.attachbox p, .attachbox p.stats {
+	line-height: $post-content-line-height;
+	font-weight: normal;
+	clear: left;
+}
+
+.attach-image {
+	margin: 3px 0;
+	max-width: 100%;
+}
+
+.attach-image img {
+	// border: 1px solid transparent;
+//	cursor: move;
+	cursor: default;
+}
+
+// Inline image thumbnails
+div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
+	display: block;
+	margin-bottom: 4px;
+}
+
+div.inline-attachment p {
+	font-size: $post-quote-font-size;
+}
+
+dl.file {
+	font-family: $post-block-title-font-family;
+	display: block;
+}
+
+dl.file dt {
+	text-transform: none;
+	margin: 0;
+	padding: 0;
+	font-weight: bold;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+}
+
+dl.file dd {
+	margin: 0;
+	padding: 0;
+}
+
+dl.thumbnail img {
+	padding: 3px;
+	border: 1px solid transparent;
+	box-sizing: border-box;
+}
+
+dl.thumbnail dd {
+	font-style: italic;
+	font-family: $font-family;
+}
+
+.attachbox dl.thumbnail dd {
+	font-size: 100%;
+}
+
+dl.thumbnail dt a:hover img {
+	border: 1px solid transparent;
+}
+
+// Post poll styles
+// ----------------------------------------
+fieldset.polls {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dl {
+	margin: 0;
+	border: 1px solid transparent;
+	border-width: 1px 0;
+	padding: 5px 0;
+	line-height: $post-content-line-height;
+	&:first-child {
+		border-top-width: 0;
+	}
+	&:last-child {
+		border-bottom-width: 0;
+	}
+}
+
+fieldset.polls dl.voted {
+	font-weight: bold;
+}
+
+fieldset.polls dt {
+	text-align: left;
+	float: left;
+	display: block;
+	width: 30%;
+	border-right: none;
+	padding: 0;
+	margin: 0;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dd {
+	float: left;
+	width: 10%;
+	border-left: none;
+	padding: 0 5px;
+	margin-left: 0;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dd.resultbar {
+	width: 50%;
+}
+
+fieldset.polls dd input {
+	margin: 2px 0;
+}
+
+fieldset.polls dd div {
+	text-align: right;
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: bold;
+	font-size: .9em;
+	padding: 0 3px;
+	overflow: visible;
+	min-width: 8px;
+	border-radius: max(min($border-radius, 5px) - 1px, 0);
+}
+
+.vote-submitted {
+	font-size: $post-content-font-size + 2px;
+	font-weight: bold;
+	text-align: center;
+}
+
+// Poster profile block
+// ----------------------------------------
+.postprofile {
+	margin: 0;
+	padding: 5px 0;
+	min-height: 80px;
+	border: 0px solid transparent;
+	border-#{$post-side}-width: 1px;
+	width: $profile-width;
+	float: $profile-side;
+	position: relative;
+	box-sizing: border-box;
+	z-index: 2;
+	.rtl & {
+		float: $post-side;
+		border-width: 0;
+		border-#{$profile-side}-width: 1px;
+	}
+	.search & {
+		width: ($profile-width + 100px);
+	}
+}
+
+.postprofile dd, .postprofile dt {
+	font-size: $post-profile-font-size;
+	line-height: $post-profile-line-height;
+	margin-#{$post-side}: 8px;
+	.rtl & {
+		margin-#{$profile-side}: 8px;
+		margin-#{$post-side}: 0;
+	}
+}
+
+.postprofile dd {
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.postprofile strong {
+	font-weight: normal;
+}
+
+.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
+	margin-bottom: 10px;
+}
+
+// Post-profile avatars
+.postprofile .has-avatar .avatar-container {
+	margin-bottom: 3px;
+	overflow: hidden;
+}
+
+.postprofile .avatar {
+	display: block;
+	float: left;
+	max-width: 100%;
+	.rtl & {
+		float: right;
+	}
+}
+
+.postprofile .avatar img {
+	display: block;
+	height: auto !important;
+	max-width: 100%;
+}
+
+.postprofile .profile-posts a {
+	font-weight: normal;
+}
+
+dd.profile-warnings {
+	font-weight: bold;
+}
+
+dd.profile-contact {
+	overflow: visible;
+}
+
+.profile-contact .dropdown-container {
+	display: inline-block;
+}
+
+.profile-contact .icon_contact {
+	vertical-align: middle;
+}
+
+.profile-contact .dropdown {
+	margin-right: -14px;
+}
+
+.online-ribbon {
+	display: block;
+	width: 70px;
+	height: 70px;
+	position: absolute;
+	overflow: hidden;
+	top: 0;
+	#{$profile-side}: 0;
+	pointer-events: none;
+
+	.rtl & {
+		#{$profile-side}: auto;
+		#{$post-side}: 0;
+	}
+
+	span {
+		display: block;
+		font-weight: 500;
+		font-style: normal;
+		width: 100px;
+		font-size: 11px;
+		line-height: 18px;
+		height: 18px;
+		text-align: center;
+		position: absolute;
+		top: 17px;
+		white-space: nowrap;
+		#{$profile-side}: -25px;
+
+		@if $profile-side == left {
+			-webkit-transform: rotate(-45deg);
+			-ms-transform: rotate(-45deg);
+			transform: rotate(-45deg);
+		}
+		@else {
+			-webkit-transform: rotate(45deg);
+			-ms-transform: rotate(45deg);
+			transform: rotate(45deg);
+		}
+
+		+ span {
+			opacity: .75;
+			z-index: 29;
+		}
+
+		.rtl & {
+			#{$profile-side}: auto;
+			#{$post-side}: -25px;
+
+			@if $profile-side == right {
+				-webkit-transform: rotate(-45deg);
+				-ms-transform: rotate(-45deg);
+				transform: rotate(-45deg);
+			}
+			@else {
+				-webkit-transform: rotate(45deg);
+				-ms-transform: rotate(45deg);
+				transform: rotate(45deg);
+			}
+		}
+	}
+}
+
+.panel.online > .inner {
+	position: relative;
+	z-index: 2;
+}
+
+.no-avatar .avatar-container {
+	display: block;
+	width: 92px;
+	height: 92px;
+	background: transparent none 50% 50% no-repeat;
+	background-size: cover;
+}
+
+// Profile used on view-profile
+.profile-avatar img {
+	max-width: 100%;
+}
+
+// pm list in compose message if mass pm is enabled
+dl.pmlist dt {
+	width: 60% !important;
+}
+
+dl.pmlist dt textarea {
+	width: 95%;
+}
+
+dl.pmlist dd {
+	margin-left: 61% !important;
+	margin-bottom: 2px;
+}
+
+.action-bar div.dl_links {
+	padding: 10px 0 0 10px;
+}
+
+div.dl_links {
+	display: inline-block;
+	text-transform: none;
+}
+
+.dl_links strong {
+	font-weight: bold;
+}
+
+.dl_links ul {
+	list-style-type: none;
+	margin: 0;
+	display: inline-block;
+}
+
+.dl_links li {
+	display: inline-block;
+}
+
+.attachment-filename {
+	width: 100%;
+}
+
+.ellipsis-text {
+	display: inline-block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+table.fixed-width-table {
+	table-layout: fixed;
+}
+
+// Show scrollbars for items with overflow on iOS devices
+// ----------------------------------------
+.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+	width: 8px;
+	height: 8px;
+	-webkit-appearance: none;
+	border-radius: 3px;
+}
+
+.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+	border-radius: 3px;
+}
+
+#memberlist tr.inactive, #team tr.inactive {
+	font-style: italic;
+}
+
+//
+// Extensions
+//
+
+// Thanks for posts
+a.post {
+	display: inline !important;
+	background: none !important;
+	box-shadow: none !important;
+	border: none !important;
+}
diff --git a/simplicity_blue/theme/common/_cp.scss b/simplicity_blue/theme/common/_cp.scss
new file mode 100644
index 0000000..cfbb15e
--- /dev/null
+++ b/simplicity_blue/theme/common/_cp.scss
@@ -0,0 +1,440 @@
+// Control Panel Styles
+// ----------------------------------------
+
+
+// Main CP box
+// ----------------------------------------
+.cp-menu {
+	float:left;
+	width: 19%;
+	margin: 0 -2px;
+	padding-right: 7px;
+	box-sizing: border-box;
+	.rtl & {
+		float: right;
+		padding-left: 7px;
+		padding-right: 0;
+	}
+}
+
+.cp-main {
+	float: left;
+	width: 81%;
+	.rtl & {
+		float: right;
+	}
+}
+
+.cp-main .content {
+	padding: 0;
+}
+
+.panel-container .panel {
+	margin-bottom: 10px;
+}
+
+.panel-container .panel p {
+	font-size: $panel-font-size;
+	line-height: $panel-line-height;
+}
+
+.panel-container .panel ol {
+	margin-left: 2em;
+	font-size: $panel-font-size;
+}
+
+.panel-container .panel li.row {
+	border-bottom: 1px solid transparent;
+	border-top: 1px solid transparent;
+}
+
+ul.cplist {
+	margin-bottom: 5px;
+	border-top: 1px solid transparent;
+}
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+	margin-bottom: 2px;
+}
+
+.panel-container table.table1 {
+	margin-bottom: 1em;
+}
+
+.panel-container table.table1 thead th {
+	@include table-heading-transparent;
+	padding: 5px;
+	font-weight: bold;
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.panel-container table.table1 tbody th {
+	font-style: italic;
+	background-color: transparent !important;
+	border-bottom: none;
+}
+
+.cp-main .pm-message {
+	border: 1px solid transparent;
+	margin: 10px 0;
+	width: auto;
+	float: none;
+}
+
+.pm-message h2 {
+	padding-bottom: 5px;
+}
+
+.cp-main .postbody h3, .cp-main .box2 h3 {
+	margin-top: 0;
+}
+
+.panel-container .postbody p.author {
+	font-size: $font-size;
+}
+
+.cp-main .buttons {
+	margin-left: 0;
+}
+
+.cp-main ul.linklist {
+	margin: 0;
+}
+
+// MCP Specific tweaks
+.mcp-main .postbody {
+	width: 100%;
+}
+
+.tabs-container h2 {
+	float: left;
+	margin-bottom: 0px;
+}
+
+// CP tabs shared
+// ----------------------------------------
+.tabs, .minitabs {
+	line-height: normal;
+}
+
+.tabs > ul, .minitabs > ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	position: relative;
+}
+
+.tabs .tab, .minitabs .tab {
+	display: block;
+	float: left;
+	font-size: $tab-font-size;
+	font-weight: bold;
+	line-height: $tab-line-height;
+}
+
+.tabs .tab > a, .minitabs .tab > a {
+	display: block;
+	padding: 0 9px;
+	position: relative;
+	text-decoration: none;
+	white-space: nowrap;
+	cursor: pointer;
+	font-size: inherit;
+	line-height: inherit;
+}
+
+// CP tabbed menu
+// ----------------------------------------
+.tabs {
+	margin: 20px 0 0 7px;
+}
+
+.tabs .tab > a {
+	border: 1px solid transparent;
+	border-radius: 4px 4px 0 0;
+	margin: 1px 1px 0 0;
+}
+
+.tabs .activetab > a {
+	margin-top: 0;
+	padding-bottom: 2px;
+}
+
+// Mini tabbed menu used in MCP
+// ----------------------------------------
+.minitabs {
+	float: right;
+	margin: 15px 7px 0 0;
+	max-width: 50%;
+}
+
+.minitabs .tab {
+	float: right;
+}
+
+.minitabs .tab > a {
+	border-radius: 5px 5px 0 0;
+	margin-left: 2px;
+}
+
+.minitabs .tab > a:hover {
+	text-decoration: none;
+}
+
+// Responsive tabs
+// ----------------------------------------
+.responsive-tab {
+	position: relative;
+}
+
+a.responsive-tab-link {
+	.responsive-tab > & {
+		display: block;
+		font-size: 16px;
+		position: relative;
+		width: 16px;
+		line-height: 14px;
+		text-decoration: none;
+	}
+	.responsive-tab > &:before {
+		content: '\f0c9';	// fa-bars
+		font-family: FontAwesome;
+		position: absolute;
+		left: 10px;
+		top: 50%;
+		margin-top: -7px;
+		width: 14px;
+		font-size: 13px;
+		line-height: 15px;
+		height: 15px;
+		text-align: center;
+		font-weight: normal;
+		font-style: normal;
+		text-indent: 0;
+	}
+	.dropdown-visible.responsive-tab > &:before,
+	.responsive-tab > &:hover:before {
+		font-family: FontAwesome;
+		content: '\f078';	// fa-chevron-down
+	}
+}
+
+.tabs .dropdown, .minitabs .dropdown {
+	top: $tab-line-height + 2px;
+	margin-right: -2px;
+	font-size: $dropdown-content-font-size;
+	line-height: $dropdown-content-line-height;
+	font-weight: normal;
+}
+
+.minitabs .dropdown {
+	margin-right: -4px;
+}
+
+.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
+	bottom: $tab-line-height + 2px;
+	top: auto;
+}
+
+.tabs .dropdown li {
+	text-align: right;
+}
+
+.minitabs .dropdown li {
+	text-align: left;
+}
+
+// UCP navigation menu
+// ----------------------------------------
+// Container for sub-navigation list
+.navigation {
+	width: 100%;
+	hr {
+		display: none;
+		+ ul {
+			margin-top: 10px;
+		}
+	}
+}
+
+.navigation ul {
+	list-style: none;
+}
+
+// Default list state
+.navigation li {
+	display: inline;
+	font-weight: bold;
+	margin: 1px 0;
+	padding: 0;
+}
+
+// Link styles for the sub-section links
+.navigation a {
+	display: block;
+	padding: 5px;
+	margin: 2px 0;
+	border-radius: max(0px, $border-radius - 2px);
+	text-decoration: none;
+	font-size: $font-size;
+	line-height: $line-height;
+}
+
+.navigation a:hover {
+	text-decoration: none;
+}
+
+// Preferences pane layout
+// ----------------------------------------
+.cp-main h2 {
+	border-bottom: none;
+	padding: 0;
+	margin-left: 10px;
+}
+
+// Friends list
+.cp-mini {
+	margin: 10px 15px 10px 5px;
+	max-height: 200px;
+	overflow-y: auto;
+	padding: 5px 10px;
+	border-radius: $border-radius;
+}
+
+dl.mini dt {
+	font-weight: bold;
+}
+
+dl.mini dd {
+	padding-top: 4px;
+}
+
+.friend-online {
+	font-weight: bold;
+}
+
+.friend-offline {
+	font-style: italic;
+}
+
+// PM Styles
+// ----------------------------------------
+// Defined rules list for PM options
+ol.def-rules {
+	padding-left: 0;
+}
+
+ol.def-rules li {
+	line-height: 180%;
+	padding: 1px;
+}
+
+// PM marking colours
+.pmlist li.bg1 {
+	padding: 0 3px;
+}
+
+.pmlist li.bg2 {
+	padding: 0 3px;
+}
+
+/* DEPRECATED 3.2.6
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: transparent;
+	border-right-color: transparent;
+}
+*/
+
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour,
+.pmlist li.pm_marked_colour, .pm_marked_colour,
+.pmlist li.pm_replied_colour, .pm_replied_colour,
+.pmlist li.pm_friend_colour, .pm_friend_colour,
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+	padding: 0;
+	border: solid 3px transparent;
+	border-width: 0 3px;
+}
+
+.pm-legend {
+	border-left-width: 10px;
+	border-left-style: solid;
+	border-right-width: 0;
+	margin-bottom: 3px;
+	padding-left: 3px;
+}
+
+// Avatar gallery
+.gallery label {
+	position: relative;
+	float: left;
+	margin: 10px;
+	padding: 5px;
+	width: auto;
+	border: 1px solid transparent;
+	text-align: center;
+}
+
+// Responsive *CP navigation
+// ----------------------------------------
+@media (max-width: 900px)
+{
+	.nojs .tabs a span, .nojs .minitabs a span {
+		max-width: 40px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		letter-spacing: -.5px;
+	}
+
+	.cp-menu, .navigation, .cp-main {
+		float: none;
+		width: auto;
+		margin: 0;
+	}
+
+	.cp-menu:after {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+
+	.navigation {
+		padding: 0;
+		max-width: 320px;
+		.cp-menu & {
+			margin: 0 10px;
+			float: left;
+			@media (max-width: 450px) {
+				float: none;
+				margin: 0 auto;
+			}
+		}
+		&, .cp-menu &:only-child {
+			float: none;
+			margin: 0 auto;
+		}
+		.cp-menu & + .cp-mini {
+			float: left;
+			margin: 0 10px;
+			max-width: 220px;
+			@media (max-width: 450px) {
+				float: none;
+				margin: 10px auto 0;
+			}
+		}
+	}
+
+	.navigation a {
+		background-image: none;
+	}
+
+	.navigation li:first-child a {
+		border-top-left-radius: 5px;
+		border-top-right-radius: 5px;
+	}
+
+	.navigation li:last-child a {
+		border-bottom-left-radius: 5px;
+		border-bottom-right-radius: 5px;
+	}
+}
diff --git a/simplicity_blue/theme/common/_forms.scss b/simplicity_blue/theme/common/_forms.scss
new file mode 100644
index 0000000..80a6269
--- /dev/null
+++ b/simplicity_blue/theme/common/_forms.scss
@@ -0,0 +1,459 @@
+// Form Styles
+// ----------------------------------------
+
+// General form styles
+// ----------------------------------------
+$input-font-size:		$font-size + 1px !default;
+$input-font-family:		$font-family !default;
+
+fieldset {
+	border-width: 0;
+	font-family: $font-family;
+	font-size: $font-size;
+}
+
+input {
+	font-weight: normal;
+	vertical-align: middle;
+	padding: 0 3px;
+	font-size: $input-font-size;
+	font-family: $input-font-family;
+}
+
+select {
+	font-family: $input-font-family;
+	font-weight: normal;
+	cursor: pointer;
+	vertical-align: middle;
+	border: 1px solid transparent;
+	border-radius: $input-border-radius;
+	padding: 1px;
+	font-size: $input-font-size;
+}
+
+select:focus {
+	outline-style: none;
+}
+
+option {
+	padding-right: 1em;
+}
+
+select optgroup option {
+	padding-right: 1em;
+	font-family: $input-font-family;
+}
+
+textarea {
+	font-family: $post-content-font-family;
+	width: 60%;
+	padding: 2px;
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	border-radius: $input-border-radius;
+	-webkit-appearance: none;
+}
+
+label {
+	cursor: default;
+	padding-right: 5px;
+}
+
+label input {
+	vertical-align: middle;
+}
+
+label img {
+	vertical-align: middle;
+}
+
+// Definition list layout for forms
+// ----------------------------------------
+fieldset dl {
+	padding: 4px 0;
+}
+
+fieldset dt {
+	float: left;
+	width: 40%;
+	text-align: left;
+	display: block;
+}
+
+fieldset dd {
+	margin-left: 41%;
+	vertical-align: top;
+	margin-bottom: 3px;
+}
+
+// Specific layout 1
+fieldset.fields1 dt {
+	width: 15em;
+	border-right-width: 0;
+}
+
+fieldset.fields1 dd {
+	margin-left: 15em;
+	border-left-width: 0;
+}
+
+fieldset.fields1 div {
+	margin-bottom: 3px;
+}
+
+// Set it back to 0px for the reCaptcha divs: PHPBB3-9587
+fieldset.fields1 .live-search div {
+	margin-bottom: 0;
+}
+
+// Specific layout 2
+fieldset.fields2 dt {
+	width: 15em;
+	border-right-width: 0;
+}
+
+fieldset.fields2 dd {
+	margin-left: 16em;
+	border-left-width: 0;
+}
+
+// Form elements
+dt label {
+	font-weight: bold;
+	text-align: left;
+}
+
+dd label {
+	white-space: nowrap;
+}
+
+dd input, dd textarea {
+	margin-right: 3px;
+}
+
+dd select {
+	width: auto;
+}
+
+dd select[multiple] {
+	width: 100%;
+}
+
+dd textarea {
+	width: 85%;
+}
+
+// Hover effects
+.timezone {
+	width: 95%;
+}
+
+/* Browser-specific tweaks */
+button::-moz-focus-inner {
+	padding: 0;
+	border: 0
+}
+
+
+// Quick-login on index page
+fieldset.quick-login {
+	margin-top: 5px;
+}
+
+fieldset.quick-login input {
+	width: auto;
+}
+
+fieldset.quick-login input.inputbox {
+	width: 15%;
+	vertical-align: middle;
+	margin-right: 5px;
+}
+
+fieldset.quick-login label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+// Display options on viewtopic/viewforum pages
+fieldset.display-options {
+	text-align: center;
+	margin: 3px 0 5px 0;
+}
+
+fieldset.display-options label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+fieldset.display-options a {
+	margin-top: 3px;
+}
+
+.dropdown fieldset.display-options {
+	font-size: 1em;
+	margin: 0;
+	padding: 0;
+}
+
+.dropdown fieldset.display-options label {
+	display: block;
+	margin: 4px;
+	padding: 0;
+	text-align: right;
+	white-space: nowrap;
+}
+
+.dropdown fieldset.display-options select {
+	min-width: 120px;
+}
+
+// Display actions for ucp and mcp pages
+fieldset.display-actions {
+	text-align: right;
+	line-height: 2em;
+	white-space: nowrap;
+	padding-right: 1em;
+}
+
+fieldset.display-actions label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+fieldset.sort-options {
+	line-height: 2em;
+}
+
+// MCP forum selection
+fieldset.forum-selection {
+	margin: 5px 0 3px 0;
+	float: right;
+}
+
+fieldset.forum-selection2 {
+	margin: 13px 0 3px 0;
+	float: right;
+}
+
+// Submit button fieldset
+fieldset.submit-buttons {
+	text-align: center;
+	vertical-align: middle;
+	margin: 5px 0;
+}
+
+fieldset.submit-buttons input {
+	vertical-align: middle;
+}
+
+// Posting page styles
+// ----------------------------------------
+
+// Buttons used in the editor
+.format-buttons {
+	margin: 15px 0 2px 0;
+}
+
+.format-buttons input, .format-buttons select {
+	vertical-align: middle;
+}
+
+// Main message box
+.message-box {
+	width: 80%;
+}
+
+.message-box textarea {
+	font-family: $post-content-font-family;
+	width: 450px;
+	height: 270px;
+	min-width: 100%;
+	max-width: 100%;
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	resize: vertical;
+	outline: 3px dashed transparent;
+	outline-offset: -4px;
+	-webkit-transition: all .5s ease, height 1ms linear;
+	-moz-transition: all .5s ease, height 1ms linear;
+	-ms-transition: all .5s ease, height 1ms linear;
+	-o-transition: all .5s ease, height 1ms linear;
+	transition: all .5s ease, height 1ms linear;
+}
+
+// Emoticons panel
+.smiley-box {
+	width: 18%;
+	float: right;
+}
+
+.smiley-box img {
+	margin: 3px;
+}
+
+// Input field styles
+// ----------------------------------------
+.inputbox {
+	border: 1px solid transparent;
+	padding: 2px;
+	border-radius: $input-border-radius;
+	-webkit-appearance: none;
+}
+
+.inputbox:hover, .inputbox:focus {
+	border: 1px solid transparent;
+	outline-style: none;
+}
+
+input.inputbox	{ width: 85%; }
+input.medium	{ width: 50%; }
+input.narrow	{ width: 25%; }
+input.tiny	{ width: 150px; }
+
+textarea.inputbox {
+	width: 85%;
+}
+
+.autowidth {
+	width: auto !important;
+}
+
+input[type="number"] {
+	-moz-padding-end: 0;
+}
+
+input[type="search"] {
+	-webkit-appearance: none;
+	-webkit-box-sizing: content-box;
+}
+
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
+	display: none;
+}
+
+input[type="search"]::-webkit-search-cancel-button {
+	cursor: pointer;
+}
+
+// Form button styles
+// ----------------------------------------
+input.button1, input.button2 {
+	font-size: $input-button-font-size;
+}
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+	width: auto !important;
+	padding-top: 1px;
+	padding-bottom: 1px;
+	font-family: $input-button-font-family;
+	background: transparent none repeat-x top left;
+	line-height: 1.5;
+	border-radius: $button-border-radius;
+	font-size: $input-button-font-size;
+	.format-buttons & {
+		font-size: $bbcode-button-font-size;
+	}
+}
+
+a.button1, input.button1 {
+	font-weight: bold;
+	border: 1px solid transparent;
+}
+
+input.button3 {
+	padding: 0;
+	margin: 0;
+	line-height: 5px;
+	height: 12px;
+	background-image: none;
+	font-variant: small-caps;
+}
+
+input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li {
+	cursor: pointer;
+}
+
+// Alternative button
+a.button2, input.button2, input.button3 {
+	border: 1px solid transparent;
+}
+
+// <a> button in the style of the form buttons
+a.button1, a.button2 {
+	text-decoration: none;
+	padding: 0 3px;
+	vertical-align: text-bottom;
+}
+
+// Hover states
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+	border: 1px solid transparent;
+}
+
+input.disabled {
+	font-weight: normal;
+}
+
+// Focus states
+input.button1:focus, input.button2:focus, input.button3:focus {
+	outline-style: none;
+}
+
+// Topic and forum Search
+.search-box {
+	float: left;
+}
+
+.search-box .inputbox {
+	background-image: none;
+	border-right-width: 0;
+	border-radius: $big-button-border-radius 0 0 $big-button-border-radius;
+	float: left;
+	height: $button-outer-height;
+	padding: 3px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	.rtl & {
+		border-radius: 0 $big-button-border-radius $big-button-border-radius 0;
+	}
+}
+
+// Search box (header)
+// ---------------------------------------------
+.search-header {
+	border-radius: $big-button-border-radius;
+	display: block;
+	border: 1px solid transparent;
+	.navbar.with-search & {
+		margin-top: 1px;
+	}
+	@if $tabbed-navigation {
+		.navbar.not-static + .navbar.with-search & {
+			&, & a.button, & .inputbox {
+				border-radius: 0;
+			}
+			margin-right: -3px;
+			.rtl & {
+				margin-right: 0;
+				margin-left: -3px;
+			}
+		}
+	}
+	.headerbar & {
+		position: absolute;
+		top: 50%;
+		right: 5px;
+		margin-top: -13px;
+	}
+}
+
+.search-header .inputbox { border: 0; }
+
+.navbar .linklist > li.responsive-search { display: none; }
+
+.full { width: 95%; }
+.medium { width: 50%;}
+.narrow { width: 25%;}
+.tiny { width: 10%;}
diff --git a/simplicity_blue/theme/common/_icons.scss b/simplicity_blue/theme/common/_icons.scss
new file mode 100644
index 0000000..3ac5984
--- /dev/null
+++ b/simplicity_blue/theme/common/_icons.scss
@@ -0,0 +1,96 @@
+/* --------------------------------------------------------------
+	$Icons
+-------------------------------------------------------------- */
+
+/* Global module setup
+--------------------------------*/
+
+/* Renamed version of .fa class for agnostic usage of icon fonts.
+ * Just change the name of the font after the 14/1 to the name of
+ * the font you wish to use.
+ */
+.icon, .button .icon, blockquote cite:before, .uncited:before {
+	display: inline-block;
+  	font-weight: normal;
+  	font-style: normal;
+  	font-variant: normal;
+  	font-family: FontAwesome;
+  	font-size: 14px;
+  	line-height: 1;
+  	text-rendering: auto; /* optimizelegibility throws things off #1094 */
+  	-webkit-font-smoothing: antialiased;
+  	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon:before { padding-right: 2px; }
+
+.button .icon:before {
+	padding-right: 0;
+}
+
+/* Icon size classes - Default size is 14px, use these for small variations */
+
+.icon.icon-xl {
+	font-size: 20px;
+}
+
+.icon.icon-lg {
+	font-size: 16px;
+}
+
+.icon.icon-md {
+	font-size: 10px;
+}
+
+.icon.icon-sm {
+	font-size: 8px;
+}
+
+/* icon modifiers */
+.icon-tiny {
+	width: 12px;
+	transform: scale(0.65, 0.75);
+	vertical-align: text-bottom;
+	font-size: 16px;
+}
+
+.arrow-left .icon {
+	float: left;
+}
+
+.arrow-left:hover .icon {
+	margin-left: -5px;
+	margin-right: 5px;
+}
+
+.arrow-right .icon {
+	float: right;
+}
+
+.arrow-right:hover .icon {
+	margin-left: 5px;
+	margin-right: -5px;
+}
+
+.post-buttons .dropdown-contents .icon {
+    float: right;
+    margin-left: 5px;
+}
+
+.alert_close .icon:before {
+	padding: 0;
+    border-radius: 50%;
+    width: 11px;
+    display: block;
+    line-height: .9;
+    height: 12px;
+}
+
+blockquote cite:before, .uncited:before {
+	content: '\f10d'; /* Font Awesome quote-left */
+}
+
+.rtl blockquote cite:before, .rtl .uncited:before {
+	content: '\f10e'; /* Font Awesome quote-right */
+}
+
diff --git a/simplicity_blue/theme/common/_imageset.scss b/simplicity_blue/theme/common/_imageset.scss
new file mode 100644
index 0000000..8b4d1dd
--- /dev/null
+++ b/simplicity_blue/theme/common/_imageset.scss
@@ -0,0 +1,278 @@
+// Icon images
+// ----------------------------------------
+%icon-image {
+	position: relative;
+	background-image: none;
+	&:after {
+		content: '';
+		position: absolute;
+		top: 50%;
+		left: 0;
+		height: 14px;
+		margin-top: -7px;
+		text-align: center;
+		font-size: 12px;
+		line-height: 14px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+	&.small-icon:after {
+		width: 18px;
+		text-align: center;
+	}
+}
+
+%icon-image-fa {
+	@extend %icon-image;
+	&:after {
+		font-family: FontAwesome;
+	}
+}
+
+%icon-search-old {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f002';	// fa-search
+	}
+}
+
+%icon-search-new {
+	@extend %icon-search-old;
+}
+
+%icon-search-misc {
+	@extend %icon-search-old;
+}
+
+.icon-acp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f085';	// fa-cogs
+	}
+}
+.icon-bookmark {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f02e';	// fa-bookmark
+		margin-left: -1px;
+		margin-right: -1px;
+	}
+}
+.icon-bump {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f079';	// fa-retweet
+	}
+}
+.icon-contact {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0e0';	// fa-envelope
+	}
+}
+.icon-delete-cookies {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f014';	// fa-trash-o
+	}
+}
+.icon-download {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f019';	// fa-download
+	}
+}
+.icon-faq {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f059';	// fa-question-circle
+	}
+}
+.icon-home {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f015';	// fa-home
+	}
+	&.breadcrumbs:after {
+		text-align: left;
+	}
+}
+.icon-logout {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f08b';	// fa-sign-out
+	}
+}
+.icon-login {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f090';	// fa-sign-in
+	}
+}
+.icon-mark {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f046';	// fa-check-square-o
+	}
+}
+.icon-mcp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0e3';	// fa-gavel
+	}
+}
+.icon-members {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+	&:before {
+		@extend .icon-members:after;
+		display: block;
+		font-size: 10px;
+		padding: 0;
+		padding-left: 4px;
+		padding-top: 1px;
+		opacity: .7;
+	}
+}
+ul.linklist.bulletin > li.small-icon.icon-members:before { 
+	@extend .icon-members:before; 
+}
+.icon-notification {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0a2';	// fa-bell-o
+	}
+	&.non-zero:after {
+		content: '\f0f3';	// fa-bell
+	}
+}
+.icon-pages {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0c5';	// fa-copy
+	}
+}
+.icon-pm {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f003';	// fa-envelope-o
+	}
+	&.non-zero:after {
+		content: '\f0e0';	// fa-envelope
+	}
+}
+.icon-print {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f02f';	// fa-print
+	}
+}
+.icon-profile {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+}
+.icon-register{
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f234';	// fa-user-plus
+	}
+}
+.icon-search				{ @extend %icon-search-old; }
+.icon-search-active			{ @extend %icon-search-old; }
+.icon-search-advanced		{ @extend %icon-search-old; }
+.icon-search-new			{ @extend %icon-search-new; }
+.icon-search-self			{ @extend %icon-search-misc; }
+.icon-search-unanswered		{ @extend %icon-search-new; }
+.icon-search-unread			{ @extend %icon-search-new; }
+.icon-sendemail {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f003';	// fa-envelope-o
+	}
+}
+.icon-subscribe {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f05d';	// fa-check-circle-o
+	}
+}
+.icon-team {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+	&:before {
+		@extend .icon-team:after;
+		display: block;
+		font-size: 10px;
+		padding: 0;
+		white-space: nowrap;
+		padding-top: 1px;
+		opacity: .7;
+		content: '\f007\f007';	// fa-user fa-user
+	}
+}
+ul.linklist.bulletin > li.small-icon.icon-team:before { @extend .icon-team:before; }
+.icon-ucp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0ad';	// fa-wrench
+	}
+}
+.icon-unsubscribe {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f05c';	// times-circle-o
+	}
+}
+.icon-new-posts {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f086';	// fa-comments
+	}
+}
+.icon-forums {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f075';	// fa-comment
+	}
+}
+.icon-chat {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f086';	// fa-comments
+	}
+}
+.icon-time {
+	@extend %icon-image-fa;
+	&:after {
+		// content: '\E055';	// glyphicons-clock
+		content: '\f017';	// fa-clock-o
+	}
+}
+
+
+// Thanks for posts mod
+.icon-thanks {
+	background-image: none !important;
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f087';	// fa-thumbs-o-up
+	}
+}
+
+.icon-thanks_toplist {
+	background-image: none !important;
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f005';	// fa-star
+	}
+}
\ No newline at end of file
diff --git a/simplicity_blue/theme/common/_links.scss b/simplicity_blue/theme/common/_links.scss
new file mode 100644
index 0000000..495e240
--- /dev/null
+++ b/simplicity_blue/theme/common/_links.scss
@@ -0,0 +1,249 @@
+// Link Styles
+// ----------------------------------------
+
+// Links adjustment to correctly display an order of rtl/ltr mixed content
+a {
+	direction: ltr;
+	unicode-bidi: embed;
+	text-decoration: none;
+	/* we use links inline more often then not so to address several bugs with
+	IE and some other browsers we render all links as inlineblock by default */
+	display: inline-block;
+}
+
+// Coloured usernames
+.username-coloured {
+	font-weight: bold;
+	display: inline !important;
+	padding: 0 !important;
+}
+
+span.username-coloured {
+		margin-left: 10px;
+}
+
+// Links on gradient backgrounds
+.forumbg .header a, .forabg .header a, th a {
+	text-decoration: none;
+}
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+	text-decoration: underline;
+}
+
+// Notification mark read link
+.dropdown-extended a.mark_read {
+	display: block;
+	opacity: .2;
+	position: absolute;
+	z-index: 2;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	width: 30px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	transition: opacity .2s;
+}
+
+.dropdown-extended li:hover a.mark_read {
+	opacity: .85;
+}
+
+.dropdown-extended li a.mark_read:hover {
+	opacity: 1;
+}
+
+.dropdown-extended a.mark_read:after {
+	width: auto;
+	left: 4px;
+	right: 0;
+	font-size: 16px;
+}
+
+.jumpbox-cat-link,
+.jumpbox-forum-link { font-weight: bold; }
+
+// Links for forum/topic lists
+a.forumtitle {
+	display: inline-block;
+	font-family: $forum-link-font-family;
+	font-size: $forum-link-font-size;
+	line-height: $forum-link-line-height;
+	font-weight: 500;
+	padding-bottom: 2px;
+	text-decoration: none;
+	&:hover {
+		text-decoration: underline;
+	}
+}
+
+a.topictitle {
+	@extend a.forumtitle;
+	font-family: $topic-link-font-family;
+	font-size: $topic-link-font-size;
+}
+
+a.lastsubject {
+	font-weight: bold;
+	text-decoration: none;
+}
+
+a.lastsubject:hover {
+	text-decoration: underline;
+}
+
+// Profile links
+.postprofile a, .postprofile dt.author a {
+	font-weight: bold;
+	text-decoration: none;
+}
+
+.postprofile a:hover, .postprofile dt.author a:hover {
+	text-decoration: underline;
+}
+
+// Profile searchresults
+.search .postprofile a {
+	text-decoration: none;
+	font-weight: normal;
+}
+
+.search .postprofile a:hover {
+	text-decoration: underline;
+}
+
+.top {
+	font-size: 12px;
+	text-decoration: none;
+	margin-top: 10px;
+}
+
+// Back to top of page
+.back2top {
+	clear: both;
+	.post > & {
+		position: relative;
+		right: 5px;
+		bottom: 5px;
+		.rtl & {
+			right: auto;
+			left: 5px;
+		}
+	}
+}
+
+.back2top .top {
+	float: right;
+	margin-top: 0;
+}
+
+a.top, a.top2 {
+	position: relative;
+}
+
+// Arrow links
+%arrow {
+	position: relative;
+	&:after {
+		position: absolute;
+		top: 50%;
+		margin-top: -5px;
+		text-align: center;
+		font-family: FontAwesome;
+		font-size: 8px;
+		line-height: 10px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+}
+
+a.arrow-up {
+	@extend %arrow;
+	&:after {
+		content: '\f077';	// fa-chevron-up
+		left: 0;
+	}
+	.rtl &:after {
+		left: auto;
+		right: 0;
+	}
+}
+a.arrow-down {
+	@extend %arrow;
+	&:after {
+		content: '\f078';	// fa-chevron-down
+		right: 0;
+		padding-top: 1px;
+	}
+	.rtl &:after {
+		right: auto;
+		left: 0;
+	}
+}
+
+a.arrow-up {
+	padding-left: 10px;
+	text-decoration: none;
+	border-bottom-width: 0;
+}
+
+a.arrow-down {
+	padding-right: 10px;
+}
+
+a.arrow-down:hover {
+	text-decoration: none;
+}
+
+a.arrow-left:hover {
+	text-decoration: none;
+}
+
+a.arrow-right:hover {
+	text-decoration: none;
+}
+
+// invisible skip link, used for accessibility
+.skiplink {
+	position: absolute;
+	left: -999px;
+	width: 990px;
+}
+
+// Feed icon in forumlist_body.html
+a.feed-icon-forum {
+	float: right;
+	margin: 3px;
+	width: 16px;
+	height: 16px;
+	position: relative;
+}
+
+.topiclist.forums a.feed-icon-forum {
+	margin-top: 12px;
+}
+
+a.feed-icon-forum:after {
+	content: '\f09e';	// fa-rss
+	position: absolute;
+	left: 0;
+	right: 0;
+	width: 16px;
+	height: 16px;
+	font-family: FontAwesome;
+	font-size: 14px;
+	font-weight: normal;
+	font-style: normal;
+	line-height: 16px;
+	text-align: center;
+}
+
+a.top-anchor {
+	display: block;
+}
diff --git a/simplicity_blue/theme/common/_normalize.scss b/simplicity_blue/theme/common/_normalize.scss
new file mode 100644
index 0000000..31ef98e
--- /dev/null
+++ b/simplicity_blue/theme/common/_normalize.scss
@@ -0,0 +1,414 @@
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
+ */
+
+html {
+	font-family: sans-serif; /* 1 */
+	-ms-text-size-adjust: 100%; /* 2 */
+	-webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+	margin: 0;
+}
+
+/* HTML5 display definitions
+	 ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+	display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+	display: inline-block; /* 1 */
+	vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+	display: none;
+	height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+	display: none;
+}
+
+/* Links
+	 ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+	background-color: transparent;
+}
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+
+a:active,
+a:hover {
+	outline: 0;
+}
+
+/* Text-level semantics
+	 ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+	border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+	font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+	font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+	font-size: 2em;
+	margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+	background: #ff0;
+	color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+	font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sup {
+	top: -0.5em;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+/* Embedded content
+	 ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+	border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+	overflow: hidden;
+}
+
+/* Grouping content
+	 ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+	margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+	box-sizing: content-box;
+	height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+	overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+	font-family: monospace, monospace;
+	font-size: 1em;
+}
+
+/* Forms
+	 ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+	color: inherit; /* 1 */
+	font: inherit; /* 2 */
+	margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+	overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+	text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+	-webkit-appearance: button; /* 2 */
+	cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+	cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+	border: 0;
+	padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+	line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+	box-sizing: border-box; /* 1 */
+	padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+	height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+
+input[type="search"] {
+	-webkit-appearance: textfield; /* 1 */
+	box-sizing: content-box; /* 2 */
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+	-webkit-appearance: none;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+	border: 0; /* 1 */
+	padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+	overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+	font-weight: bold;
+}
+
+/* Tables
+	 ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+td,
+th {
+	padding: 0;
+}
diff --git a/simplicity_blue/theme/common/_responsive.scss b/simplicity_blue/theme/common/_responsive.scss
new file mode 100644
index 0000000..2284b4a
--- /dev/null
+++ b/simplicity_blue/theme/common/_responsive.scss
@@ -0,0 +1,652 @@
+// Responsive Design
+// ----------------------------------------
+
+@media (max-width: 320px) {
+	select, .inputbox {
+		max-width: 240px;
+	}
+}
+
+/* Notifications list
+----------------------------------------*/
+@media (max-width: 350px) {
+	.dropdown-extended .dropdown-contents {
+		width: auto;
+	}
+}
+
+@media (max-width: 430px) {
+	.action-bar .search-box .inputbox {
+		width: 120px;
+	}
+
+	.section-viewtopic .search-box .inputbox {
+		width: 57px;
+	}
+
+	.action-bar .search-box .inputbox ::-moz-placeholder {
+    	content: "Search...";
+  	}
+
+  	.action-bar .search-box .inputbox :-ms-input-placeholder {
+  		content: "Search...";
+  	}
+
+  	.action-bar .search-box .inputbox ::-webkit-input-placeholder {
+  		content: "Search...";
+  	}
+}
+
+@media (max-width: 500px) {
+	dd label {
+		white-space: normal;
+	}
+
+	select, .inputbox {
+		max-width: 260px;
+	}
+
+	.captcha-panel dd.captcha {
+		margin-left: 0;
+	}
+
+	.captcha-panel dd.captcha-image img {
+		width: 100%;
+	}
+
+	dl.details dt, dl.details dd {
+		width: auto;
+		float: none;
+		text-align: left;
+	}
+
+	dl.details dd {
+		margin-left: 20px;
+	}
+
+	p.responsive-center {
+		float: none;
+		text-align: center;
+		margin-bottom: 5px;
+	}
+
+	.action-bar > div {
+		margin-bottom: 5px;
+ 	}
+
+	.action-bar > .pagination {
+		float: none;
+		clear: both;
+		padding-bottom: 1px;
+		text-align: center;
+	}
+
+	.action-bar > .pagination li.page-jump {
+		margin: 0 2px;
+	}
+
+	p.jumpbox-return {
+		display: none;
+	}
+
+	.display-options > label:nth-child(1) {
+		display: block;
+		margin-bottom: 5px;
+	}
+
+	.attach-controls {
+		margin-top: 5px;
+		width: 100%;
+	}
+
+	.quick-links .dropdown-trigger span {
+		display: none;
+	}
+}
+
+@media (max-width: 550px) {
+	ul.topiclist.forums dt {
+		margin-right: 0;
+	}
+
+	ul.topiclist.forums dt .list-inner {
+		margin-right: 0;
+	}
+
+	ul.topiclist.forums dd.lastpost {
+		display: none;
+	}
+}
+
+@media (max-width: 700px) {
+	.responsive-hide { display: none !important; }
+	.responsive-show { display: block !important; }
+	.responsive-show-inline { display: inline !important; }
+	.responsive-show-inline-block { display: inline-block !important; }
+
+	/* Content wrappers
+	----------------------------------------*/
+	html {
+		height: auto;
+	}
+
+	body {
+		padding: 0;
+	}
+
+	#wrap {
+		border: none;
+		border-radius: 0;
+		margin: 0;
+
+		padding: 0 5px;
+	}
+
+	.page-width, .navbar .inner.static > .static-inner {
+		min-width: 290px;
+		margin: 0;
+	}
+
+	.navbar .inner.static > .static-inner,
+	#wrap .navbar .inner.static > .static-inner {
+		padding: 0;
+	}
+
+	// Common block wrappers
+	// ----------------------------------------
+	.forabg, .forumbg, .post, .panel {
+		border-radius: 0;
+		margin-left: -5px;
+		margin-right: -5px;
+	}
+	.headerbar, .navbar {
+		border-radius: 0;
+	}
+	#wrap .headerbar, #wrap .navbar {
+		margin-left: -5px;
+		margin-right: -5px;
+	}
+
+	.cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
+		border-radius: 0;
+	}
+
+	@if $tabbed-navigation == false {
+		.navbar.tabbed .nav-tabs, .navbar.tabbed .nav-tabs .tab {
+			border-radius: 0 !important;
+		}
+	}
+
+	// Logo block
+	// ----------------------------------------
+	.site-description {
+		float: none;
+		width: auto;
+		text-align: center;
+	}
+
+	.logo {
+		@if $responsive-hide-logo == true {
+			display: none;
+		}
+		float: none;
+		margin: 0 auto;
+		padding: 10px;
+		img {
+			margin: 0 auto;
+		}
+	}
+
+	.site-description h1, .site-description p, .site-description p.sitename {
+		@if $responsive-hide-logo == true {
+			display: block;
+		}
+		text-align: inherit;
+		float: none;
+		margin: 5px;
+		line-height: 1.2em;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.site-description p, .headerbar .search-header {
+		display: none;
+	}
+
+	// Navigation
+	// ----------------------------------------
+
+	// Search
+	// ----------------------------------------
+	.responsive-search { display: block !important; }
+
+	// .topiclist lists
+	// ----------------------------------------
+	li.header dt {
+	}
+
+	ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
+		margin-right: 0 !important;
+		padding-right: 0;
+	}
+
+	ul.topiclist li.header dd {
+		display: none !important;
+	}
+
+	ul.topiclist dt, ul.topiclist dt .list-inner,
+	ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
+	ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
+	ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
+		margin-right: 0;
+	}
+
+	ul.topiclist dt .list-inner.with-mark {
+		padding-right: 34px;
+	}
+
+	ul.topiclist dt .list-inner {
+		min-height: 28px;
+	}
+
+	ul.topiclist li.header dt .list-inner {
+		min-height: 0;
+	}
+
+	ul.topiclist dd {
+		display: none;
+	}
+	ul.topiclist dd.mark {
+		display: block;
+	}
+
+	/* Forums and topics lists
+	----------------------------------------*/
+	ul.topiclist.forums dt {
+		margin-right: -250px;
+	}
+
+	ul.topiclist dd.mark {
+		display: block;
+		position: absolute;
+		right: 5px;
+		top: 0;
+		margin: 0;
+		width: auto;
+		min-width: 0;
+		text-align: left;
+	}
+
+	ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
+		position: relative;
+		left: 0;
+		width: auto;
+		display: inline;
+		font-weight: normal;
+	}
+
+	li.row .responsive-show strong {
+		font-weight: bold;
+		color: inherit;
+	}
+
+	ul.topiclist li.row dt a.subforum {
+		vertical-align: bottom;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		max-width: 100px;
+	}
+
+	/* Pagination
+	----------------------------------------*/
+	.pagination > ul {
+		margin: 5px 0 0;
+	}
+
+	.row .pagination .ellipsis + li {
+		display: none !important;
+	}
+
+	/* Responsive tables
+	----------------------------------------*/
+	table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
+		display: block;
+	}
+
+	table.responsive thead, table.responsive th {
+		display: none;
+	}
+
+	table.responsive.show-header thead, table.responsive.show-header th:first-child {
+		display: block;
+		width: auto !important;
+		text-align: left !important;
+		border-radius: 0;
+	}
+
+	table.responsive.show-header th:first-child span.rank-img {
+		display: none;
+	}
+
+	table.responsive tr {
+		margin: 2px 0;
+	}
+
+	table.responsive td {
+		width: auto !important;
+		text-align: left !important;
+		padding: 4px;
+	}
+
+	table.responsive td.empty {
+		display: none !important;
+	}
+
+	table.responsive td > dfn {
+		display: inline-block !important;
+	}
+
+	table.responsive td > dfn:after {
+		content: ':';
+		padding-right: 5px;
+	}
+
+	table.responsive span.rank-img {
+		float: none;
+		padding-right: 5px;
+	}
+
+	table.responsive.memberlist td:first-child input[type="checkbox"] {
+		float: right;
+	}
+
+	/* Forms
+	----------------------------------------*/
+	fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
+		width: auto;
+		float: none;
+	}
+
+	fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
+		margin-left: 0px;
+	}
+
+	textarea, dd textarea, .message-box textarea {
+		width: 100%;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+
+	dl.pmlist dt {
+		width: auto !important;
+		margin-bottom: 5px;
+	}
+
+	dl.pmlist dd {
+		display: inline-block;
+		margin-left: 0 !important;
+	}
+
+	dl.pmlist dd:first-of-type {
+		padding-left: 20px;
+	}
+
+	.smiley-box, .message-box {
+		float: none;
+		width: auto;
+	}
+
+	.smiley-box {
+		margin-top: 5px;
+	}
+
+	.bbcode-status {
+		display: none;
+	}
+
+	.colour-palette, .colour-palette tbody, .colour-palette tr {
+		display: block;
+	}
+
+	.colour-palette td {
+		display: inline-block;
+		margin-right: 2px;
+	}
+
+	.horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
+		display: none;
+	}
+
+	fieldset.quick-login label {
+		display: block;
+		margin-bottom: 5px;
+		white-space: normal;
+	}
+
+	fieldset.quick-login label > span {
+		display: inline-block;
+		min-width: 100px;
+	}
+
+	fieldset.quick-login input.inputbox {
+		width: 85%;
+		max-width: 300px;
+		margin-left: 20px;
+	}
+
+	fieldset.quick-login label[for="autologin"] {
+		display: inline-block;
+		text-align: right;
+		min-width: 50%;
+	}
+
+	/* User profile
+	----------------------------------------*/
+	.column1, .column2, .left-box.profile-details {
+		float: none;
+		width: auto;
+		clear: both;
+	}
+
+	/* Polls
+	----------------------------------------*/
+	fieldset.polls dt {
+		width: 90%;
+	}
+
+	fieldset.polls dd.resultbar {
+		padding-left: 20px;
+	}
+
+	fieldset.polls dd.poll_option_percent {
+		width: 20%;
+	}
+
+	fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
+		margin-top: 5px;
+	}
+
+	/* Post
+	----------------------------------------*/
+	.postbody {
+		position: inherit;
+	}
+	
+	.postbody {
+		.postprofile + & {
+		float: none;
+		position: inherit;
+		width: auto;
+		}
+	}
+	
+	.postprofile, .postbody, .search .postbody {
+		display: block;
+		width: auto;
+		float: none;
+		padding: 0;
+		min-height: 0;
+	}
+
+	.post .postprofile {
+		width: auto;
+		border-width: 0 0 1px 0;
+		padding-bottom: 5px;
+		margin: 0;
+		margin-bottom: 5px;
+		min-height: 40px;
+		overflow: hidden;
+		z-index: auto !important;
+	}
+
+	.postprofile dd {
+		display: none;
+	}
+
+	.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
+		display: block;
+		margin: 0;
+	}
+
+	.postprofile .has-avatar .avatar-container,
+	.postprofile .no-avatar .avatar-container {
+		margin: 0;
+		overflow: inherit;
+		float: left;
+		padding-right: 5px;
+	}
+
+	.postprofile .avatar-container:after {
+		clear: none;
+	}
+
+	.postprofile .avatar, .postprofile .no-avatar .avatar-container {
+		margin-right: 5px;
+	}
+
+	.postprofile .avatar img {
+		width: auto !important;
+		height: auto !important;
+		max-height: 32px;
+	}
+
+	.no-avatar .avatar-container {
+		width: 32px;
+		height: 32px;
+	}
+
+	.has-profile .postbody h3 {
+		margin-left: 0 !important;
+		margin-right: 0 !important;
+	}
+
+	.has-profile .post-buttons {
+		right: 10px;
+		top: 10px;
+		.rtl & {
+			right: auto;
+			left: 10px;
+		}
+	}
+
+	.online-ribbon {
+		width: 35px;
+		height: 35px;
+		top: 0;
+		#{$profile-side}: 0;
+
+		.rtl & {
+			#{$profile-side}: auto;
+			#{$post-side}: 0;
+		}
+
+		span {
+			width: 50px;
+			font-size: 6px;
+			line-height: 10px;
+			height: 10px;
+			text-align: center;
+			position: absolute;
+			top: 8px;
+			white-space: nowrap;
+			#{$profile-side}: -12px;
+
+			.rtl & {
+				#{$profile-side}: auto;
+				#{$post-side}: -12px;
+			}
+		}
+	}
+
+	// Misc stuff
+	// ----------------------------------------
+	h2 {
+		margin-top: .5em;
+	}
+
+	p {
+		margin-bottom: .5em;
+		overflow: hidden;
+	}
+
+	p.rightside {
+		margin-bottom: 0;
+	}
+
+	fieldset.display-options label {
+		display: inline-block;
+		clear: both;
+		margin-bottom: 5px;
+		letter-spacing: -.3px;
+	}
+
+	dl.mini dd.pm-legend {
+		float: left;
+		min-width: 200px;
+	}
+
+	.topicreview {
+		margin: 0 -5px;
+		padding: 0 5px;
+	}
+
+	fieldset.display-actions {
+		white-space: normal;
+	}
+
+	.phpbb_alert {
+		width: auto;
+		margin: 0 5px;
+	}
+
+	.attach-comment dfn {
+		width: 100%;
+	}
+}
+
+@media (min-width: 700px) {
+	.postbody { width: 70%; }
+}
+
+@media (min-width: 850px) {
+	.postbody { width: 76%; }
+}
+
+@media (min-width: 701px) and (max-width: 950px) {
+
+	ul.topiclist dt {
+    	margin-right: -410px;
+	}
+
+	ul.topiclist dt .list-inner {
+    	margin-right: 410px;
+	}
+
+	ul.topiclist dd.lastpost {
+  		float: right; 
+  	}
+
+	dd.posts, dd.topics, dd.views {
+    	width: 80px;
+	}
+}
diff --git a/simplicity_blue/theme/common/_utilities.scss b/simplicity_blue/theme/common/_utilities.scss
new file mode 100644
index 0000000..cbb8127
--- /dev/null
+++ b/simplicity_blue/theme/common/_utilities.scss
@@ -0,0 +1,66 @@
+/* --------------------------------------------------------------
+	$Utilities
+-------------------------------------------------------------- */
+
+.sr-only {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	margin: -1px;
+	padding: 0;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
+	border: 0;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+}
+
+.clearfix:before,
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after {
+	content: " ";
+	display: table;
+}
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after { clear: both }
+
+.center-block {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.pull-right { float: right !important }
+.pull-left { float: left !important }
+.hide { display: none !important }
+.show { display: block !important }
+.invisible { visibility: hidden }
+
+.text-hide {
+	font: 0/0 a;
+	color: transparent;
+	text-shadow: none;
+	background-color: transparent;
+	border: 0;
+}
+
+.hidden {
+	display: none ;
+}
+
+.affix { position: fixed }
diff --git a/simplicity_blue/theme/images/announce_read.png b/simplicity_blue/theme/images/announce_read.png
new file mode 100644
index 0000000..39f3a5b
Binary files /dev/null and b/simplicity_blue/theme/images/announce_read.png differ
diff --git a/simplicity_blue/theme/images/announce_read_hd.png b/simplicity_blue/theme/images/announce_read_hd.png
new file mode 100644
index 0000000..0cbb804
Binary files /dev/null and b/simplicity_blue/theme/images/announce_read_hd.png differ
diff --git a/simplicity_blue/theme/images/announce_read_locked.png b/simplicity_blue/theme/images/announce_read_locked.png
new file mode 100644
index 0000000..eca8b16
Binary files /dev/null and b/simplicity_blue/theme/images/announce_read_locked.png differ
diff --git a/simplicity_blue/theme/images/announce_read_locked_hd.png b/simplicity_blue/theme/images/announce_read_locked_hd.png
new file mode 100644
index 0000000..f2d8857
Binary files /dev/null and b/simplicity_blue/theme/images/announce_read_locked_hd.png differ
diff --git a/simplicity_blue/theme/images/announce_unread.png b/simplicity_blue/theme/images/announce_unread.png
new file mode 100644
index 0000000..6ca4437
Binary files /dev/null and b/simplicity_blue/theme/images/announce_unread.png differ
diff --git a/simplicity_blue/theme/images/announce_unread_hd.png b/simplicity_blue/theme/images/announce_unread_hd.png
new file mode 100644
index 0000000..f1fdf2b
Binary files /dev/null and b/simplicity_blue/theme/images/announce_unread_hd.png differ
diff --git a/simplicity_blue/theme/images/announce_unread_locked.png b/simplicity_blue/theme/images/announce_unread_locked.png
new file mode 100644
index 0000000..8192d28
Binary files /dev/null and b/simplicity_blue/theme/images/announce_unread_locked.png differ
diff --git a/simplicity_blue/theme/images/announce_unread_locked_hd.png b/simplicity_blue/theme/images/announce_unread_locked_hd.png
new file mode 100644
index 0000000..a33cfa9
Binary files /dev/null and b/simplicity_blue/theme/images/announce_unread_locked_hd.png differ
diff --git a/simplicity_blue/theme/images/forum_link.png b/simplicity_blue/theme/images/forum_link.png
new file mode 100644
index 0000000..ebf4342
Binary files /dev/null and b/simplicity_blue/theme/images/forum_link.png differ
diff --git a/simplicity_blue/theme/images/forum_link_hd.png b/simplicity_blue/theme/images/forum_link_hd.png
new file mode 100644
index 0000000..952e1ce
Binary files /dev/null and b/simplicity_blue/theme/images/forum_link_hd.png differ
diff --git a/simplicity_blue/theme/images/forum_page.png b/simplicity_blue/theme/images/forum_page.png
new file mode 100644
index 0000000..2d5fed7
Binary files /dev/null and b/simplicity_blue/theme/images/forum_page.png differ
diff --git a/simplicity_blue/theme/images/forum_page_hd.png b/simplicity_blue/theme/images/forum_page_hd.png
new file mode 100644
index 0000000..4c11cd9
Binary files /dev/null and b/simplicity_blue/theme/images/forum_page_hd.png differ
diff --git a/simplicity_blue/theme/images/forum_read.png b/simplicity_blue/theme/images/forum_read.png
new file mode 100644
index 0000000..39f3a5b
Binary files /dev/null and b/simplicity_blue/theme/images/forum_read.png differ
diff --git a/simplicity_blue/theme/images/forum_read_hd.png b/simplicity_blue/theme/images/forum_read_hd.png
new file mode 100644
index 0000000..0cbb804
Binary files /dev/null and b/simplicity_blue/theme/images/forum_read_hd.png differ
diff --git a/simplicity_blue/theme/images/forum_read_locked.png b/simplicity_blue/theme/images/forum_read_locked.png
new file mode 100644
index 0000000..2b7c196
Binary files /dev/null and b/simplicity_blue/theme/images/forum_read_locked.png differ
diff --git a/simplicity_blue/theme/images/forum_read_locked_hd.png b/simplicity_blue/theme/images/forum_read_locked_hd.png
new file mode 100644
index 0000000..372247e
Binary files /dev/null and b/simplicity_blue/theme/images/forum_read_locked_hd.png differ
diff --git a/simplicity_blue/theme/images/forum_read_subforum.png b/simplicity_blue/theme/images/forum_read_subforum.png
new file mode 100644
index 0000000..39f3a5b
Binary files /dev/null and b/simplicity_blue/theme/images/forum_read_subforum.png differ
diff --git a/simplicity_blue/theme/images/forum_read_subforum_hd.png b/simplicity_blue/theme/images/forum_read_subforum_hd.png
new file mode 100644
index 0000000..0cbb804
Binary files /dev/null and b/simplicity_blue/theme/images/forum_read_subforum_hd.png differ
diff --git a/simplicity_blue/theme/images/forum_unread.png b/simplicity_blue/theme/images/forum_unread.png
new file mode 100644
index 0000000..6ca4437
Binary files /dev/null and b/simplicity_blue/theme/images/forum_unread.png differ
diff --git a/simplicity_blue/theme/images/forum_unread_hd.png b/simplicity_blue/theme/images/forum_unread_hd.png
new file mode 100644
index 0000000..f1fdf2b
Binary files /dev/null and b/simplicity_blue/theme/images/forum_unread_hd.png differ
diff --git a/simplicity_blue/theme/images/forum_unread_locked.png b/simplicity_blue/theme/images/forum_unread_locked.png
new file mode 100644
index 0000000..e41183e
Binary files /dev/null and b/simplicity_blue/theme/images/forum_unread_locked.png differ
diff --git a/simplicity_blue/theme/images/forum_unread_locked_hd.png b/simplicity_blue/theme/images/forum_unread_locked_hd.png
new file mode 100644
index 0000000..b5e56a2
Binary files /dev/null and b/simplicity_blue/theme/images/forum_unread_locked_hd.png differ
diff --git a/simplicity_blue/theme/images/forum_unread_subforum.png b/simplicity_blue/theme/images/forum_unread_subforum.png
new file mode 100644
index 0000000..6ca4437
Binary files /dev/null and b/simplicity_blue/theme/images/forum_unread_subforum.png differ
diff --git a/simplicity_blue/theme/images/forum_unread_subforum_hd.png b/simplicity_blue/theme/images/forum_unread_subforum_hd.png
new file mode 100644
index 0000000..f1fdf2b
Binary files /dev/null and b/simplicity_blue/theme/images/forum_unread_subforum_hd.png differ
diff --git a/simplicity_blue/theme/images/icon_post_target.png b/simplicity_blue/theme/images/icon_post_target.png
new file mode 100644
index 0000000..e4ff1d5
Binary files /dev/null and b/simplicity_blue/theme/images/icon_post_target.png differ
diff --git a/simplicity_blue/theme/images/icon_post_target_hd.png b/simplicity_blue/theme/images/icon_post_target_hd.png
new file mode 100644
index 0000000..3a60e20
Binary files /dev/null and b/simplicity_blue/theme/images/icon_post_target_hd.png differ
diff --git a/simplicity_blue/theme/images/icon_post_target_unread.png b/simplicity_blue/theme/images/icon_post_target_unread.png
new file mode 100644
index 0000000..79044c8
Binary files /dev/null and b/simplicity_blue/theme/images/icon_post_target_unread.png differ
diff --git a/simplicity_blue/theme/images/icon_post_target_unread_hd.png b/simplicity_blue/theme/images/icon_post_target_unread_hd.png
new file mode 100644
index 0000000..cf570ca
Binary files /dev/null and b/simplicity_blue/theme/images/icon_post_target_unread_hd.png differ
diff --git a/simplicity_blue/theme/images/icon_textbox_search.gif b/simplicity_blue/theme/images/icon_textbox_search.gif
new file mode 100644
index 0000000..b3b51d8
Binary files /dev/null and b/simplicity_blue/theme/images/icon_textbox_search.gif differ
diff --git a/simplicity_blue/theme/images/index.htm b/simplicity_blue/theme/images/index.htm
new file mode 100644
index 0000000..e69de29
diff --git a/simplicity_blue/theme/images/loading.gif b/simplicity_blue/theme/images/loading.gif
new file mode 100644
index 0000000..dcf97ff
Binary files /dev/null and b/simplicity_blue/theme/images/loading.gif differ
diff --git a/simplicity_blue/theme/images/logo.png b/simplicity_blue/theme/images/logo.png
new file mode 100644
index 0000000..a66df61
Binary files /dev/null and b/simplicity_blue/theme/images/logo.png differ
diff --git a/simplicity_blue/theme/images/logo_hd.png b/simplicity_blue/theme/images/logo_hd.png
new file mode 100644
index 0000000..15a8698
Binary files /dev/null and b/simplicity_blue/theme/images/logo_hd.png differ
diff --git a/simplicity_blue/theme/images/no_avatar.gif b/simplicity_blue/theme/images/no_avatar.gif
new file mode 100644
index 0000000..df8ec91
Binary files /dev/null and b/simplicity_blue/theme/images/no_avatar.gif differ
diff --git a/simplicity_blue/theme/images/no_avatar.png b/simplicity_blue/theme/images/no_avatar.png
new file mode 100644
index 0000000..09b6460
Binary files /dev/null and b/simplicity_blue/theme/images/no_avatar.png differ
diff --git a/simplicity_blue/theme/images/no_avatar_female.png b/simplicity_blue/theme/images/no_avatar_female.png
new file mode 100644
index 0000000..13c8be0
Binary files /dev/null and b/simplicity_blue/theme/images/no_avatar_female.png differ
diff --git a/simplicity_blue/theme/images/no_avatar_female_hd.png b/simplicity_blue/theme/images/no_avatar_female_hd.png
new file mode 100644
index 0000000..ff9200f
Binary files /dev/null and b/simplicity_blue/theme/images/no_avatar_female_hd.png differ
diff --git a/simplicity_blue/theme/images/no_avatar_hd.png b/simplicity_blue/theme/images/no_avatar_hd.png
new file mode 100644
index 0000000..60b8fac
Binary files /dev/null and b/simplicity_blue/theme/images/no_avatar_hd.png differ
diff --git a/simplicity_blue/theme/images/no_avatar_male.png b/simplicity_blue/theme/images/no_avatar_male.png
new file mode 100644
index 0000000..d0629a1
Binary files /dev/null and b/simplicity_blue/theme/images/no_avatar_male.png differ
diff --git a/simplicity_blue/theme/images/no_avatar_male_hd.png b/simplicity_blue/theme/images/no_avatar_male_hd.png
new file mode 100644
index 0000000..7ae1ef5
Binary files /dev/null and b/simplicity_blue/theme/images/no_avatar_male_hd.png differ
diff --git a/simplicity_blue/theme/images/pattern.png b/simplicity_blue/theme/images/pattern.png
new file mode 100644
index 0000000..0a2eca9
Binary files /dev/null and b/simplicity_blue/theme/images/pattern.png differ
diff --git a/simplicity_blue/theme/images/plupload/done.gif b/simplicity_blue/theme/images/plupload/done.gif
new file mode 100644
index 0000000..3a7636a
Binary files /dev/null and b/simplicity_blue/theme/images/plupload/done.gif differ
diff --git a/simplicity_blue/theme/images/plupload/error.gif b/simplicity_blue/theme/images/plupload/error.gif
new file mode 100644
index 0000000..af735bf
Binary files /dev/null and b/simplicity_blue/theme/images/plupload/error.gif differ
diff --git a/simplicity_blue/theme/images/plupload/throbber.gif b/simplicity_blue/theme/images/plupload/throbber.gif
new file mode 100644
index 0000000..4ae8b16
Binary files /dev/null and b/simplicity_blue/theme/images/plupload/throbber.gif differ
diff --git a/simplicity_blue/theme/images/subforum_read.png b/simplicity_blue/theme/images/subforum_read.png
new file mode 100644
index 0000000..effe772
Binary files /dev/null and b/simplicity_blue/theme/images/subforum_read.png differ
diff --git a/simplicity_blue/theme/images/subforum_read_hd.png b/simplicity_blue/theme/images/subforum_read_hd.png
new file mode 100644
index 0000000..ff5a5fa
Binary files /dev/null and b/simplicity_blue/theme/images/subforum_read_hd.png differ
diff --git a/simplicity_blue/theme/images/subforum_unread.png b/simplicity_blue/theme/images/subforum_unread.png
new file mode 100644
index 0000000..63eec10
Binary files /dev/null and b/simplicity_blue/theme/images/subforum_unread.png differ
diff --git a/simplicity_blue/theme/images/subforum_unread_hd.png b/simplicity_blue/theme/images/subforum_unread_hd.png
new file mode 100644
index 0000000..591e37f
Binary files /dev/null and b/simplicity_blue/theme/images/subforum_unread_hd.png differ
diff --git a/simplicity_blue/theme/images/topic_moved.png b/simplicity_blue/theme/images/topic_moved.png
new file mode 100644
index 0000000..ebf4342
Binary files /dev/null and b/simplicity_blue/theme/images/topic_moved.png differ
diff --git a/simplicity_blue/theme/images/topic_moved_hd.png b/simplicity_blue/theme/images/topic_moved_hd.png
new file mode 100644
index 0000000..952e1ce
Binary files /dev/null and b/simplicity_blue/theme/images/topic_moved_hd.png differ
diff --git a/simplicity_blue/theme/images/topic_read.png b/simplicity_blue/theme/images/topic_read.png
new file mode 100644
index 0000000..39f3a5b
Binary files /dev/null and b/simplicity_blue/theme/images/topic_read.png differ
diff --git a/simplicity_blue/theme/images/topic_read_hd.png b/simplicity_blue/theme/images/topic_read_hd.png
new file mode 100644
index 0000000..0cbb804
Binary files /dev/null and b/simplicity_blue/theme/images/topic_read_hd.png differ
diff --git a/simplicity_blue/theme/images/topic_read_hot.png b/simplicity_blue/theme/images/topic_read_hot.png
new file mode 100644
index 0000000..39f3a5b
Binary files /dev/null and b/simplicity_blue/theme/images/topic_read_hot.png differ
diff --git a/simplicity_blue/theme/images/topic_read_hot_hd.png b/simplicity_blue/theme/images/topic_read_hot_hd.png
new file mode 100644
index 0000000..0cbb804
Binary files /dev/null and b/simplicity_blue/theme/images/topic_read_hot_hd.png differ
diff --git a/simplicity_blue/theme/images/topic_read_hot_mine.png b/simplicity_blue/theme/images/topic_read_hot_mine.png
new file mode 100644
index 0000000..4efeb03
Binary files /dev/null and b/simplicity_blue/theme/images/topic_read_hot_mine.png differ
diff --git a/simplicity_blue/theme/images/topic_read_hot_mine_hd.png b/simplicity_blue/theme/images/topic_read_hot_mine_hd.png
new file mode 100644
index 0000000..95a06be
Binary files /dev/null and b/simplicity_blue/theme/images/topic_read_hot_mine_hd.png differ
diff --git a/simplicity_blue/theme/images/topic_read_locked.png b/simplicity_blue/theme/images/topic_read_locked.png
new file mode 100644
index 0000000..eca8b16
Binary files /dev/null and b/simplicity_blue/theme/images/topic_read_locked.png differ
diff --git a/simplicity_blue/theme/images/topic_read_locked_hd.png b/simplicity_blue/theme/images/topic_read_locked_hd.png
new file mode 100644
index 0000000..f2d8857
Binary files /dev/null and b/simplicity_blue/theme/images/topic_read_locked_hd.png differ
diff --git a/simplicity_blue/theme/images/topic_read_locked_mine.png b/simplicity_blue/theme/images/topic_read_locked_mine.png
new file mode 100644
index 0000000..42b88ac
Binary files /dev/null and b/simplicity_blue/theme/images/topic_read_locked_mine.png differ
diff --git a/simplicity_blue/theme/images/topic_read_locked_mine_hd.png b/simplicity_blue/theme/images/topic_read_locked_mine_hd.png
new file mode 100644
index 0000000..0eaf03c
Binary files /dev/null and b/simplicity_blue/theme/images/topic_read_locked_mine_hd.png differ
diff --git a/simplicity_blue/theme/images/topic_read_mine.png b/simplicity_blue/theme/images/topic_read_mine.png
new file mode 100644
index 0000000..4efeb03
Binary files /dev/null and b/simplicity_blue/theme/images/topic_read_mine.png differ
diff --git a/simplicity_blue/theme/images/topic_read_mine_hd.png b/simplicity_blue/theme/images/topic_read_mine_hd.png
new file mode 100644
index 0000000..95a06be
Binary files /dev/null and b/simplicity_blue/theme/images/topic_read_mine_hd.png differ
diff --git a/simplicity_blue/theme/images/topic_unread.png b/simplicity_blue/theme/images/topic_unread.png
new file mode 100644
index 0000000..6ca4437
Binary files /dev/null and b/simplicity_blue/theme/images/topic_unread.png differ
diff --git a/simplicity_blue/theme/images/topic_unread_hd.png b/simplicity_blue/theme/images/topic_unread_hd.png
new file mode 100644
index 0000000..f1fdf2b
Binary files /dev/null and b/simplicity_blue/theme/images/topic_unread_hd.png differ
diff --git a/simplicity_blue/theme/images/topic_unread_hot.png b/simplicity_blue/theme/images/topic_unread_hot.png
new file mode 100644
index 0000000..6ca4437
Binary files /dev/null and b/simplicity_blue/theme/images/topic_unread_hot.png differ
diff --git a/simplicity_blue/theme/images/topic_unread_hot_hd.png b/simplicity_blue/theme/images/topic_unread_hot_hd.png
new file mode 100644
index 0000000..f1fdf2b
Binary files /dev/null and b/simplicity_blue/theme/images/topic_unread_hot_hd.png differ
diff --git a/simplicity_blue/theme/images/topic_unread_hot_mine.png b/simplicity_blue/theme/images/topic_unread_hot_mine.png
new file mode 100644
index 0000000..08a8961
Binary files /dev/null and b/simplicity_blue/theme/images/topic_unread_hot_mine.png differ
diff --git a/simplicity_blue/theme/images/topic_unread_hot_mine_hd.png b/simplicity_blue/theme/images/topic_unread_hot_mine_hd.png
new file mode 100644
index 0000000..ae177f7
Binary files /dev/null and b/simplicity_blue/theme/images/topic_unread_hot_mine_hd.png differ
diff --git a/simplicity_blue/theme/images/topic_unread_locked.png b/simplicity_blue/theme/images/topic_unread_locked.png
new file mode 100644
index 0000000..8192d28
Binary files /dev/null and b/simplicity_blue/theme/images/topic_unread_locked.png differ
diff --git a/simplicity_blue/theme/images/topic_unread_locked_hd.png b/simplicity_blue/theme/images/topic_unread_locked_hd.png
new file mode 100644
index 0000000..a33cfa9
Binary files /dev/null and b/simplicity_blue/theme/images/topic_unread_locked_hd.png differ
diff --git a/simplicity_blue/theme/images/topic_unread_locked_mine.png b/simplicity_blue/theme/images/topic_unread_locked_mine.png
new file mode 100644
index 0000000..30a7950
Binary files /dev/null and b/simplicity_blue/theme/images/topic_unread_locked_mine.png differ
diff --git a/simplicity_blue/theme/images/topic_unread_locked_mine_hd.png b/simplicity_blue/theme/images/topic_unread_locked_mine_hd.png
new file mode 100644
index 0000000..abbda27
Binary files /dev/null and b/simplicity_blue/theme/images/topic_unread_locked_mine_hd.png differ
diff --git a/simplicity_blue/theme/images/topic_unread_mine.png b/simplicity_blue/theme/images/topic_unread_mine.png
new file mode 100644
index 0000000..08a8961
Binary files /dev/null and b/simplicity_blue/theme/images/topic_unread_mine.png differ
diff --git a/simplicity_blue/theme/images/topic_unread_mine_hd.png b/simplicity_blue/theme/images/topic_unread_mine_hd.png
new file mode 100644
index 0000000..ae177f7
Binary files /dev/null and b/simplicity_blue/theme/images/topic_unread_mine_hd.png differ
diff --git a/simplicity_blue/theme/index.htm b/simplicity_blue/theme/index.htm
new file mode 100644
index 0000000..e69de29
diff --git a/simplicity_blue/theme/plupload.css b/simplicity_blue/theme/plupload.css
new file mode 100644
index 0000000..74fd563
--- /dev/null
+++ b/simplicity_blue/theme/plupload.css
@@ -0,0 +1 @@
+@import "../../simplicity/theme/plupload.css";
\ No newline at end of file
diff --git a/simplicity_blue/theme/print.css b/simplicity_blue/theme/print.css
new file mode 100644
index 0000000..36a58f5
--- /dev/null
+++ b/simplicity_blue/theme/print.css
@@ -0,0 +1,4 @@
+/* Print Style Sheet
+---------------------------------------- */
+
+@import "../../simplicity/theme/print.css";
\ No newline at end of file
diff --git a/simplicity_blue/theme/stylesheet.css b/simplicity_blue/theme/stylesheet.css
new file mode 100644
index 0000000..b44b0c5
--- /dev/null
+++ b/simplicity_blue/theme/stylesheet.css
@@ -0,0 +1,6062 @@
+/*!
+	DO NOT EDIT stylesheet.css!
+
+	Edit .scss files instead. See http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+	If you have any questions, please ask on support forum at http://www.artodia.com/forums/
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline; }
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block; }
+
+body {
+  line-height: 1; }
+
+ol, ul {
+  list-style: none; }
+
+blockquote, q {
+  quotes: none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+abbr {
+  text-decoration: none; }
+
+.site-description:after, .navbar.secondary:after, .navbar .nav-tabs:after, ul.topiclist dl:after, .site-description:before, .navbar.secondary:before, .navbar .nav-tabs:before, ul.topiclist dl:before {
+  content: ' ';
+  display: table;
+  clear: both; }
+
+html {
+  font-size: 100%;
+  height: 100%; }
+
+body {
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px;
+  line-height: 1.4;
+  margin: 0;
+  padding: 0 0 12px;
+  word-wrap: break-word;
+  min-height: 100%;
+  box-sizing: border-box;
+  -webkit-print-color-adjust: exact; }
+
+h1, p.sitename {
+  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+  margin-right: 200px;
+  margin-top: 15px;
+  margin-bottom: 0;
+  font-weight: bold;
+  font-size: 21px;
+  line-height: inherit; }
+
+h2 {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  font-size: 19px;
+  margin: 0.8em 0 0.2em 0; }
+
+h2.solo {
+  margin-bottom: 1em; }
+
+h3 {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-weight: 500;
+  margin-bottom: 5px;
+  font-size: 17px;
+  margin-top: 20px; }
+
+h4 {
+  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+  font-size: 15px; }
+
+p {
+  line-height: 1.3;
+  font-size: 11px;
+  margin-bottom: 1.5em; }
+
+img {
+  border-width: 0; }
+
+hr {
+  border: 0 solid transparent;
+  border-top-width: 1px;
+  height: 1px;
+  margin: 5px 0;
+  display: block;
+  clear: both; }
+
+hr.dashed {
+  border-top-style: dashed;
+  margin: 10px 0; }
+
+hr.divider {
+  display: none; }
+
+p.right {
+  text-align: right; }
+
+p.jumpbox-return {
+  margin-top: 10px;
+  margin-bottom: 0;
+  float: left; }
+
+b, strong {
+  font-weight: bold; }
+
+.text-strong {
+  font-weight: bold; }
+
+i, em {
+  font-style: italic; }
+
+.text-italics {
+  font-style: italic; }
+
+u {
+  text-decoration: underline; }
+
+ul {
+  list-style-type: disc; }
+
+ol {
+  list-style-type: decimal; }
+
+li {
+  display: list-item; }
+
+ul ul, ol ul {
+  list-style-type: circle; }
+
+ol ol ul, ol ul ul, ul ol ul, ul ul ul {
+  list-style-type: square; }
+
+.page-width {
+  box-sizing: border-box;
+  margin: 0 auto;
+  max-width: none;
+  min-width: 625px;
+  margin: 0 12px; }
+
+.page-width .page-width {
+  margin: 0; }
+
+.page-body {
+  margin: 4px 0;
+  clear: both; }
+  #wrap > .page-body:first-of-type {
+    margin-top: 0; }
+  #wrap > .page-body:last-of-type {
+    margin-bottom: 0; }
+
+.page-footer {
+  clear: both; }
+  #wrap + .page-footer {
+    margin-top: 5px; }
+
+.page-footer h3 {
+  margin-top: 20px; }
+
+.logo {
+  display: block;
+  box-sizing: border-box;
+  max-width: 100%;
+  padding: 10px 0; }
+  .logo, .logo img {
+    margin: 0 auto; }
+  .logo img {
+    display: block;
+    max-width: 100%; }
+  .logo:hover {
+    text-decoration: none; }
+
+.site-description {
+  text-align: center; }
+  .site-description h1, .site-description p.sitename {
+    margin-left: 0;
+    margin-right: 0; }
+  .site-description h1, .site-description p {
+    display: none; }
+
+.headerbar > .inner {
+  position: relative; }
+
+.navbar {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  padding: 0 9px;
+  clear: both; }
+  .navbar.tabbed, .navbar.secondary {
+    background: transparent;
+    border-width: 0;
+    border-radius: 0;
+    box-shadow: none;
+    padding: 0; }
+  .page-body .navbar {
+    margin-bottom: 10px; }
+  .navbar + .navbar {
+    margin-top: 5px; }
+  .navbar.tabbed {
+    padding: 0; }
+  .navbar.secondary {
+    margin: 0;
+    padding: 1px 0; }
+    .navbar.secondary > ul {
+      list-style-type: none;
+      margin: 0;
+      padding: 0; }
+    .navbar.secondary > ul > li {
+      position: relative;
+      display: inline-block;
+      margin: 0;
+      padding: 0; }
+      .navbar.secondary > ul > li > a {
+        display: inline-block;
+        color: inherit;
+        padding: 1px 8px;
+        text-align: center;
+        line-height: 26px;
+        font-size: 12px; }
+      .navbar.secondary > ul > li:hover {
+        border-radius: 3px; }
+        .navbar.secondary > ul > li:hover > a {
+          text-decoration: none; }
+      .navbar.secondary > ul > li.small-icon > a {
+        padding-left: 18px; }
+      .navbar.secondary > ul > li .dropdown {
+        top: 28px; }
+      .navbar.secondary > ul > li.dropdown-up .dropdown {
+        top: auto;
+        bottom: 28px; }
+      .navbar.secondary > ul > li.search-box {
+        display: block;
+        margin: 0;
+        float: right; }
+        .rtl .navbar.secondary > ul > li.search-box {
+          float: left; }
+        .navbar.secondary > ul > li.search-box, .navbar.secondary > ul > li.search-box:hover {
+          border-radius: 0;
+          border-width: 0;
+          box-shadow: none;
+          background: none;
+          filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
+    .navbar.secondary + .nav-breadcrumbs {
+      margin-top: 0; }
+  .navbar li.small-icon > a {
+    padding-left: 18px; }
+  .navbar .nav-tabs {
+    border-radius: 3px; }
+    .navbar .nav-tabs .leftside .tab:first-child, .navbar .nav-tabs .leftside .tab.first-visible {
+      border-radius: 2px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0; }
+    .rtl .navbar .nav-tabs .rightside .tab:last-child, .rtl .navbar .nav-tabs .rightside .tab.last-visible {
+      border-radius: 2px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0; }
+    .navbar .nav-tabs .rightside .tab:last-child, .navbar .nav-tabs .rightside .tab.last-visible {
+      border-radius: 2px;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0; }
+    .rtl .navbar .nav-tabs .leftside .tab:first-child, .rtl .navbar .nav-tabs .leftside .tab.first-visible {
+      border-radius: 2px;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0; }
+    .navbar .nav-tabs > ul {
+      list-style-type: none;
+      margin: 0;
+      height: 30px; }
+      .navbar .nav-tabs > ul.leftside, .rtl .navbar .nav-tabs > ul.rightside {
+        float: left; }
+      .navbar .nav-tabs > ul.rightside, .rtl .navbar .nav-tabs > ul.leftside {
+        float: right; }
+      .navbar .nav-tabs > ul > li {
+        float: left;
+        height: 30px; }
+      .rtl .navbar .nav-tabs > ul > li {
+        float: right; }
+      .navbar .nav-tabs > ul .quick-links {
+        margin: 0; }
+        .navbar .nav-tabs > ul .quick-links.empty {
+          display: none; }
+        .navbar .nav-tabs > ul .quick-links.showing-responsive-menu {
+          display: block; }
+    .navbar .nav-tabs .nav-link {
+      text-decoration: none;
+      color: inherit;
+      display: inline-block;
+      height: 30px;
+      line-height: 30px;
+      padding: 0 12px;
+      vertical-align: baseline;
+      font-size: 12px;
+      outline-style: none; }
+      .navbar .nav-tabs .nav-link.dropdown-toggle {
+        position: relative; }
+        .navbar .nav-tabs .nav-link.dropdown-toggle:before {
+          content: '\f078';
+          font-family: FontAwesome;
+          position: absolute;
+          right: 12px;
+          top: 50%;
+          font-size: 8px;
+          line-height: 12px;
+          width: 8px;
+          height: 12px;
+          margin-top: -6px; }
+          .rtl .navbar .nav-tabs .nav-link.dropdown-toggle:before {
+            right: auto;
+            left: 12px; }
+      .navbar .nav-tabs .nav-link .username-coloured {
+        color: inherit !important;
+        font-weight: inherit;
+        font-style: inherit; }
+    .navbar .nav-tabs .responsive-menu .nav-link:before,
+    .navbar .nav-tabs .dropdown-visible .nav-link:before {
+      content: '\f077';
+      font-family: FontAwesome;
+      position: absolute;
+      right: 12px;
+      top: 50%;
+      font-size: 9px;
+      line-height: 13px;
+      width: 9px;
+      height: 13px;
+      margin-top: -6px; }
+    .navbar .nav-tabs .dropdown {
+      top: 30px; }
+      .dropdown-up .navbar .nav-tabs .dropdown {
+        top: auto;
+        bottom: 30px; }
+    .navbar .nav-tabs .tab {
+      position: relative; }
+      .navbar .nav-tabs .tab > strong {
+        display: none;
+        font-weight: bold;
+        font-size: 9px;
+        padding: 0 2px;
+        border-radius: 3px;
+        position: absolute;
+        right: 5px;
+        top: -10px;
+        line-height: 14px;
+        min-width: 10px;
+        _width: 10px;
+        text-align: center;
+        text-shadow: none;
+        white-space: nowrap;
+        word-wrap: normal;
+        height: 14px;
+        pointer-events: none; }
+        .rtl .navbar .nav-tabs .tab > strong {
+          right: auto;
+          left: 5px; }
+        .navbar .nav-tabs .tab > strong .arrow {
+          border: 3px solid transparent;
+          border-bottom: 1px none black;
+          position: absolute;
+          bottom: -3px;
+          right: 4px;
+          line-height: 0;
+          text-shadow: none;
+          _display: none;
+          width: 0;
+          height: 0; }
+      .navbar .nav-tabs .tab.non-zero > strong {
+        display: block; }
+    .navbar .nav-tabs .responsive-menu .nav-link, .navbar .nav-tabs .account .nav-link, .navbar .nav-tabs .pm .nav-link, .navbar .nav-tabs .notifications .nav-link, .navbar .nav-tabs .mcp .nav-link, .navbar .nav-tabs .acp .nav-link, .navbar .nav-tabs .faq .nav-link, .navbar .nav-tabs .logout .nav-link, .navbar .nav-tabs .login .nav-link, .navbar .nav-tabs .register .nav-link, .navbar .nav-tabs .rightside .boardrules .nav-link, .navbar .nav-tabs .rightside .pages .nav-link, .navbar .nav-tabs .members .nav-link, .navbar .nav-tabs .forums .nav-link, .navbar .nav-tabs .leftside .boardrules .nav-link, .navbar .nav-tabs .leftside .pages .nav-link {
+      position: relative;
+      padding-left: 30px; }
+      .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .rightside .boardrules .nav-link:after, .navbar .nav-tabs .rightside .pages .nav-link:after, .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .leftside .boardrules .nav-link:after, .navbar .nav-tabs .leftside .pages .nav-link:after {
+        position: absolute;
+        left: 12px;
+        top: 50%;
+        margin-top: -7px;
+        width: 14px;
+        font-size: 12px;
+        line-height: 14px;
+        height: 14px;
+        text-align: left;
+        font-weight: normal;
+        font-style: normal;
+        text-indent: 0; }
+      .rtl .navbar .nav-tabs .responsive-menu .nav-link:after, .rtl .navbar .nav-tabs .account .nav-link:after, .rtl .navbar .nav-tabs .pm .nav-link:after, .rtl .navbar .nav-tabs .notifications .nav-link:after, .rtl .navbar .nav-tabs .mcp .nav-link:after, .rtl .navbar .nav-tabs .acp .nav-link:after, .rtl .navbar .nav-tabs .faq .nav-link:after, .rtl .navbar .nav-tabs .logout .nav-link:after, .rtl .navbar .nav-tabs .login .nav-link:after, .rtl .navbar .nav-tabs .register .nav-link:after, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .rightside .pages .nav-link:after, .rtl .navbar .nav-tabs .members .nav-link:after, .rtl .navbar .nav-tabs .forums .nav-link:after, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .leftside .pages .nav-link:after {
+        left: auto;
+        right: 12px; }
+    .navbar .nav-tabs .responsive-menu .nav-link, .navbar .nav-tabs .account .nav-link, .navbar .nav-tabs .pm .nav-link, .navbar .nav-tabs .notifications .nav-link, .navbar .nav-tabs .mcp .nav-link, .navbar .nav-tabs .acp .nav-link, .navbar .nav-tabs .faq .nav-link, .navbar .nav-tabs .logout .nav-link, .navbar .nav-tabs .login .nav-link, .navbar .nav-tabs .register .nav-link, .navbar .nav-tabs .rightside .boardrules .nav-link, .navbar .nav-tabs .rightside .pages .nav-link {
+      text-indent: 999px;
+      width: 14px;
+      padding: 0 8px;
+      overflow: hidden; }
+      .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .rightside .boardrules .nav-link:after, .navbar .nav-tabs .rightside .pages .nav-link:after {
+        text-align: center;
+        font-size: 14px;
+        left: 8px; }
+      .rtl .navbar .nav-tabs .responsive-menu .nav-link:after, .rtl .navbar .nav-tabs .account .nav-link:after, .rtl .navbar .nav-tabs .pm .nav-link:after, .rtl .navbar .nav-tabs .notifications .nav-link:after, .rtl .navbar .nav-tabs .mcp .nav-link:after, .rtl .navbar .nav-tabs .acp .nav-link:after, .rtl .navbar .nav-tabs .faq .nav-link:after, .rtl .navbar .nav-tabs .logout .nav-link:after, .rtl .navbar .nav-tabs .login .nav-link:after, .rtl .navbar .nav-tabs .register .nav-link:after, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .rightside .pages .nav-link:after {
+        left: auto;
+        right: 8px; }
+      .navbar .nav-tabs .responsive-menu .nav-link + strong, .navbar .nav-tabs .account .nav-link + strong, .navbar .nav-tabs .pm .nav-link + strong, .navbar .nav-tabs .notifications .nav-link + strong, .navbar .nav-tabs .mcp .nav-link + strong, .navbar .nav-tabs .acp .nav-link + strong, .navbar .nav-tabs .faq .nav-link + strong, .navbar .nav-tabs .logout .nav-link + strong, .navbar .nav-tabs .login .nav-link + strong, .navbar .nav-tabs .register .nav-link + strong, .navbar .nav-tabs .rightside .boardrules .nav-link + strong, .navbar .nav-tabs .rightside .pages .nav-link + strong {
+        right: -2px; }
+        .rtl .navbar .nav-tabs .responsive-menu .nav-link + strong, .rtl .navbar .nav-tabs .account .nav-link + strong, .rtl .navbar .nav-tabs .pm .nav-link + strong, .rtl .navbar .nav-tabs .notifications .nav-link + strong, .rtl .navbar .nav-tabs .mcp .nav-link + strong, .rtl .navbar .nav-tabs .acp .nav-link + strong, .rtl .navbar .nav-tabs .faq .nav-link + strong, .rtl .navbar .nav-tabs .logout .nav-link + strong, .rtl .navbar .nav-tabs .login .nav-link + strong, .rtl .navbar .nav-tabs .register .nav-link + strong, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link + strong, .rtl .navbar .nav-tabs .rightside .pages .nav-link + strong {
+          right: auto;
+          left: -2px; }
+    @media (max-width: 550px) {
+      .navbar .nav-tabs .members .nav-link, .navbar .nav-tabs .forums .nav-link, .navbar .nav-tabs .leftside .boardrules .nav-link, .navbar .nav-tabs .leftside .pages .nav-link {
+        text-indent: 999px;
+        width: 14px;
+        padding: 0 8px;
+        overflow: hidden; }
+        .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .leftside .boardrules .nav-link:after, .navbar .nav-tabs .leftside .pages .nav-link:after {
+          text-align: center;
+          font-size: 14px;
+          left: 8px; }
+        .rtl .navbar .nav-tabs .members .nav-link:after, .rtl .navbar .nav-tabs .forums .nav-link:after, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .leftside .pages .nav-link:after {
+          left: auto;
+          right: 8px; }
+        .navbar .nav-tabs .members .nav-link + strong, .navbar .nav-tabs .forums .nav-link + strong, .navbar .nav-tabs .leftside .boardrules .nav-link + strong, .navbar .nav-tabs .leftside .pages .nav-link + strong {
+          right: -2px; }
+          .rtl .navbar .nav-tabs .members .nav-link + strong, .rtl .navbar .nav-tabs .forums .nav-link + strong, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link + strong, .rtl .navbar .nav-tabs .leftside .pages .nav-link + strong {
+            right: auto;
+            left: -2px; } }
+    .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .boardrules .nav-link:after, .navbar .nav-tabs .pages .nav-link:after {
+      font-family: FontAwesome; }
+    .navbar .nav-tabs .responsive-menu .nav-link:after {
+      content: '\f0c9'; }
+    .navbar .nav-tabs .members .nav-link {
+      padding-left: 32px;
+      padding-right: 24px; }
+      .rtl .navbar .nav-tabs .members .nav-link {
+        padding-left: 24px;
+        padding-right: 32px; }
+      .navbar .nav-tabs .members .nav-link:after {
+        content: '\f0c0'; }
+      @media (max-width: 550px) {
+        .navbar .nav-tabs .members .nav-link {
+          padding: 0 8px !important; } }
+    .rtl .navbar .nav-tabs .forums .nav-link {
+      padding-left: 12px;
+      padding-right: 32px; }
+    .navbar .nav-tabs .forums .nav-link:after {
+      content: '\f075'; }
+    .navbar .nav-tabs .account .nav-link:after {
+      content: '\f007'; }
+    .navbar .nav-tabs .pm .nav-link:after {
+      content: '\f01c'; }
+    .navbar .nav-tabs .notifications .nav-link:after {
+      content: '\f0f3';
+      font-size: 13px; }
+    .navbar .nav-tabs .mcp .nav-link:after {
+      content: '\f0e3'; }
+    .navbar .nav-tabs .acp .nav-link:after {
+      content: '\f085'; }
+    .navbar .nav-tabs .faq .nav-link:after {
+      content: '\f059'; }
+    @media (max-width: 550px) {
+      .navbar .nav-tabs .faq, .navbar .nav-tabs .faq .nav-link {
+        display: none !important; } }
+    .navbar .nav-tabs .logout .nav-link:after {
+      content: '\f08b';
+      margin-left: 1px; }
+    .navbar .nav-tabs .login .nav-link:after {
+      content: '\f090'; }
+    .navbar .nav-tabs .register .nav-link:after {
+      content: '\f234'; }
+    .navbar .nav-tabs .boardrules .nav-link:after {
+      content: '\f071'; }
+    .navbar .nav-tabs .pages .nav-link:after {
+      content: '\f0f6'; }
+  .navbar .inner.static {
+    position: fixed;
+    top: 0;
+    z-index: 50;
+    left: 0;
+    right: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    width: auto;
+    max-width: none;
+    opacity: .9;
+    transition: opacity .2s; }
+    .navbar .inner.static > .static-inner {
+      box-sizing: border-box;
+      margin: 0 auto;
+      max-width: none;
+      min-width: 625px;
+      margin: 0 12px;
+      padding-top: 0 !important;
+      padding-bottom: 0 !important; }
+    .navbar .inner.static:hover {
+      opacity: 1; }
+    .navbar .inner.static .nav-tabs {
+      border-radius: 0; }
+      .navbar .inner.static .nav-tabs .leftside .tab:first-child, .navbar .inner.static .nav-tabs .leftside .tab.first-visible, .rtl .navbar .inner.static .nav-tabs .rightside .tab:first-child, .rtl .navbar .inner.static .nav-tabs .rightside .tab.first-visible {
+        border-radius: 0; }
+      .navbar .inner.static .nav-tabs .rightside .tab:last-child, .navbar .inner.static .nav-tabs .rightside .tab.last-visible, .rtl .navbar .inner.static .nav-tabs .leftside .tab:last-child, .rtl .navbar .inner.static .nav-tabs .leftside .tab.last-visible {
+        border-radius: 0; }
+      .navbar .inner.static .nav-tabs .tab > strong {
+        position: relative;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        vertical-align: top;
+        margin-top: 8px;
+        margin-left: -7px;
+        margin-right: 5px;
+        padding-bottom: 1px;
+        pointer-events: none; }
+        .navbar .inner.static .nav-tabs .tab > strong .arrow {
+          display: none; }
+      .navbar .inner.static .nav-tabs .tab.non-zero > strong {
+        display: inline-block; }
+      .navbar .inner.static .nav-tabs .pm > .nav-link + strong {
+        margin-left: -5px; }
+
+.forabg {
+  padding: 0;
+  margin: 10px 0; }
+
+.forumbg {
+  padding: 0; }
+
+.panel {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  margin-bottom: 10px;
+  padding: 5px 10px; }
+  .panel.bg3 {
+    border-radius: 0;
+    border-width: 0;
+    box-shadow: none;
+    border-top: 3px solid transparent;
+    position: relative; }
+    .panel.bg3:before, .panel.bg3:after {
+      content: '';
+      position: absolute;
+      top: 0;
+      width: 3px;
+      height: 50px; }
+    .panel.bg3:before {
+      left: 0; }
+    .panel.bg3:after {
+      right: 0; }
+  .postform .panel.panel {
+    border-radius: 3px; }
+
+.panel > .inner > h3:first-child, .panel > h3:first-child {
+  margin: -5px -10px 5px;
+  border-radius: 2px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  background: #1f5fa6;
+  border: 0 solid #1f5fa6;
+  padding: 5px;
+  text-transform: none;
+  font-size: 15px;
+  line-height: 1.4;
+  font-weight: normal;
+  color: #fff;
+  padding-left: 10px;
+  padding-right: 10px; }
+  @media (max-width: 700px) {
+    .panel > .inner > h3:first-child, .panel > h3:first-child {
+      border-radius: 0; } }
+  .panel > .inner > h3:first-child a,
+  .panel > h3:first-child a {
+    color: #fff; }
+    .panel > .inner > h3:first-child a:hover,
+    .panel > h3:first-child a:hover {
+      color: #fff; }
+  .panel-container .panel > .inner > h3:first-child,
+  .panel-container .panel > h3:first-child {
+    font-size: 15px;
+    line-height: 1.4; }
+
+.post {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  padding: 0;
+  margin-bottom: 10px;
+  position: relative; }
+
+.post > .inner {
+  padding: 5px 10px; }
+
+.rowbg {
+  margin: 5px 5px 2px 5px; }
+
+.navbar ul.linklist {
+  padding: 2px 0; }
+
+ul.linklist {
+  display: block;
+  margin: 0; }
+
+.cp-main .panel {
+  padding: 5px 10px; }
+
+ul.linklist > li {
+  float: left;
+  font-size: 11px;
+  line-height: 2;
+  list-style-type: none;
+  margin-right: 7px;
+  padding-top: 1px;
+  width: auto; }
+  ul.linklist > li.icon-only, ul.linklist > li.rightside.icon-only {
+    text-align: center;
+    min-width: 20px; }
+
+ul.linklist > li.rightside, p.rightside, a.rightside {
+  float: right;
+  margin-right: 0;
+  margin-left: 7px;
+  text-align: right; }
+
+ul.navlinks {
+  border-top: 1px solid transparent; }
+  ul.navlinks.nav-breadcrumbs {
+    border-top-width: 0; }
+
+ul.leftside {
+  float: left;
+  margin-left: 0;
+  margin-right: 5px;
+  text-align: left; }
+
+ul.rightside {
+  float: right;
+  margin-left: 5px;
+  margin-right: -5px;
+  text-align: right; }
+
+ul.linklist li.responsive-menu {
+  position: relative;
+  margin: 0 5px; }
+
+.fa-bars:before {
+  display: none; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+  display: inline-block;
+  margin: 0 5px;
+  font-size: 17px;
+  position: relative;
+  width: 17px;
+  line-height: 21px;
+  text-decoration: none; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+  content: '\f0c9';
+  font-family: FontAwesome;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  margin-top: -6.5px;
+  width: 15px;
+  font-size: 13px;
+  line-height: 13px;
+  height: 13px;
+  text-align: center;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0; }
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before {
+  font-family: FontAwesome;
+  content: '\f078'; }
+
+.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
+  max-width: 48%; }
+
+.hasjs ul.linklist.fullwidth {
+  max-width: none; }
+
+ul.linklist .dropdown {
+  top: 22px; }
+
+ul.linklist .dropdown-up .dropdown {
+  bottom: 22px;
+  top: auto; }
+
+ul.linklist.bulletin > li:before {
+  display: inline-block;
+  content: "\2022";
+  font-size: inherit;
+  line-height: inherit;
+  padding-right: 4px; }
+
+ul.linklist.bulletin > li:first-child:before,
+ul.linklist.bulletin > li.rightside:last-child:before {
+  content: none; }
+
+ul.linklist.bulletin > li.no-bulletin:before {
+  content: none; }
+
+.responsive-menu:before {
+  display: none !important; }
+
+.header-profile {
+  display: inline-block;
+  vertical-align: top; }
+
+.header-avatar:hover {
+  text-decoration: none; }
+
+.header-avatar img {
+  margin-bottom: 2px;
+  max-height: 20px;
+  vertical-align: middle;
+  width: auto; }
+
+.header-avatar span:after {
+  content: '\f078';
+  font-family: FontAwesome;
+  display: inline-block;
+  font-size: 7px;
+  float: right;
+  padding-left: 2px;
+  font-weight: normal;
+  opacity: 0.7; }
+
+.dropdown-container {
+  position: relative; }
+
+.dropdown-container-right {
+  float: right; }
+
+.dropdown-container-left {
+  float: left; }
+
+.nojs .dropdown-container:hover .dropdown {
+  display: block !important; }
+
+.dropdown {
+  display: none;
+  position: absolute;
+  left: 0;
+  top: 1.4em;
+  z-index: 30;
+  padding: 0;
+  margin-right: -500px; }
+
+.dropdown.live-search {
+  top: auto; }
+
+.dropdown-container.topic-tools {
+  float: left; }
+
+.dropdown-up .dropdown {
+  top: auto;
+  bottom: 1.4em; }
+
+.dropdown-left .dropdown, .nojs .rightside .dropdown {
+  left: auto;
+  right: 0;
+  margin-left: -500px;
+  margin-right: 0; }
+
+.dropdown-button-control .dropdown {
+  top: 24px; }
+
+.dropdown-button-control.dropdown-up .dropdown {
+  top: auto;
+  bottom: 24px; }
+
+.dropdown .pointer, .dropdown .pointer-inner {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-top-width: 0;
+  border-bottom: 10px solid transparent;
+  border-left: 10px dashed transparent;
+  border-right: 10px dashed transparent;
+  -webkit-transform: rotate(360deg);
+  /* better anti-aliasing in webkit */
+  display: block; }
+
+.dropdown-up .pointer, .dropdown-up .pointer-inner {
+  border-bottom-width: 0;
+  border-top: 10px solid transparent; }
+
+.dropdown .pointer {
+  right: auto;
+  left: 10px;
+  top: 0;
+  z-index: 3; }
+
+.dropdown-up .pointer {
+  bottom: 0;
+  top: auto; }
+
+.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
+  left: auto;
+  right: 10px; }
+
+.dropdown .pointer-inner {
+  top: auto;
+  bottom: -11px;
+  left: -10px; }
+
+.dropdown-up .pointer-inner {
+  bottom: auto;
+  top: -11px; }
+
+.dropdown .dropdown-contents {
+  z-index: 30;
+  overflow: hidden;
+  overflow-y: auto;
+  border: 0px solid transparent;
+  border-radius: 0 0 3px 3px;
+  border-top-width: 3px;
+  padding: 5px;
+  position: relative;
+  min-width: 40px;
+  max-height: 300px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  .notifications .dropdown .dropdown-contents {
+    min-width: 300px; }
+
+.dropdown-up .dropdown-contents {
+  border-bottom-width: 3px;
+  border-top-width: 0;
+  border-radius: 3px 3px 0 0; }
+
+.dropdown-contents > li {
+  padding-right: 15px;
+  min-width: 180px; }
+
+.dropdown-nonscroll > li {
+  padding-right: 0; }
+
+.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
+  border-top: 0; }
+
+.dropdown li li:first-child {
+  margin-top: 4px; }
+
+.dropdown li li:last-child {
+  padding-bottom: 0; }
+
+.dropdown li li {
+  border-top: 1px dotted transparent;
+  padding-left: 18px; }
+
+#wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
+  white-space: normal; }
+
+.dropdown li.separator {
+  border-top: 1px solid transparent;
+  margin: 4px 0;
+  padding: 0; }
+
+.dropdown li.separator:first-child, .dropdown li.separator:last-child {
+  display: none !important; }
+
+.dropdown-trigger > i.glyphicons, .dropdown-trigger > i.fa {
+  display: inline;
+  line-height: inherit;
+  top: 0;
+  vertical-align: baseline; }
+  .dropdown-trigger > i.glyphicons:before, .dropdown-trigger > i.fa:before {
+    font-size: 1.4em;
+    line-height: 1;
+    position: relative;
+    top: 1px; }
+
+.breadcrumbs .crumb {
+  float: left;
+  font-weight: bold;
+  word-wrap: normal;
+  position: relative;
+  padding-left: 13px; }
+  .rtl .breadcrumbs .crumb {
+    padding-left: 0;
+    padding-right: 13px; }
+
+.breadcrumbs .crumb:before {
+  content: '\f054';
+  font-family: FontAwesome;
+  font-weight: normal;
+  position: absolute;
+  left: 1px;
+  width: 11px;
+  top: 50%;
+  margin-top: -5.5px;
+  font-size: 7px;
+  height: 11px;
+  line-height: 11px;
+  text-align: center; }
+  .rtl .breadcrumbs .crumb:before {
+    left: auto;
+    right: 1px;
+    content: '\f053'; }
+
+.breadcrumbs .crumb:first-child {
+  padding-left: 0;
+  padding-right: 0; }
+  .breadcrumbs .crumb:first-child:before {
+    display: none; }
+
+.breadcrumbs .crumb a {
+  display: inline-block;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  vertical-align: bottom;
+  overflow: hidden; }
+
+.breadcrumbs.wrapped .crumb a {
+  letter-spacing: -.3px; }
+
+.breadcrumbs.wrapped .crumb.wrapped-medium a {
+  letter-spacing: -.4px; }
+
+.breadcrumbs.wrapped .crumb.wrapped-tiny a {
+  letter-spacing: -.5px; }
+
+.breadcrumbs .crumb.wrapped-max a {
+  max-width: 120px; }
+
+.breadcrumbs .crumb.wrapped-wide a {
+  max-width: 100px; }
+
+.breadcrumbs .crumb.wrapped-medium a {
+  max-width: 80px; }
+
+.breadcrumbs .crumb.wrapped-small a {
+  max-width: 60px; }
+
+.breadcrumbs .crumb.wrapped-tiny a {
+  max-width: 40px; }
+
+table.table1 {
+  width: 100%; }
+
+.ucp-main table.table1 {
+  padding: 2px; }
+
+table.table1 thead th {
+  background: #1f5fa6;
+  border: 0 solid #1f5fa6;
+  color: #fff;
+  text-transform: none;
+  line-height: 1.4;
+  font-weight: normal;
+  font-size: 13px;
+  padding: 4px; }
+  table.table1 thead th:first-child {
+    border-top-left-radius: 2px; }
+  table.table1 thead th:last-child {
+    border-top-right-radius: 2px; }
+
+table.table1 thead th span {
+  padding-left: 7px; }
+
+table.table1 tbody tr {
+  border-top: 1px solid transparent; }
+
+table.table1 td {
+  font-size: 12px;
+  line-height: 1.4; }
+
+table.table1 tbody td {
+  padding: 5px;
+  border-top: 1px solid transparent; }
+
+table.table1 tbody th {
+  padding: 5px;
+  border-bottom: 1px solid transparent;
+  text-align: left; }
+
+table.table1 .name {
+  text-align: left; }
+
+table.table1 .center {
+  text-align: center; }
+
+table.table1 .reportby {
+  width: 15%; }
+
+table.table1 .posts {
+  text-align: center;
+  width: 7%; }
+
+table.table1 .joined {
+  text-align: left;
+  width: 15%; }
+
+table.table1 .active {
+  text-align: left;
+  width: 15%; }
+
+table.table1 .mark {
+  text-align: center;
+  width: 7%; }
+
+table.table1 .info {
+  text-align: left;
+  width: 30%;
+  max-width: 200px; }
+  @media (max-width: 550px) {
+    table.table1 .info {
+      max-width: 150px; } }
+
+table.table1 .info div {
+  width: 100%;
+  white-space: normal;
+  overflow: hidden; }
+
+table.table1 .autocol {
+  line-height: 2em;
+  white-space: nowrap; }
+
+table.table1 thead .autocol {
+  padding-left: 1em; }
+
+table.table1 th.info {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+table.table1 span.rank-img {
+  float: right;
+  width: auto; }
+
+table.info td {
+  padding: 3px; }
+
+table.info tbody th {
+  padding: 3px;
+  text-align: right;
+  vertical-align: top;
+  font-weight: normal; }
+
+.forumbg table.table1 {
+  margin: 0; }
+
+.forumbg-table > .inner {
+  margin: 0 -1px; }
+
+.color_palette_placeholder table {
+  border-collapse: separate;
+  border-spacing: 1px; }
+
+.column1 {
+  float: left;
+  clear: left;
+  width: 49%; }
+
+.column2 {
+  float: right;
+  clear: right;
+  width: 49%; }
+
+.left-box {
+  float: left;
+  width: auto;
+  text-align: left;
+  max-width: 100%; }
+
+.left-box.profile-details {
+  width: 80%; }
+
+.right-box {
+  float: right;
+  width: auto;
+  text-align: right;
+  max-width: 100%; }
+
+dl.details {
+  font-size: 11px; }
+
+dl.details dt {
+  float: left;
+  clear: left;
+  width: 30%;
+  text-align: right;
+  display: block; }
+
+dl.details dd {
+  margin-left: 0;
+  padding-left: 5px;
+  margin-bottom: 5px;
+  float: left;
+  width: 65%;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+.clearfix, fieldset dl, dl.polls {
+  overflow: hidden; }
+
+ul.topiclist dd.lastpost {
+  float: right; }
+
+fieldset.fields1 ul.recipients {
+  list-style-type: none;
+  line-height: 1.8;
+  max-height: 150px;
+  overflow-y: auto; }
+
+fieldset.fields1 dd.recipients {
+  clear: left;
+  margin-left: 1em; }
+
+fieldset.fields1 ul.recipients input.button2 {
+  font-size: 9px;
+  margin-right: 0;
+  padding: 0; }
+
+fieldset.fields1 dl.pmlist > dt {
+  width: auto !important; }
+
+fieldset.fields1 dl.pmlist dd.recipients {
+  margin-left: 0 !important; }
+
+.action-bar {
+  font-size: 11px;
+  margin: 4px 0; }
+
+.forabg + .action-bar {
+  margin-top: 10px; }
+
+.action-bar .button {
+  margin-right: 5px;
+  float: left; }
+
+.action-bar .button-search {
+  margin-right: 0; }
+
+.pagination {
+  float: right;
+  font-size: 11px;
+  text-align: right;
+  width: auto; }
+
+.action-bar.bottom .pagination {
+  margin-top: 0; }
+
+.action-bar .pagination .button {
+  margin-right: 0;
+  float: none; }
+
+.pagination > ul {
+  display: inline-block;
+  list-style: none !important;
+  margin-left: 5px; }
+
+.pagination > ul > li {
+  display: inline-block !important;
+  padding: 0;
+  font-size: 11px;
+  line-height: normal;
+  vertical-align: middle; }
+
+.pagination li a, .pagination li span {
+  border-radius: 2px;
+  padding: 2px 5px; }
+
+.pagination li.active span {
+  display: inline-block;
+  font-size: 13px;
+  font-weight: normal;
+  font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+  line-height: 1.4;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  border: 1px solid transparent; }
+
+.pagination li.ellipsis span {
+  border: none;
+  padding: 0; }
+
+.pagination li.page-jump {
+  margin-right: 5px; }
+
+.pagination li.page-jump a {
+  background: transparent none !important;
+  border-color: transparent !important;
+  padding: 0 8px; }
+
+.pagination li.page-jump a i {
+  font-size: 21px; }
+
+.pagination .arrow a {
+  padding: 2px 0; }
+
+.rtl .pagination li.previous a:after {
+  content: '\f054';
+  right: 1px;
+  left: 3px; }
+
+.rtl .pagination li.next a:after {
+  content: '\f053';
+  left: 1px;
+  right: 3px; }
+
+.row .pagination {
+  display: block;
+  margin-top: 3px;
+  margin-bottom: 3px; }
+
+.row .pagination > ul {
+  margin: 0; }
+
+.row .pagination li a, .row .pagination li span {
+  border-radius: 2px;
+  padding: 1px 3px;
+  font-size: 9px; }
+
+.phpbb_alert {
+  border: 1px solid transparent;
+  display: none;
+  left: 0;
+  padding: 0 25px 20px 25px;
+  position: fixed;
+  right: 0;
+  top: 150px;
+  z-index: 50;
+  width: 620px;
+  margin: 0 auto; }
+
+@media (max-height: 500px) {
+  .phpbb_alert {
+    top: 25px; } }
+.phpbb_alert .alert_close {
+  display: block;
+  float: right;
+  width: 24px;
+  height: 24px;
+  overflow: hidden;
+  text-decoration: none !important;
+  background: transparent none 0 0 no-repeat;
+  margin-top: -12px;
+  margin-right: -36px;
+  position: relative; }
+
+.phpbb_alert .alert_close:before,
+.phpbb_alert .alert_close:after {
+  content: '\f057';
+  font-family: FontAwesome;
+  position: absolute;
+  font-size: 18px;
+  line-height: 24px;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0;
+  text-align: center;
+  left: 0;
+  top: 0;
+  margin: 0;
+  padding: 0;
+  width: 24px;
+  height: 24px; }
+
+.phpbb_alert .alert_close:before {
+  content: '\f111';
+  font-size: 20px; }
+
+.phpbb_alert p {
+  margin: 8px 0;
+  padding-bottom: 8px; }
+
+.phpbb_alert label {
+  display: block;
+  margin: 8px 0;
+  padding-bottom: 8px; }
+
+.phpbb_alert div.alert_text > p,
+.phpbb_alert div.alert_text > label,
+.phpbb_alert div.alert_text > select,
+.phpbb_alert div.alert_text > textarea,
+.phpbb_alert div.alert_text > input {
+  font-size: 11px; }
+
+.darkenwrapper {
+  display: none;
+  position: relative;
+  z-index: 44; }
+
+.darken {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.5;
+  z-index: 45; }
+
+.loading_indicator {
+  background: center center no-repeat;
+  border-radius: 5px;
+  display: none;
+  opacity: 0.8;
+  margin-top: -50px;
+  margin-left: -50px;
+  height: 50px;
+  width: 50px;
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  z-index: 51; }
+
+.forum-permissions {
+  float: right;
+  width: auto;
+  padding-left: 5px;
+  margin-left: 5px;
+  margin-top: 10px;
+  text-align: right; }
+
+.copyright {
+  font-size: 10px;
+  text-align: center;
+  padding: 10px; }
+
+.footer-row {
+  font-size: 10px;
+  line-height: 1.8;
+  margin: 0; }
+
+.small {
+  font-size: 0.9em !important; }
+
+.titlespace {
+  margin-bottom: 15px; }
+
+.headerspace {
+  margin-top: 20px; }
+
+.error {
+  font-weight: bold;
+  font-size: 11px; }
+
+div.rules {
+  margin: 10px 0;
+  font-size: 11px;
+  padding: 5px 10px;
+  border-radius: 3px; }
+
+div.rules ul, div.rules ol {
+  margin-left: 20px; }
+
+p.post-notice {
+  position: relative;
+  padding: 5px;
+  padding-left: 26px;
+  min-height: 14px;
+  margin-bottom: 1em;
+  font-size: 12px; }
+
+p.post-notice:before {
+  content: '';
+  display: block;
+  position: absolute;
+  top: 50%;
+  margin-top: -10px;
+  font-size: 16px;
+  height: 18px;
+  line-height: 18px;
+  text-align: center;
+  vertical-align: baseline;
+  left: 0;
+  width: 28px;
+  background: transparent none 50% 50% no-repeat;
+  pointer-events: none;
+  font-weight: normal;
+  font-style: normal;
+  text-transform: none; }
+
+form > p.post-notice strong {
+  line-height: 20px; }
+
+.jumpbox {
+  margin: 5px 0; }
+
+.jumpbox .dropdown li {
+  border-top: 1px solid transparent; }
+
+.jumpbox .dropdown-select {
+  margin: 0; }
+
+.jumpbox .dropdown-contents {
+  padding: 0;
+  text-decoration: none; }
+
+.jumpbox .dropdown-contents li {
+  padding: 0; }
+
+.jumpbox .dropdown-contents a {
+  margin-right: 20px;
+  padding: 5px 10px;
+  text-decoration: none;
+  width: 100%; }
+
+.jumpbox .spacer {
+  display: inline-block;
+  width: 0px; }
+
+.jumpbox .spacer + .spacer {
+  width: 20px; }
+
+.dropdown-contents a {
+  display: block;
+  padding: 5px; }
+
+.jumpbox .dropdown-select {
+  margin: 0; }
+
+.jumpbox .dropdown-contents a {
+  text-decoration: none; }
+
+.dropdown li {
+  display: list-item;
+  border-top: 1px dotted transparent;
+  float: none !important;
+  line-height: normal !important;
+  font-size: 1em !important;
+  list-style: none;
+  margin: 0;
+  white-space: nowrap;
+  text-align: left; }
+
+.stat-block {
+  clear: both; }
+
+.top {
+  position: absolute;
+  top: -20px; }
+
+.clear {
+  display: block;
+  clear: both;
+  font-size: 1px;
+  line-height: 1px;
+  background: transparent; }
+
+.inner:after,
+ul.linklist:after,
+.action-bar:after,
+.notification_text:after,
+.tabs-container:after,
+.tabs > ul:after,
+.minitabs > ul:after,
+.postprofile .avatar-container:after {
+  clear: both;
+  content: '';
+  display: block; }
+
+.emoji {
+  min-height: 18px;
+  min-width: 18px;
+  height: 1em;
+  width: 1em; }
+
+.hidden {
+  display: none; }
+
+.smilies {
+  vertical-align: text-bottom; }
+
+.icon-notification {
+  position: relative; }
+
+.member-search {
+  float: left;
+  margin: 0;
+  padding: 6px 10px; }
+
+.member-search strong {
+  font-size: 11px; }
+
+.dropdown-extended {
+  display: none;
+  z-index: 3; }
+
+.dropdown-extended ul {
+  max-height: 350px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  clear: both; }
+
+.dropdown-extended ul li {
+  padding: 0;
+  margin: 0 !important;
+  float: none;
+  border-top: 1px solid;
+  list-style-type: none;
+  font-size: 11px;
+  clear: both;
+  position: relative; }
+
+.dropdown-extended ul li:first-child {
+  border-top: none; }
+
+.dropdown-extended ul li.no_notifications {
+  padding: 10px; }
+
+.dropdown-extended .dropdown-contents {
+  max-height: none;
+  padding: 0;
+  position: absolute;
+  width: 340px; }
+
+.nojs .dropdown-extended .dropdown-contents {
+  position: relative; }
+
+.dropdown-extended .header {
+  padding: 0 10px;
+  font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  font-weight: bold;
+  text-align: left;
+  line-height: 30px; }
+  .dropdown-down .dropdown-extended .header {
+    margin-top: -3px; }
+
+.dropdown-extended .header .header_settings {
+  float: right;
+  font-weight: normal;
+  text-transform: none; }
+
+.dropdown-extended .header .header_settings a {
+  display: inline-block;
+  padding: 0 5px; }
+
+.dropdown-extended .header:after {
+  content: '';
+  display: table;
+  clear: both; }
+
+.dropdown-extended .footer {
+  text-align: center;
+  font-size: 11px; }
+
+.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
+  padding: 8px; }
+
+.dropdown-extended .footer > a {
+  padding: 5px 0; }
+
+.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
+  display: block;
+  text-decoration: none; }
+
+.notification_list ul li img {
+  float: left;
+  max-height: 50px;
+  max-width: 50px;
+  width: auto !important;
+  height: auto !important;
+  margin-right: 5px; }
+
+.notification_list ul li p {
+  margin-bottom: 4px;
+  font-size: 11px; }
+
+.notification_list p.notification-reference,
+.notification_list p.notification-location,
+.notification_list li a p.notification-reason {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+.notification_list p.notification-time {
+  font-size: 10px;
+  margin: 0;
+  text-align: right; }
+
+.notification_list div.notifications {
+  margin-left: 50px;
+  padding: 5px; }
+
+.notification_list div.notifications a {
+  display: block; }
+
+.notification_list p.notifications_title {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 15px !important; }
+
+.notification_list p.notifications_title strong {
+  font-weight: 600; }
+
+.notification_list p.notifications_time {
+  font-size: 11px !important; }
+
+.notification_text {
+  margin-left: 58px;
+  white-space: normal; }
+
+.badge {
+  border-radius: 10px;
+  opacity: 0.8;
+  text-align: center;
+  white-space: nowrap;
+  font-size: 10px;
+  line-height: 1;
+  float: right;
+  display: inline-block;
+  margin-left: 3px;
+  vertical-align: baseline;
+  position: relative;
+  top: 3px;
+  padding: 4px 6px; }
+
+.badge.hidden {
+  display: none; }
+
+.linklist .quick-links {
+  margin: 0 7px 0 0; }
+
+.linklist.compact .rightside > a > span span {
+  display: none; }
+
+.dropdown-page-jump .dropdown {
+  top: 20px; }
+
+.dropdown-page-jump.dropdown-up .dropdown {
+  bottom: 20px; }
+
+.dropdown-page-jump input.tiny {
+  width: 50px; }
+
+.dropdown .clone.hidden {
+  display: none; }
+
+.dropdown .clone.hidden + li.separator {
+  display: none; }
+
+.dropdown .clone.hidden + li {
+  border-top: none; }
+
+a {
+  direction: ltr;
+  unicode-bidi: embed;
+  text-decoration: none;
+  /* we use links inline more often then not so to address several bugs with
+  IE and some other browsers we render all links as inlineblock by default */
+  display: inline-block; }
+
+.username-coloured {
+  font-weight: bold;
+  display: inline !important;
+  padding: 0 !important; }
+
+span.username-coloured {
+  margin-left: 10px; }
+
+.forumbg .header a, .forabg .header a, th a {
+  text-decoration: none; }
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+  text-decoration: underline; }
+
+.dropdown-extended a.mark_read {
+  display: block;
+  opacity: .2;
+  position: absolute;
+  z-index: 2;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 30px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  transition: opacity .2s; }
+
+.dropdown-extended li:hover a.mark_read {
+  opacity: .85; }
+
+.dropdown-extended li a.mark_read:hover {
+  opacity: 1; }
+
+.dropdown-extended a.mark_read:after {
+  width: auto;
+  left: 4px;
+  right: 0;
+  font-size: 16px; }
+
+.jumpbox-cat-link,
+.jumpbox-forum-link {
+  font-weight: bold; }
+
+a.forumtitle, a.topictitle {
+  display: inline-block;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.2;
+  font-weight: 500;
+  padding-bottom: 2px;
+  text-decoration: none; }
+  a.forumtitle:hover, a.topictitle:hover {
+    text-decoration: underline; }
+
+a.topictitle {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 15px; }
+
+a.lastsubject {
+  font-weight: bold;
+  text-decoration: none; }
+
+a.lastsubject:hover {
+  text-decoration: underline; }
+
+.postprofile a, .postprofile dt.author a {
+  font-weight: bold;
+  text-decoration: none; }
+
+.postprofile a:hover, .postprofile dt.author a:hover {
+  text-decoration: underline; }
+
+.search .postprofile a {
+  text-decoration: none;
+  font-weight: normal; }
+
+.search .postprofile a:hover {
+  text-decoration: underline; }
+
+.top {
+  font-size: 12px;
+  text-decoration: none;
+  margin-top: 10px; }
+
+.back2top {
+  clear: both; }
+  .post > .back2top {
+    position: relative;
+    right: 5px;
+    bottom: 5px; }
+    .rtl .post > .back2top {
+      right: auto;
+      left: 5px; }
+
+.back2top .top {
+  float: right;
+  margin-top: 0; }
+
+a.top, a.top2 {
+  position: relative; }
+
+a.arrow-up, a.arrow-down {
+  position: relative; }
+  a.arrow-up:after, a.arrow-down:after {
+    position: absolute;
+    top: 50%;
+    margin-top: -5px;
+    text-align: center;
+    font-family: FontAwesome;
+    font-size: 8px;
+    line-height: 10px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+
+a.arrow-up:after {
+  content: '\f077';
+  left: 0; }
+.rtl a.arrow-up:after {
+  left: auto;
+  right: 0; }
+
+a.arrow-down:after {
+  content: '\f078';
+  right: 0;
+  padding-top: 1px; }
+.rtl a.arrow-down:after {
+  right: auto;
+  left: 0; }
+
+a.arrow-up {
+  padding-left: 10px;
+  text-decoration: none;
+  border-bottom-width: 0; }
+
+a.arrow-down {
+  padding-right: 10px; }
+
+a.arrow-down:hover {
+  text-decoration: none; }
+
+a.arrow-left:hover {
+  text-decoration: none; }
+
+a.arrow-right:hover {
+  text-decoration: none; }
+
+.skiplink {
+  position: absolute;
+  left: -999px;
+  width: 990px; }
+
+a.feed-icon-forum {
+  float: right;
+  margin: 3px;
+  width: 16px;
+  height: 16px;
+  position: relative; }
+
+.topiclist.forums a.feed-icon-forum {
+  margin-top: 12px; }
+
+a.feed-icon-forum:after {
+  content: '\f09e';
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: 16px;
+  height: 16px;
+  font-family: FontAwesome;
+  font-size: 14px;
+  font-weight: normal;
+  font-style: normal;
+  line-height: 16px;
+  text-align: center; }
+
+a.top-anchor {
+  display: block; }
+
+ul.topiclist {
+  display: block;
+  list-style-type: none;
+  margin: 0; }
+
+ul.topiclist li {
+  display: block;
+  list-style-type: none;
+  margin: 0; }
+  .forabg ul.topiclist li.header, .forumbg ul.topiclist li.header {
+    margin: -5px -10px 5px;
+    border-radius: 2px;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    background: #1f5fa6;
+    border: 0 solid #1f5fa6;
+    padding: 5px;
+    text-transform: none;
+    font-size: 15px;
+    line-height: 1.4;
+    font-weight: normal;
+    color: #fff;
+    border-radius: 3px;
+    margin: 0;
+    position: relative; }
+    @media (max-width: 700px) {
+      .forabg ul.topiclist li.header, .forumbg ul.topiclist li.header {
+        border-radius: 0; } }
+    .forabg ul.topiclist li.header a, .forumbg ul.topiclist li.header a {
+      color: #fff; }
+      .forabg ul.topiclist li.header a:hover, .forumbg ul.topiclist li.header a:hover {
+        color: #fff; }
+    .forabg ul.topiclist li.header .forum-toggle, .forumbg ul.topiclist li.header .forum-toggle {
+      position: absolute;
+      right: 5px;
+      top: 50%;
+      margin-top: -8px;
+      height: 16px;
+      width: 16px;
+      text-decoration: none !important;
+      outline-style: none !important;
+      color: inherit;
+      transition: opacity 0.3s ease;
+      opacity: .5; }
+      .forabg ul.topiclist li.header .forum-toggle:after, .forumbg ul.topiclist li.header .forum-toggle:after {
+        content: '\f056';
+        font-family: FontAwesome;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 16px;
+        height: 16px;
+        font-size: 12px;
+        line-height: 16px; }
+      .forabg ul.topiclist li.header .forum-toggle.toggled:after, .forumbg ul.topiclist li.header .forum-toggle.toggled:after {
+        content: '\f055'; }
+      .forabg ul.topiclist li.header .forum-toggle:hover, .forumbg ul.topiclist li.header .forum-toggle:hover {
+        opacity: 1; }
+      .rtl .forabg ul.topiclist li.header .forum-toggle, .rtl .forumbg ul.topiclist li.header .forum-toggle {
+        right: auto;
+        left: 4px; }
+
+ul.topiclist dl {
+  position: relative; }
+
+ul.topiclist li.row dl {
+  margin: 2px 0; }
+
+ul.topiclist dt, ul.topiclist dd {
+  display: block;
+  float: left; }
+
+ul.topiclist dt {
+  width: 100%;
+  margin-right: -440px;
+  font-size: 11px; }
+
+ul.topiclist.missing-column dt {
+  margin-right: -345px; }
+
+dl.elegant-row dt,
+ul.topiclist.two-long-columns dt {
+  margin-right: -250px; }
+
+ul.topiclist.two-columns dt {
+  margin-right: -80px; }
+
+ul.topiclist dt .list-inner {
+  margin-right: 440px;
+  padding-left: 5px;
+  padding-right: 5px;
+  position: relative; }
+
+ul.topiclist.missing-column dt .list-inner {
+  margin-right: 345px; }
+
+dl.elegant-row dt .list-inner,
+ul.topiclist.two-long-columns dt .list-inner {
+  margin-right: 250px; }
+
+ul.topiclist.two-columns dt .list-inner {
+  margin-right: 80px; }
+
+ul.topiclist dd {
+  border-left: 1px solid transparent;
+  padding: 4px 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+ul.topiclist dfn {
+  display: none;
+  position: absolute;
+  left: -999px;
+  width: 990px; }
+
+.forum-image {
+  float: left;
+  padding-top: 5px;
+  margin-right: 5px; }
+
+li.row {
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent; }
+  li.row:first-child {
+    border-top-width: 0;
+    padding-top: 0; }
+  li.row:last-child {
+    border-bottom-width: 0;
+    padding-bottom: 0; }
+  .forabg ul.topiclist li.row, .forumbg ul.topiclist li.row {
+    background: #f4f4f4;
+    border: 0 solid #e0e0e0;
+    border-radius: 3px;
+    padding: 5px 10px;
+    padding: 5px;
+    margin: 5px 0;
+    padding: 0; }
+    .forabg ul.topiclist li.row.reported, .forumbg ul.topiclist li.row.reported {
+      background-color: #f5e9e9; }
+  li.row .subforums-list ul {
+    list-style-type: none;
+    display: inline;
+    margin: 0; }
+  li.row .subforums-list li {
+    display: inline; }
+    li.row .subforums-list li > span {
+      display: inline; }
+  li.row .forum-mcplink {
+    right: 4px;
+    top: 4px; }
+    .rtl li.row .forum-mcplink {
+      right: auto;
+      left: 4px; }
+
+li.row strong {
+  font-weight: normal; }
+
+li.header dt, li.header dd {
+  border-left-width: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  font-size: 12px;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  line-height: 18px; }
+
+li.header dt {
+  width: 100%;
+  margin-right: -440px; }
+  .forabg li.header dt {
+    font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+    font-weight: 500;
+    font-size: 14px; }
+  li.header dt .list-inner {
+    margin-right: 440px;
+    text-indent: 5px;
+    padding-left: 0; }
+
+li.header dd {
+  padding-left: 1px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+li.header dl dt, li.header dl dd {
+  min-height: 0; }
+
+.forabg li.header dl.row-item dt .list-inner {
+  padding-left: 0;
+  padding-right: 50px; }
+
+.row .list-inner {
+  padding: 4px 0; }
+
+dl.row-item {
+  background-position: 10px 50%;
+  background-repeat: no-repeat;
+  background-size: 36px; }
+
+dl.row-item dt {
+  background-repeat: no-repeat;
+  background-position: 5px 95%;
+  background-size: 17px; }
+
+dl.row-item dt .list-inner {
+  padding-left: 55px;
+  position: relative;
+  padding-top: 5px;
+  padding-bottom: 5px; }
+  li.header dl.row-item dt .list-inner {
+    padding-top: 0;
+    padding-bottom: 0; }
+
+dl.row-item dt .list-inner .topic-status {
+  position: absolute;
+  right: 4px;
+  top: 3px;
+  font-size: 14px;
+  pointer-events: none; }
+  .rtl dl.row-item dt .list-inner .topic-status {
+    right: auto;
+    left: 4px; }
+
+dl.row-item dt .list-inner .topic-status + .topic-status {
+  right: 20px; }
+
+dl.row-item dt, dl.row-item dd {
+  min-height: 42px; }
+
+dl.row-item dt a {
+  display: inline; }
+
+dl.row-item.with-description dt, dl.row-item.with-description dd {
+  min-height: 50px; }
+
+dl a.row-item-link {
+  display: block;
+  width: 36px;
+  height: 36px;
+  padding: 0;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  margin-top: -15px;
+  margin-left: 9px;
+  z-index: 2; }
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
+  width: 80px;
+  text-align: center; }
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark, dd.lastpost.empty {
+  line-height: 34px;
+  font-size: 12px; }
+  .with-description dd.posts, .with-description dd.topics, .with-description dd.views, .with-description dd.extra, .with-description dd.mark, .with-description dd.lastpost.empty {
+    line-height: 42px; }
+
+dd.lastpost.empty br {
+  display: none; }
+
+dd.posts, dd.topics, dd.views {
+  width: 95px; }
+  .elegant-row dd.posts, .elegant-row dd.topics, .elegant-row dd.views {
+    display: none; }
+
+dl.row-item dt ol,
+dl.row-item dt ul {
+  list-style-position: inside;
+  margin-left: 1em; }
+
+dl.row-item dt li {
+  display: list-item;
+  list-style-type: inherit; }
+
+dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
+  width: 250px;
+  font-size: 11px; }
+
+dd.redirect {
+  line-height: 2.5em; }
+
+dd.time {
+  line-height: 200%; }
+
+dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
+  display: block;
+  padding-left: 5px; }
+
+dd.extra, dd.mark {
+  line-height: 200%; }
+
+dd.option {
+  width: 125px;
+  line-height: 200%;
+  text-align: center;
+  font-size: 11px; }
+
+.forum-description {
+  font-size: 13px;
+  padding-top: 2px; }
+
+.forum-statistics {
+  font-size: 11px;
+  padding-top: 2px; }
+
+.forum-lastpost {
+  display: none; }
+  @media (max-width: 550px) {
+    .forum-lastpost {
+      display: block !important;
+      padding-top: 2px;
+      line-height: 1.2;
+      overflow: hidden; } }
+  .forum-lastpost strong, .forum-lastpost span {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap; }
+  .forum-lastpost strong, .forum-lastpost span, .forum-lastpost a.lastsubject {
+    font-weight: normal; }
+  .forum-lastpost strong {
+    display: block;
+    float: left;
+    max-width: 200px;
+    padding-right: 5px; }
+    .rtl .forum-lastpost strong {
+      float: right;
+      padding-right: 0;
+      padding-left: 5px; }
+    @media (max-width: 400px) {
+      .forum-lastpost strong {
+        max-width: 130px; } }
+  .forum-lastpost span {
+    display: inline-block;
+    max-width: 100%; }
+    .forum-lastpost span:after {
+      content: '|';
+      display: inline-block;
+      text-align: center;
+      width: 12px; }
+    .forum-lastpost span:last-of-type:after {
+      display: none; }
+
+.subforums-list {
+  padding-top: 2px; }
+
+.forum-description.toggle {
+  display: none;
+  position: absolute;
+  font-size: 11px;
+  border-radius: 4px;
+  padding: 4px 9px;
+  max-width: 500px;
+  cursor: pointer; }
+  a.forumtitle + .forum-description.toggle, a.topictitle + .forum-description.toggle {
+    left: 55px;
+    top: 25px;
+    z-index: 30; }
+    .rtl a.forumtitle + .forum-description.toggle, .rtl a.topictitle + .forum-description.toggle {
+      left: auto;
+      right: 55px; }
+  .forum-description.toggle a {
+    background: none !important;
+    text-decoration: underline !important;
+    border-width: 0 !important; }
+  .forum-description.toggle span.arrow {
+    position: absolute;
+    line-height: 0;
+    width: 0;
+    height: 0;
+    border: 6px solid transparent;
+    border-left: 1px none transparent;
+    top: 6px;
+    left: -6px;
+    bottom: auto; }
+  .rtl .forum-description.toggle span.arrow {
+    border-left: 6px solid transparent;
+    border-right: 1px none transparent;
+    left: auto;
+    right: -6px; }
+  .forum-description.toggle.no-arrow span.arrow {
+    display: none; }
+
+.postbody {
+  padding: 0;
+  font-size: 11px;
+  line-height: 1.4; }
+  .postprofile + .postbody {
+    float: right;
+    margin-left: -160px;
+    width: 100%;
+    position: relative; }
+    .rtl .postprofile + .postbody {
+      margin-left: 0;
+      margin-right: -160px;
+      float: left; }
+    .search .postprofile + .postbody {
+      margin-left: -260px; }
+      .rtl .search .postprofile + .postbody {
+        margin-left: 0;
+        margin-right: -260px; }
+
+.postprofile + .postbody > div {
+  margin-left: 160px; }
+  .postprofile + .postbody > div:only-child:after {
+    content: ' ';
+    display: table;
+    clear: both; }
+  .rtl .postprofile + .postbody > div {
+    margin-left: 0;
+    margin-right: 160px; }
+  .search .postprofile + .postbody > div {
+    margin-left: 260px; }
+    .rtl .search .postprofile + .postbody > div {
+      margin-left: 0;
+      margin-right: 260px; }
+
+.postbody .ignore {
+  font-size: 13px;
+  line-height: 1.4; }
+
+.postbody h3 {
+  float: left;
+  font-size: 16px;
+  padding: 2px 0 0 0;
+  margin-top: 0 !important;
+  margin-bottom: 0.3em !important;
+  text-transform: none;
+  border: none;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  line-height: 1.25; }
+  .rtl .postbody h3 {
+    float: right; }
+
+.postbody h3 img {
+  vertical-align: bottom; }
+
+.has-profile .postbody h3 {
+  float: none !important;
+  margin-right: 180px; }
+  .rtl .has-profile .postbody h3 {
+    margin-right: 0;
+    margin-left: 180px; }
+
+.postbody .content {
+  font-size: 13px;
+  line-height: 1.4;
+  overflow-x: auto; }
+
+.postbody img.postimage {
+  max-width: 100%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.panel .review {
+  margin-top: 2em; }
+
+.topicreview {
+  padding-right: 5px;
+  overflow: auto;
+  height: 300px; }
+
+.topicreview .postbody {
+  width: auto;
+  float: none;
+  margin: 0;
+  height: auto; }
+
+.topicreview .post {
+  height: auto; }
+
+.topicreview h2 {
+  border-bottom-width: 0; }
+
+.post-ignore .postbody {
+  display: none; }
+
+.post_details {
+  overflow: auto;
+  max-height: 300px; }
+
+.content {
+  clear: both;
+  min-height: 3em;
+  overflow: hidden;
+  line-height: 1.4;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  padding-bottom: 1px; }
+
+.content h2, .panel h2 {
+  font-weight: normal;
+  border-bottom: 1px solid transparent;
+  font-size: 15px;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+  padding-bottom: 0.5em; }
+  .content h2.faq-title, .panel h2.faq-title {
+    margin-top: 5px; }
+
+.panel h3 {
+  margin: 0.5em 0; }
+
+.panel p {
+  font-size: 13px;
+  margin-bottom: 1em;
+  line-height: 1.4; }
+
+.content p {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  margin-bottom: 1em;
+  line-height: 1.4; }
+
+dl.faq, .content dl.faq {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  margin-top: 1em;
+  margin-bottom: 2em;
+  line-height: 1.4; }
+
+dl.faq dt, .content dl.faq dt {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.25;
+  font-weight: normal;
+  margin-bottom: 5px; }
+
+.content dl.faq {
+  margin-bottom: 0.5em; }
+
+.content li {
+  list-style-type: inherit; }
+
+.content ul, .content ol {
+  margin: 0.8em 0 0.9em 3em; }
+
+.posthilit {
+  padding: 0 2px 1px 2px; }
+
+p.author {
+  margin-bottom: 0.3em;
+  padding: 0 0 5px 0;
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px;
+  line-height: 1.4;
+  clear: both; }
+
+.signature {
+  margin-top: 1.5em;
+  padding-top: 0.2em;
+  font-size: 12px;
+  border-top: 1px solid transparent;
+  clear: left;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  line-height: 1.4;
+  overflow: hidden;
+  width: 100%; }
+
+.signature.standalone {
+  border-top-width: 0;
+  margin-top: 0; }
+
+dd .signature {
+  margin: 0;
+  padding: 0;
+  clear: none;
+  border: none; }
+
+.signature li {
+  list-style-type: inherit; }
+
+.signature ul, .signature ol {
+  margin: 0.8em 0 0.9em 3em; }
+
+.notice {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: auto;
+  margin-top: 1.5em;
+  padding-top: 0.2em;
+  font-size: 13px;
+  border-top: 1px dashed transparent;
+  clear: left;
+  line-height: 1.4; }
+
+ul.searchresults {
+  list-style: none;
+  text-align: right;
+  clear: both; }
+  .rtl ul.searchresults {
+    text-align: left; }
+
+blockquote {
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  font-size: 12px;
+  margin: 8px 12px;
+  overflow: hidden;
+  padding: 5px;
+  position: relative; }
+  .rtl blockquote {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+/*blockquote:before {
+	position: absolute;
+	font-family: 'Trebuchet MS';
+	top: 5px;
+	left: 4px;
+	height: 16px;
+	font-size: 30px;
+	line-height: 30px;
+	pointer-events: none;
+}*/
+blockquote blockquote {
+  margin: 5px; }
+
+blockquote cite {
+  font-style: normal;
+  font-weight: bold;
+  display: block;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6; }
+
+blockquote cite:before, .uncited:before {
+  padding-right: 5px; }
+
+blockquote cite > div {
+  float: right;
+  font-weight: normal; }
+
+.postbody .content li blockquote {
+  overflow: inherit;
+  margin-left: 0; }
+
+.codebox {
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  margin: 8px 12px;
+  font-size: 12px;
+  word-wrap: normal; }
+  .rtl .codebox {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+.codebox p {
+  text-transform: uppercase;
+  border-bottom: 1px solid transparent;
+  margin-bottom: 3px;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px !important;
+  line-height: 1.6;
+  font-weight: bold;
+  display: block; }
+
+blockquote .codebox {
+  margin-left: 0; }
+
+.codebox code {
+  overflow: auto;
+  display: block;
+  height: auto;
+  max-height: 200px;
+  padding: 5px 3px;
+  font-family: Monaco, "Andale Mono","Courier New", Courier, mono;
+  font-size: 12px;
+  line-height: 1.3; }
+
+.attachbox {
+  float: left;
+  width: auto;
+  max-width: 100%;
+  margin: 5px 5px 5px 0;
+  padding: 6px;
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  clear: left;
+  box-sizing: border-box; }
+  .rtl .attachbox {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+.attachbox dt {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6;
+  font-weight: 500; }
+
+.attachbox dd {
+  margin-top: 4px;
+  padding-top: 4px;
+  clear: left;
+  border-top: 1px solid transparent;
+  overflow-x: auto; }
+
+.attachbox dd dd {
+  border: none; }
+
+.attachbox p, .attachbox p.stats {
+  line-height: 1.4;
+  font-weight: normal;
+  clear: left; }
+
+.attach-image {
+  margin: 3px 0;
+  max-width: 100%; }
+
+.attach-image img {
+  cursor: default; }
+
+div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
+  display: block;
+  margin-bottom: 4px; }
+
+div.inline-attachment p {
+  font-size: 12px; }
+
+dl.file {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  display: block; }
+
+dl.file dt {
+  text-transform: none;
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6; }
+
+dl.file dd {
+  margin: 0;
+  padding: 0; }
+
+dl.thumbnail img {
+  padding: 3px;
+  border: 1px solid transparent;
+  box-sizing: border-box; }
+
+dl.thumbnail dd {
+  font-style: italic;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+.attachbox dl.thumbnail dd {
+  font-size: 100%; }
+
+dl.thumbnail dt a:hover img {
+  border: 1px solid transparent; }
+
+fieldset.polls {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px; }
+
+fieldset.polls dl {
+  margin: 0;
+  border: 1px solid transparent;
+  border-width: 1px 0;
+  padding: 5px 0;
+  line-height: 1.4; }
+  fieldset.polls dl:first-child {
+    border-top-width: 0; }
+  fieldset.polls dl:last-child {
+    border-bottom-width: 0; }
+
+fieldset.polls dl.voted {
+  font-weight: bold; }
+
+fieldset.polls dt {
+  text-align: left;
+  float: left;
+  display: block;
+  width: 30%;
+  border-right: none;
+  padding: 0;
+  margin: 0;
+  font-size: 13px; }
+
+fieldset.polls dd {
+  float: left;
+  width: 10%;
+  border-left: none;
+  padding: 0 5px;
+  margin-left: 0;
+  font-size: 13px; }
+
+fieldset.polls dd.resultbar {
+  width: 50%; }
+
+fieldset.polls dd input {
+  margin: 2px 0; }
+
+fieldset.polls dd div {
+  text-align: right;
+  font-family: Arial, Helvetica, sans-serif;
+  font-weight: bold;
+  font-size: .9em;
+  padding: 0 3px;
+  overflow: visible;
+  min-width: 8px;
+  border-radius: 2px; }
+
+.vote-submitted {
+  font-size: 15px;
+  font-weight: bold;
+  text-align: center; }
+
+.postprofile {
+  margin: 0;
+  padding: 5px 0;
+  min-height: 80px;
+  border: 0px solid transparent;
+  border-right-width: 1px;
+  width: 150px;
+  float: left;
+  position: relative;
+  box-sizing: border-box;
+  z-index: 2; }
+  .rtl .postprofile {
+    float: right;
+    border-width: 0;
+    border-left-width: 1px; }
+  .search .postprofile {
+    width: 250px; }
+
+.postprofile dd, .postprofile dt {
+  font-size: 11px;
+  line-height: 1.4;
+  margin-right: 8px; }
+  .rtl .postprofile dd, .rtl .postprofile dt {
+    margin-left: 8px;
+    margin-right: 0; }
+
+.postprofile dd {
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+.postprofile strong {
+  font-weight: normal; }
+
+.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
+  margin-bottom: 10px; }
+
+.postprofile .has-avatar .avatar-container {
+  margin-bottom: 3px;
+  overflow: hidden; }
+
+.postprofile .avatar {
+  display: block;
+  float: left;
+  max-width: 100%; }
+  .rtl .postprofile .avatar {
+    float: right; }
+
+.postprofile .avatar img {
+  display: block;
+  height: auto !important;
+  max-width: 100%; }
+
+.postprofile .profile-posts a {
+  font-weight: normal; }
+
+dd.profile-warnings {
+  font-weight: bold; }
+
+dd.profile-contact {
+  overflow: visible; }
+
+.profile-contact .dropdown-container {
+  display: inline-block; }
+
+.profile-contact .icon_contact {
+  vertical-align: middle; }
+
+.profile-contact .dropdown {
+  margin-right: -14px; }
+
+.online-ribbon {
+  display: block;
+  width: 70px;
+  height: 70px;
+  position: absolute;
+  overflow: hidden;
+  top: 0;
+  left: 0;
+  pointer-events: none; }
+  .rtl .online-ribbon {
+    left: auto;
+    right: 0; }
+  .online-ribbon span {
+    display: block;
+    font-weight: 500;
+    font-style: normal;
+    width: 100px;
+    font-size: 11px;
+    line-height: 18px;
+    height: 18px;
+    text-align: center;
+    position: absolute;
+    top: 17px;
+    white-space: nowrap;
+    left: -25px;
+    -webkit-transform: rotate(-45deg);
+    -ms-transform: rotate(-45deg);
+    transform: rotate(-45deg); }
+    .online-ribbon span + span {
+      opacity: .75;
+      z-index: 29; }
+    .rtl .online-ribbon span {
+      left: auto;
+      right: -25px;
+      -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+      transform: rotate(45deg); }
+
+.panel.online > .inner {
+  position: relative;
+  z-index: 2; }
+
+.no-avatar .avatar-container {
+  display: block;
+  width: 92px;
+  height: 92px;
+  background: transparent none 50% 50% no-repeat;
+  background-size: cover; }
+
+.profile-avatar img {
+  max-width: 100%; }
+
+dl.pmlist dt {
+  width: 60% !important; }
+
+dl.pmlist dt textarea {
+  width: 95%; }
+
+dl.pmlist dd {
+  margin-left: 61% !important;
+  margin-bottom: 2px; }
+
+.action-bar div.dl_links {
+  padding: 10px 0 0 10px; }
+
+div.dl_links {
+  display: inline-block;
+  text-transform: none; }
+
+.dl_links strong {
+  font-weight: bold; }
+
+.dl_links ul {
+  list-style-type: none;
+  margin: 0;
+  display: inline-block; }
+
+.dl_links li {
+  display: inline-block; }
+
+.attachment-filename {
+  width: 100%; }
+
+.ellipsis-text {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+table.fixed-width-table {
+  table-layout: fixed; }
+
+.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  -webkit-appearance: none;
+  border-radius: 3px; }
+
+.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+  border-radius: 3px; }
+
+#memberlist tr.inactive, #team tr.inactive {
+  font-style: italic; }
+
+a.post {
+  display: inline !important;
+  background: none !important;
+  box-shadow: none !important;
+  border: none !important; }
+
+.button {
+  display: inline-block;
+  padding: 2px 8px;
+  font-size: 14px;
+  font-weight: 600;
+  font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+  line-height: 18px;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  border: 1px solid transparent;
+  border-radius: 4px; }
+  .button > strong {
+    font-weight: 600; }
+
+.button:focus,
+.button:hover {
+  text-decoration: none;
+  outline: none; }
+
+.caret {
+  border-left: 1px solid;
+  position: relative;
+  right: -6px; }
+
+.caret i {
+  vertical-align: top; }
+
+/* Posting page styles
+----------------------------------------*/
+.button-search,
+.button-search-end {
+  float: left;
+  border-radius: 0;
+  margin: 0;
+  padding: 2px 5px; }
+
+.button-search-end {
+  border-left-width: 0;
+  border-radius: 0 4px 4px 0; }
+
+.search-header .button-search,
+.search-header .button-search-end {
+  border-top-width: 0;
+  border-bottom-width: 0;
+  padding: 3px 5px; }
+
+.search-header .button-search-end {
+  border-right-width: 0; }
+
+.button-icon-only {
+  padding-left: 3px;
+  padding-right: 3px; }
+
+.contact-icons.dropdown-contents {
+  min-width: 0;
+  padding: 0;
+  font-size: 0; }
+
+.contact-icon {
+  position: relative;
+  display: block;
+  height: 16px;
+  width: 16px; }
+  .contact-icon:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    text-align: center;
+    font-family: FontAwesome;
+    font-size: 14px;
+    line-height: 16px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+
+.contact-icons a {
+  border-bottom: 1px dotted;
+  border-right: 1px dotted;
+  display: block;
+  float: left;
+  padding: 8px; }
+
+.contact-icons .last-cell {
+  border-right: none; }
+
+.contact-icons div:last-child a {
+  border-bottom: none; }
+
+.contact-icons div {
+  clear: left; }
+
+.pm-icon:after {
+  content: '\f086'; }
+
+.email-icon:after {
+  content: '\f0e0'; }
+
+.jabber-icon:after {
+  content: '\f0eb';
+  font-size: 16px; }
+
+.phpbb_icq-icon:after {
+  content: '\f013'; }
+
+.phpbb_wlm-icon:after {
+  content: '\f007'; }
+
+.phpbb_aol-icon:after {
+  content: '\f2bb'; }
+
+.phpbb_website-icon:after {
+  content: '\f08e'; }
+
+.phpbb_youtube-icon:after {
+  content: '\f16a'; }
+
+.phpbb_facebook-icon:after {
+  content: '\f230'; }
+
+.phpbb_googleplus-icon:after {
+  content: '\f0d5'; }
+
+.phpbb_skype-icon:after {
+  content: '\f17e'; }
+
+.phpbb_twitter-icon:after {
+  content: '\f099'; }
+
+.phpbb_yahoo-icon:after {
+  content: '\f19e'; }
+
+.post-buttons {
+  float: right;
+  list-style: none;
+  margin-top: 2px; }
+  .rtl .post-buttons {
+    float: left; }
+
+.has-profile .post-buttons {
+  float: none;
+  position: absolute;
+  margin: 0;
+  top: 5px;
+  right: 0; }
+  .rtl .has-profile .post-buttons {
+    left: 0; }
+  .rtl .has-profile .post-buttons {
+    right: auto; }
+
+.post-buttons > li {
+  float: left;
+  margin-right: 3px; }
+
+.post-buttons .button, .format-buttons .button {
+  padding-left: 3px;
+  padding-right: 3px; }
+
+.hastouch .post-buttons {
+  margin-right: 10px; }
+
+.post-buttons .button span {
+  font-size: 0; }
+
+.post-buttons .dropdown {
+  top: 20px; }
+
+.post-buttons .dropdown a {
+  display: block;
+  font-size: 12px;
+  line-height: 1.4;
+  text-align: left;
+  margin-left: 18px;
+  position: relative; }
+  .post-buttons .dropdown a:before {
+    position: absolute;
+    left: -16px;
+    top: 50%;
+    height: 12px;
+    line-height: 14px;
+    margin: -6px 0 0;
+    pointer-events: none;
+    color: inherit; }
+  .rtl .post-buttons .dropdown a {
+    text-align: right; }
+
+.hasjs .postbody .post-buttons {
+  max-width: 40%; }
+
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+/* Deprecated as of version 3.2
+-------------------------------------------------*/
+.small-icon {
+  background-position: 0 50%;
+  background-repeat: no-repeat;
+  background-image: none; }
+
+.dropdown .small-icon {
+  background-position: 5px 50%;
+  padding: 5px; }
+
+.small-icon > a {
+  padding: 0 0 0 18px; }
+
+ul.linklist.bulletin > li.small-icon:before {
+  display: none; }
+
+.dropdown .small-icon > a {
+  display: block; }
+
+.rtl .small-icon {
+  background-position: 100% 50%; }
+
+.rtl .small-icon > a {
+  padding-left: 0;
+  padding-right: 19px; }
+
+.cp-menu {
+  float: left;
+  width: 19%;
+  margin: 0 -2px;
+  padding-right: 7px;
+  box-sizing: border-box; }
+  .rtl .cp-menu {
+    float: right;
+    padding-left: 7px;
+    padding-right: 0; }
+
+.cp-main {
+  float: left;
+  width: 81%; }
+  .rtl .cp-main {
+    float: right; }
+
+.cp-main .content {
+  padding: 0; }
+
+.panel-container .panel {
+  margin-bottom: 10px; }
+
+.panel-container .panel p {
+  font-size: 13px;
+  line-height: 1.4; }
+
+.panel-container .panel ol {
+  margin-left: 2em;
+  font-size: 13px; }
+
+.panel-container .panel li.row {
+  border-bottom: 1px solid transparent;
+  border-top: 1px solid transparent; }
+
+ul.cplist {
+  margin-bottom: 5px;
+  border-top: 1px solid transparent; }
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+  margin-bottom: 2px; }
+
+.panel-container table.table1 {
+  margin-bottom: 1em; }
+
+.panel-container table.table1 thead th {
+  background: transparent;
+  color: inherit;
+  padding: 5px;
+  font-weight: bold;
+  font-size: inherit;
+  line-height: inherit; }
+
+.panel-container table.table1 tbody th {
+  font-style: italic;
+  background-color: transparent !important;
+  border-bottom: none; }
+
+.cp-main .pm-message {
+  border: 1px solid transparent;
+  margin: 10px 0;
+  width: auto;
+  float: none; }
+
+.pm-message h2 {
+  padding-bottom: 5px; }
+
+.cp-main .postbody h3, .cp-main .box2 h3 {
+  margin-top: 0; }
+
+.panel-container .postbody p.author {
+  font-size: 11px; }
+
+.cp-main .buttons {
+  margin-left: 0; }
+
+.cp-main ul.linklist {
+  margin: 0; }
+
+.mcp-main .postbody {
+  width: 100%; }
+
+.tabs-container h2 {
+  float: left;
+  margin-bottom: 0px; }
+
+.tabs, .minitabs {
+  line-height: normal; }
+
+.tabs > ul, .minitabs > ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  position: relative; }
+
+.tabs .tab, .minitabs .tab {
+  display: block;
+  float: left;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 26px; }
+
+.tabs .tab > a, .minitabs .tab > a {
+  display: block;
+  padding: 0 9px;
+  position: relative;
+  text-decoration: none;
+  white-space: nowrap;
+  cursor: pointer;
+  font-size: inherit;
+  line-height: inherit; }
+
+.tabs {
+  margin: 20px 0 0 7px; }
+
+.tabs .tab > a {
+  border: 1px solid transparent;
+  border-radius: 4px 4px 0 0;
+  margin: 1px 1px 0 0; }
+
+.tabs .activetab > a {
+  margin-top: 0;
+  padding-bottom: 2px; }
+
+.minitabs {
+  float: right;
+  margin: 15px 7px 0 0;
+  max-width: 50%; }
+
+.minitabs .tab {
+  float: right; }
+
+.minitabs .tab > a {
+  border-radius: 5px 5px 0 0;
+  margin-left: 2px; }
+
+.minitabs .tab > a:hover {
+  text-decoration: none; }
+
+.responsive-tab {
+  position: relative; }
+
+.responsive-tab > a.responsive-tab-link {
+  display: block;
+  font-size: 16px;
+  position: relative;
+  width: 16px;
+  line-height: 14px;
+  text-decoration: none; }
+.responsive-tab > a.responsive-tab-link:before {
+  content: '\f0c9';
+  font-family: FontAwesome;
+  position: absolute;
+  left: 10px;
+  top: 50%;
+  margin-top: -7px;
+  width: 14px;
+  font-size: 13px;
+  line-height: 15px;
+  height: 15px;
+  text-align: center;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0; }
+.dropdown-visible.responsive-tab > a.responsive-tab-link:before, .responsive-tab > a.responsive-tab-link:hover:before {
+  font-family: FontAwesome;
+  content: '\f078'; }
+
+.tabs .dropdown, .minitabs .dropdown {
+  top: 28px;
+  margin-right: -2px;
+  font-size: 12px;
+  line-height: 1.4;
+  font-weight: normal; }
+
+.minitabs .dropdown {
+  margin-right: -4px; }
+
+.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
+  bottom: 28px;
+  top: auto; }
+
+.tabs .dropdown li {
+  text-align: right; }
+
+.minitabs .dropdown li {
+  text-align: left; }
+
+.navigation {
+  width: 100%; }
+  .navigation hr {
+    display: none; }
+    .navigation hr + ul {
+      margin-top: 10px; }
+
+.navigation ul {
+  list-style: none; }
+
+.navigation li {
+  display: inline;
+  font-weight: bold;
+  margin: 1px 0;
+  padding: 0; }
+
+.navigation a {
+  display: block;
+  padding: 5px;
+  margin: 2px 0;
+  border-radius: 1px;
+  text-decoration: none;
+  font-size: 11px;
+  line-height: 1.4; }
+
+.navigation a:hover {
+  text-decoration: none; }
+
+.cp-main h2 {
+  border-bottom: none;
+  padding: 0;
+  margin-left: 10px; }
+
+.cp-mini {
+  margin: 10px 15px 10px 5px;
+  max-height: 200px;
+  overflow-y: auto;
+  padding: 5px 10px;
+  border-radius: 3px; }
+
+dl.mini dt {
+  font-weight: bold; }
+
+dl.mini dd {
+  padding-top: 4px; }
+
+.friend-online {
+  font-weight: bold; }
+
+.friend-offline {
+  font-style: italic; }
+
+ol.def-rules {
+  padding-left: 0; }
+
+ol.def-rules li {
+  line-height: 180%;
+  padding: 1px; }
+
+.pmlist li.bg1 {
+  padding: 0 3px; }
+
+.pmlist li.bg2 {
+  padding: 0 3px; }
+
+/* DEPRECATED 3.2.6
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: transparent;
+	border-right-color: transparent;
+}
+*/
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour,
+.pmlist li.pm_marked_colour, .pm_marked_colour,
+.pmlist li.pm_replied_colour, .pm_replied_colour,
+.pmlist li.pm_friend_colour, .pm_friend_colour,
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+  padding: 0;
+  border: solid 3px transparent;
+  border-width: 0 3px; }
+
+.pm-legend {
+  border-left-width: 10px;
+  border-left-style: solid;
+  border-right-width: 0;
+  margin-bottom: 3px;
+  padding-left: 3px; }
+
+.gallery label {
+  position: relative;
+  float: left;
+  margin: 10px;
+  padding: 5px;
+  width: auto;
+  border: 1px solid transparent;
+  text-align: center; }
+
+@media (max-width: 900px) {
+  .nojs .tabs a span, .nojs .minitabs a span {
+    max-width: 40px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    letter-spacing: -.5px; }
+
+  .cp-menu, .navigation, .cp-main {
+    float: none;
+    width: auto;
+    margin: 0; }
+
+  .cp-menu:after {
+    content: ' ';
+    display: table;
+    clear: both; }
+
+  .navigation {
+    padding: 0;
+    max-width: 320px; }
+    .cp-menu .navigation {
+      margin: 0 10px;
+      float: left; } }
+    @media (max-width: 900px) and (max-width: 450px) {
+      .cp-menu .navigation {
+        float: none;
+        margin: 0 auto; } }
+@media (max-width: 900px) {
+    .navigation, .cp-menu .navigation:only-child {
+      float: none;
+      margin: 0 auto; }
+    .cp-menu .navigation + .cp-mini {
+      float: left;
+      margin: 0 10px;
+      max-width: 220px; } }
+    @media (max-width: 900px) and (max-width: 450px) {
+      .cp-menu .navigation + .cp-mini {
+        float: none;
+        margin: 10px auto 0; } }
+
+@media (max-width: 900px) {
+  .navigation a {
+    background-image: none; }
+
+  .navigation li:first-child a {
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px; }
+
+  .navigation li:last-child a {
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px; } }
+fieldset {
+  border-width: 0;
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px; }
+
+input {
+  font-weight: normal;
+  vertical-align: middle;
+  padding: 0 3px;
+  font-size: 12px;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+select {
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  cursor: pointer;
+  vertical-align: middle;
+  border: 1px solid transparent;
+  border-radius: 2px;
+  padding: 1px;
+  font-size: 12px; }
+
+select:focus {
+  outline-style: none; }
+
+option {
+  padding-right: 1em; }
+
+select optgroup option {
+  padding-right: 1em;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+textarea {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: 60%;
+  padding: 2px;
+  font-size: 13px;
+  line-height: 1.4;
+  border-radius: 2px;
+  -webkit-appearance: none; }
+
+label {
+  cursor: default;
+  padding-right: 5px; }
+
+label input {
+  vertical-align: middle; }
+
+label img {
+  vertical-align: middle; }
+
+fieldset dl {
+  padding: 4px 0; }
+
+fieldset dt {
+  float: left;
+  width: 40%;
+  text-align: left;
+  display: block; }
+
+fieldset dd {
+  margin-left: 41%;
+  vertical-align: top;
+  margin-bottom: 3px; }
+
+fieldset.fields1 dt {
+  width: 15em;
+  border-right-width: 0; }
+
+fieldset.fields1 dd {
+  margin-left: 15em;
+  border-left-width: 0; }
+
+fieldset.fields1 div {
+  margin-bottom: 3px; }
+
+fieldset.fields1 .live-search div {
+  margin-bottom: 0; }
+
+fieldset.fields2 dt {
+  width: 15em;
+  border-right-width: 0; }
+
+fieldset.fields2 dd {
+  margin-left: 16em;
+  border-left-width: 0; }
+
+dt label {
+  font-weight: bold;
+  text-align: left; }
+
+dd label {
+  white-space: nowrap; }
+
+dd input, dd textarea {
+  margin-right: 3px; }
+
+dd select {
+  width: auto; }
+
+dd select[multiple] {
+  width: 100%; }
+
+dd textarea {
+  width: 85%; }
+
+.timezone {
+  width: 95%; }
+
+/* Browser-specific tweaks */
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+fieldset.quick-login {
+  margin-top: 5px; }
+
+fieldset.quick-login input {
+  width: auto; }
+
+fieldset.quick-login input.inputbox {
+  width: 15%;
+  vertical-align: middle;
+  margin-right: 5px; }
+
+fieldset.quick-login label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.display-options {
+  text-align: center;
+  margin: 3px 0 5px 0; }
+
+fieldset.display-options label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.display-options a {
+  margin-top: 3px; }
+
+.dropdown fieldset.display-options {
+  font-size: 1em;
+  margin: 0;
+  padding: 0; }
+
+.dropdown fieldset.display-options label {
+  display: block;
+  margin: 4px;
+  padding: 0;
+  text-align: right;
+  white-space: nowrap; }
+
+.dropdown fieldset.display-options select {
+  min-width: 120px; }
+
+fieldset.display-actions {
+  text-align: right;
+  line-height: 2em;
+  white-space: nowrap;
+  padding-right: 1em; }
+
+fieldset.display-actions label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.sort-options {
+  line-height: 2em; }
+
+fieldset.forum-selection {
+  margin: 5px 0 3px 0;
+  float: right; }
+
+fieldset.forum-selection2 {
+  margin: 13px 0 3px 0;
+  float: right; }
+
+fieldset.submit-buttons {
+  text-align: center;
+  vertical-align: middle;
+  margin: 5px 0; }
+
+fieldset.submit-buttons input {
+  vertical-align: middle; }
+
+.format-buttons {
+  margin: 15px 0 2px 0; }
+
+.format-buttons input, .format-buttons select {
+  vertical-align: middle; }
+
+.message-box {
+  width: 80%; }
+
+.message-box textarea {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: 450px;
+  height: 270px;
+  min-width: 100%;
+  max-width: 100%;
+  font-size: 13px;
+  line-height: 1.4;
+  resize: vertical;
+  outline: 3px dashed transparent;
+  outline-offset: -4px;
+  -webkit-transition: all .5s ease, height 1ms linear;
+  -moz-transition: all .5s ease, height 1ms linear;
+  -ms-transition: all .5s ease, height 1ms linear;
+  -o-transition: all .5s ease, height 1ms linear;
+  transition: all .5s ease, height 1ms linear; }
+
+.smiley-box {
+  width: 18%;
+  float: right; }
+
+.smiley-box img {
+  margin: 3px; }
+
+.inputbox {
+  border: 1px solid transparent;
+  padding: 2px;
+  border-radius: 2px;
+  -webkit-appearance: none; }
+
+.inputbox:hover, .inputbox:focus {
+  border: 1px solid transparent;
+  outline-style: none; }
+
+input.inputbox {
+  width: 85%; }
+
+input.medium {
+  width: 50%; }
+
+input.narrow {
+  width: 25%; }
+
+input.tiny {
+  width: 150px; }
+
+textarea.inputbox {
+  width: 85%; }
+
+.autowidth {
+  width: auto !important; }
+
+input[type="number"] {
+  -moz-padding-end: 0; }
+
+input[type="search"] {
+  -webkit-appearance: none;
+  -webkit-box-sizing: content-box; }
+
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
+  display: none; }
+
+input[type="search"]::-webkit-search-cancel-button {
+  cursor: pointer; }
+
+input.button1, input.button2 {
+  font-size: 13px; }
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+  width: auto !important;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
+  background: transparent none repeat-x top left;
+  line-height: 1.5;
+  border-radius: 3px;
+  font-size: 13px; }
+  .format-buttons a.button1, .format-buttons input.button1, .format-buttons input.button3, .format-buttons a.button2, .format-buttons input.button2 {
+    font-size: 12px; }
+
+a.button1, input.button1 {
+  font-weight: bold;
+  border: 1px solid transparent; }
+
+input.button3 {
+  padding: 0;
+  margin: 0;
+  line-height: 5px;
+  height: 12px;
+  background-image: none;
+  font-variant: small-caps; }
+
+input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li {
+  cursor: pointer; }
+
+a.button2, input.button2, input.button3 {
+  border: 1px solid transparent; }
+
+a.button1, a.button2 {
+  text-decoration: none;
+  padding: 0 3px;
+  vertical-align: text-bottom; }
+
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+  border: 1px solid transparent; }
+
+input.disabled {
+  font-weight: normal; }
+
+input.button1:focus, input.button2:focus, input.button3:focus {
+  outline-style: none; }
+
+.search-box {
+  float: left; }
+
+.search-box .inputbox {
+  background-image: none;
+  border-right-width: 0;
+  border-radius: 4px 0 0 4px;
+  float: left;
+  height: 24px;
+  padding: 3px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  .rtl .search-box .inputbox {
+    border-radius: 0 4px 4px 0; }
+
+.search-header {
+  border-radius: 4px;
+  display: block;
+  border: 1px solid transparent; }
+  .navbar.with-search .search-header {
+    margin-top: 1px; }
+  .headerbar .search-header {
+    position: absolute;
+    top: 50%;
+    right: 5px;
+    margin-top: -13px; }
+
+.search-header .inputbox {
+  border: 0; }
+
+.navbar .linklist > li.responsive-search {
+  display: none; }
+
+.full {
+  width: 95%; }
+
+.medium {
+  width: 50%; }
+
+.narrow {
+  width: 25%; }
+
+.tiny {
+  width: 10%; }
+
+.icon-search-new, .icon-search-unanswered, .icon-search-unread, .icon-search-self, .icon-search, .icon-search-active, .icon-search-advanced, .icon-acp, .icon-bookmark, .icon-bump, .icon-contact, .icon-delete-cookies, .icon-download, .icon-faq, .icon-home, .icon-logout, .icon-login, .icon-mark, .icon-mcp, .icon-members, .icon-notification, .icon-pages, .icon-pm, .icon-print, .icon-profile, .icon-register, .icon-sendemail, .icon-subscribe, .icon-team, .icon-ucp, .icon-unsubscribe, .icon-new-posts, .icon-forums, .icon-chat, .icon-time, .icon-thanks, .icon-thanks_toplist {
+  position: relative;
+  background-image: none; }
+  .icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 0;
+    height: 14px;
+    margin-top: -7px;
+    text-align: center;
+    font-size: 12px;
+    line-height: 14px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+  .small-icon.icon-search-new:after, .small-icon.icon-search-unanswered:after, .small-icon.icon-search-unread:after, .small-icon.icon-search-self:after, .small-icon.icon-search:after, .small-icon.icon-search-active:after, .small-icon.icon-search-advanced:after, .small-icon.icon-acp:after, .small-icon.icon-bookmark:after, .small-icon.icon-bump:after, .small-icon.icon-contact:after, .small-icon.icon-delete-cookies:after, .small-icon.icon-download:after, .small-icon.icon-faq:after, .small-icon.icon-home:after, .small-icon.icon-logout:after, .small-icon.icon-login:after, .small-icon.icon-mark:after, .small-icon.icon-mcp:after, .small-icon.icon-members:after, .small-icon.icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .small-icon.icon-notification:after, .small-icon.icon-pages:after, .small-icon.icon-pm:after, .small-icon.icon-print:after, .small-icon.icon-profile:after, .small-icon.icon-register:after, .small-icon.icon-sendemail:after, .small-icon.icon-subscribe:after, .small-icon.icon-team:after, .small-icon.icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .small-icon.icon-ucp:after, .small-icon.icon-unsubscribe:after, .small-icon.icon-new-posts:after, .small-icon.icon-forums:after, .small-icon.icon-chat:after, .small-icon.icon-time:after, .small-icon.icon-thanks:after, .small-icon.icon-thanks_toplist:after {
+    width: 18px;
+    text-align: center; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+  font-family: FontAwesome; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after {
+  content: '\f002'; }
+
+.icon-acp:after {
+  content: '\f085'; }
+
+.icon-bookmark:after {
+  content: '\f02e';
+  margin-left: -1px;
+  margin-right: -1px; }
+
+.icon-bump:after {
+  content: '\f079'; }
+
+.icon-contact:after {
+  content: '\f0e0'; }
+
+.icon-delete-cookies:after {
+  content: '\f014'; }
+
+.icon-download:after {
+  content: '\f019'; }
+
+.icon-faq:after {
+  content: '\f059'; }
+
+.icon-home:after {
+  content: '\f015'; }
+.icon-home.breadcrumbs:after {
+  text-align: left; }
+
+.icon-logout:after {
+  content: '\f08b'; }
+
+.icon-login:after {
+  content: '\f090'; }
+
+.icon-mark:after {
+  content: '\f046'; }
+
+.icon-mcp:after {
+  content: '\f0e3'; }
+
+.icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before {
+  content: '\f007'; }
+.icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before {
+  display: block;
+  font-size: 10px;
+  padding: 0;
+  padding-left: 4px;
+  padding-top: 1px;
+  opacity: .7; }
+
+.icon-notification:after {
+  content: '\f0a2'; }
+.icon-notification.non-zero:after {
+  content: '\f0f3'; }
+
+.icon-pages:after {
+  content: '\f0c5'; }
+
+.icon-pm:after {
+  content: '\f003'; }
+.icon-pm.non-zero:after {
+  content: '\f0e0'; }
+
+.icon-print:after {
+  content: '\f02f'; }
+
+.icon-profile:after {
+  content: '\f007'; }
+
+.icon-register:after {
+  content: '\f234'; }
+
+.icon-sendemail:after {
+  content: '\f003'; }
+
+.icon-subscribe:after {
+  content: '\f05d'; }
+
+.icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before {
+  content: '\f007'; }
+.icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before {
+  display: block;
+  font-size: 10px;
+  padding: 0;
+  white-space: nowrap;
+  padding-top: 1px;
+  opacity: .7;
+  content: '\f007\f007'; }
+
+.icon-ucp:after {
+  content: '\f0ad'; }
+
+.icon-unsubscribe:after {
+  content: '\f05c'; }
+
+.icon-new-posts:after {
+  content: '\f086'; }
+
+.icon-forums:after {
+  content: '\f075'; }
+
+.icon-chat:after {
+  content: '\f086'; }
+
+.icon-time:after {
+  content: '\f017'; }
+
+.icon-thanks {
+  background-image: none !important; }
+  .icon-thanks:after {
+    content: '\f087'; }
+
+.icon-thanks_toplist {
+  background-image: none !important; }
+  .icon-thanks_toplist:after {
+    content: '\f005'; }
+
+@media (max-width: 320px) {
+  select, .inputbox {
+    max-width: 240px; } }
+/* Notifications list
+----------------------------------------*/
+@media (max-width: 350px) {
+  .dropdown-extended .dropdown-contents {
+    width: auto; } }
+@media (max-width: 430px) {
+  .action-bar .search-box .inputbox {
+    width: 120px; }
+
+  .section-viewtopic .search-box .inputbox {
+    width: 57px; }
+
+  .action-bar .search-box .inputbox ::-moz-placeholder {
+    content: "Search..."; }
+
+  .action-bar .search-box .inputbox :-ms-input-placeholder {
+    content: "Search..."; }
+
+  .action-bar .search-box .inputbox ::-webkit-input-placeholder {
+    content: "Search..."; } }
+@media (max-width: 500px) {
+  dd label {
+    white-space: normal; }
+
+  select, .inputbox {
+    max-width: 260px; }
+
+  .captcha-panel dd.captcha {
+    margin-left: 0; }
+
+  .captcha-panel dd.captcha-image img {
+    width: 100%; }
+
+  dl.details dt, dl.details dd {
+    width: auto;
+    float: none;
+    text-align: left; }
+
+  dl.details dd {
+    margin-left: 20px; }
+
+  p.responsive-center {
+    float: none;
+    text-align: center;
+    margin-bottom: 5px; }
+
+  .action-bar > div {
+    margin-bottom: 5px; }
+
+  .action-bar > .pagination {
+    float: none;
+    clear: both;
+    padding-bottom: 1px;
+    text-align: center; }
+
+  .action-bar > .pagination li.page-jump {
+    margin: 0 2px; }
+
+  p.jumpbox-return {
+    display: none; }
+
+  .display-options > label:nth-child(1) {
+    display: block;
+    margin-bottom: 5px; }
+
+  .attach-controls {
+    margin-top: 5px;
+    width: 100%; }
+
+  .quick-links .dropdown-trigger span {
+    display: none; } }
+@media (max-width: 550px) {
+  ul.topiclist.forums dt {
+    margin-right: 0; }
+
+  ul.topiclist.forums dt .list-inner {
+    margin-right: 0; }
+
+  ul.topiclist.forums dd.lastpost {
+    display: none; } }
+@media (max-width: 700px) {
+  .responsive-hide {
+    display: none !important; }
+
+  .responsive-show {
+    display: block !important; }
+
+  .responsive-show-inline {
+    display: inline !important; }
+
+  .responsive-show-inline-block {
+    display: inline-block !important; }
+
+  /* Content wrappers
+  ----------------------------------------*/
+  html {
+    height: auto; }
+
+  body {
+    padding: 0; }
+
+  #wrap {
+    border: none;
+    border-radius: 0;
+    margin: 0;
+    padding: 0 5px; }
+
+  .page-width, .navbar .inner.static > .static-inner {
+    min-width: 290px;
+    margin: 0; }
+
+  .navbar .inner.static > .static-inner,
+  #wrap .navbar .inner.static > .static-inner {
+    padding: 0; }
+
+  .forabg, .forumbg, .post, .panel {
+    border-radius: 0;
+    margin-left: -5px;
+    margin-right: -5px; }
+
+  .headerbar, .navbar {
+    border-radius: 0; }
+
+  #wrap .headerbar, #wrap .navbar {
+    margin-left: -5px;
+    margin-right: -5px; }
+
+  .cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
+    border-radius: 0; }
+
+  .navbar.tabbed .nav-tabs, .navbar.tabbed .nav-tabs .tab {
+    border-radius: 0 !important; }
+
+  .site-description {
+    float: none;
+    width: auto;
+    text-align: center; }
+
+  .logo {
+    float: none;
+    margin: 0 auto;
+    padding: 10px; }
+    .logo img {
+      margin: 0 auto; }
+
+  .site-description h1, .site-description p, .site-description p.sitename {
+    text-align: inherit;
+    float: none;
+    margin: 5px;
+    line-height: 1.2em;
+    overflow: hidden;
+    text-overflow: ellipsis; }
+
+  .site-description p, .headerbar .search-header {
+    display: none; }
+
+  .responsive-search {
+    display: block !important; }
+
+  ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
+    margin-right: 0 !important;
+    padding-right: 0; }
+
+  ul.topiclist li.header dd {
+    display: none !important; }
+
+  ul.topiclist dt, ul.topiclist dt .list-inner,
+  ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
+  ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
+  ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
+    margin-right: 0; }
+
+  ul.topiclist dt .list-inner.with-mark {
+    padding-right: 34px; }
+
+  ul.topiclist dt .list-inner {
+    min-height: 28px; }
+
+  ul.topiclist li.header dt .list-inner {
+    min-height: 0; }
+
+  ul.topiclist dd {
+    display: none; }
+
+  ul.topiclist dd.mark {
+    display: block; }
+
+  /* Forums and topics lists
+  ----------------------------------------*/
+  ul.topiclist.forums dt {
+    margin-right: -250px; }
+
+  ul.topiclist dd.mark {
+    display: block;
+    position: absolute;
+    right: 5px;
+    top: 0;
+    margin: 0;
+    width: auto;
+    min-width: 0;
+    text-align: left; }
+
+  ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
+    position: relative;
+    left: 0;
+    width: auto;
+    display: inline;
+    font-weight: normal; }
+
+  li.row .responsive-show strong {
+    font-weight: bold;
+    color: inherit; }
+
+  ul.topiclist li.row dt a.subforum {
+    vertical-align: bottom;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100px; }
+
+  /* Pagination
+  ----------------------------------------*/
+  .pagination > ul {
+    margin: 5px 0 0; }
+
+  .row .pagination .ellipsis + li {
+    display: none !important; }
+
+  /* Responsive tables
+  ----------------------------------------*/
+  table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
+    display: block; }
+
+  table.responsive thead, table.responsive th {
+    display: none; }
+
+  table.responsive.show-header thead, table.responsive.show-header th:first-child {
+    display: block;
+    width: auto !important;
+    text-align: left !important;
+    border-radius: 0; }
+
+  table.responsive.show-header th:first-child span.rank-img {
+    display: none; }
+
+  table.responsive tr {
+    margin: 2px 0; }
+
+  table.responsive td {
+    width: auto !important;
+    text-align: left !important;
+    padding: 4px; }
+
+  table.responsive td.empty {
+    display: none !important; }
+
+  table.responsive td > dfn {
+    display: inline-block !important; }
+
+  table.responsive td > dfn:after {
+    content: ':';
+    padding-right: 5px; }
+
+  table.responsive span.rank-img {
+    float: none;
+    padding-right: 5px; }
+
+  table.responsive.memberlist td:first-child input[type="checkbox"] {
+    float: right; }
+
+  /* Forms
+  ----------------------------------------*/
+  fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
+    width: auto;
+    float: none; }
+
+  fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
+    margin-left: 0px; }
+
+  textarea, dd textarea, .message-box textarea {
+    width: 100%;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box; }
+
+  dl.pmlist dt {
+    width: auto !important;
+    margin-bottom: 5px; }
+
+  dl.pmlist dd {
+    display: inline-block;
+    margin-left: 0 !important; }
+
+  dl.pmlist dd:first-of-type {
+    padding-left: 20px; }
+
+  .smiley-box, .message-box {
+    float: none;
+    width: auto; }
+
+  .smiley-box {
+    margin-top: 5px; }
+
+  .bbcode-status {
+    display: none; }
+
+  .colour-palette, .colour-palette tbody, .colour-palette tr {
+    display: block; }
+
+  .colour-palette td {
+    display: inline-block;
+    margin-right: 2px; }
+
+  .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
+    display: none; }
+
+  fieldset.quick-login label {
+    display: block;
+    margin-bottom: 5px;
+    white-space: normal; }
+
+  fieldset.quick-login label > span {
+    display: inline-block;
+    min-width: 100px; }
+
+  fieldset.quick-login input.inputbox {
+    width: 85%;
+    max-width: 300px;
+    margin-left: 20px; }
+
+  fieldset.quick-login label[for="autologin"] {
+    display: inline-block;
+    text-align: right;
+    min-width: 50%; }
+
+  /* User profile
+  ----------------------------------------*/
+  .column1, .column2, .left-box.profile-details {
+    float: none;
+    width: auto;
+    clear: both; }
+
+  /* Polls
+  ----------------------------------------*/
+  fieldset.polls dt {
+    width: 90%; }
+
+  fieldset.polls dd.resultbar {
+    padding-left: 20px; }
+
+  fieldset.polls dd.poll_option_percent {
+    width: 20%; }
+
+  fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
+    margin-top: 5px; }
+
+  /* Post
+  ----------------------------------------*/
+  .postbody {
+    position: inherit; }
+
+  .postprofile + .postbody {
+    float: none;
+    position: inherit;
+    width: auto; }
+
+  .postprofile, .postbody, .search .postbody {
+    display: block;
+    width: auto;
+    float: none;
+    padding: 0;
+    min-height: 0; }
+
+  .post .postprofile {
+    width: auto;
+    border-width: 0 0 1px 0;
+    padding-bottom: 5px;
+    margin: 0;
+    margin-bottom: 5px;
+    min-height: 40px;
+    overflow: hidden;
+    z-index: auto !important; }
+
+  .postprofile dd {
+    display: none; }
+
+  .postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
+    display: block;
+    margin: 0; }
+
+  .postprofile .has-avatar .avatar-container,
+  .postprofile .no-avatar .avatar-container {
+    margin: 0;
+    overflow: inherit;
+    float: left;
+    padding-right: 5px; }
+
+  .postprofile .avatar-container:after {
+    clear: none; }
+
+  .postprofile .avatar, .postprofile .no-avatar .avatar-container {
+    margin-right: 5px; }
+
+  .postprofile .avatar img {
+    width: auto !important;
+    height: auto !important;
+    max-height: 32px; }
+
+  .no-avatar .avatar-container {
+    width: 32px;
+    height: 32px; }
+
+  .has-profile .postbody h3 {
+    margin-left: 0 !important;
+    margin-right: 0 !important; }
+
+  .has-profile .post-buttons {
+    right: 10px;
+    top: 10px; }
+    .rtl .has-profile .post-buttons {
+      right: auto;
+      left: 10px; }
+
+  .online-ribbon {
+    width: 35px;
+    height: 35px;
+    top: 0;
+    left: 0; }
+    .rtl .online-ribbon {
+      left: auto;
+      right: 0; }
+    .online-ribbon span {
+      width: 50px;
+      font-size: 6px;
+      line-height: 10px;
+      height: 10px;
+      text-align: center;
+      position: absolute;
+      top: 8px;
+      white-space: nowrap;
+      left: -12px; }
+      .rtl .online-ribbon span {
+        left: auto;
+        right: -12px; }
+
+  h2 {
+    margin-top: .5em; }
+
+  p {
+    margin-bottom: .5em;
+    overflow: hidden; }
+
+  p.rightside {
+    margin-bottom: 0; }
+
+  fieldset.display-options label {
+    display: inline-block;
+    clear: both;
+    margin-bottom: 5px;
+    letter-spacing: -.3px; }
+
+  dl.mini dd.pm-legend {
+    float: left;
+    min-width: 200px; }
+
+  .topicreview {
+    margin: 0 -5px;
+    padding: 0 5px; }
+
+  fieldset.display-actions {
+    white-space: normal; }
+
+  .phpbb_alert {
+    width: auto;
+    margin: 0 5px; }
+
+  .attach-comment dfn {
+    width: 100%; } }
+@media (min-width: 700px) {
+  .postbody {
+    width: 70%; } }
+@media (min-width: 850px) {
+  .postbody {
+    width: 76%; } }
+@media (min-width: 701px) and (max-width: 950px) {
+  ul.topiclist dt {
+    margin-right: -410px; }
+
+  ul.topiclist dt .list-inner {
+    margin-right: 410px; }
+
+  ul.topiclist dd.lastpost {
+    float: right; }
+
+  dd.posts, dd.topics, dd.views {
+    width: 80px; } }
+html, body {
+  color: #141414;
+  background-image: url("./images/pattern.png");
+  background-color: #e0e0e0; }
+
+h1, p.sitename {
+  color: #141414; }
+
+h2 {
+  color: #1f5fa6; }
+
+h3 {
+  color: #1f5fa6; }
+  .post h3 {
+    color: #245fa1; }
+  h3 a {
+    color: inherit; }
+    h3 a:hover {
+      color: #d03c3c; }
+
+hr {
+  border-color: #fafafa;
+  border-top-color: #c7c7c7; }
+
+/* Post body links */
+.postlink {
+  border-bottom-color: #1f5fa6;
+  color: #1f5fa6; }
+
+.postlink:visited {
+  border-bottom-color: #868686;
+  color: #868686; }
+
+.postlink:hover {
+  background-color: #dbdbdb;
+  color: #d03c3c; }
+
+.signature a, .signature a:hover {
+  background-color: transparent; }
+
+.search-box .inputbox,
+.search-box .inputbox:hover,
+.search-box .inputbox:focus,
+.search-box .button:hover {
+  border-color: #c6c6c6; }
+
+.search-box .button, .search-box .button:hover {
+  background-color: #f4f4f4 !important;
+  border-color: #c6c6c6 !important; }
+.search-box .button, .search-box .button:before, .search-box .button:after {
+  color: #1f5fa6; }
+.search-box .button:hover, .search-box .button:hover:before, .search-box .button:hover:after {
+  color: #d03c3c !important; }
+
+.search-header {
+  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
+  .navbar.with-search .search-header {
+    box-shadow: none; }
+  .search-header .inputbox, .search-header .button {
+    background: #f4f4f4 !important;
+    border-color: #f4f4f4 !important; }
+  .navbar.with-search .search-header .button, .navbar.with-search .search-header .button:before, .navbar.with-search .search-header .button:after {
+    color: #1f5fa6; }
+  .search-header .inputbox:hover, .search-header .inputbox:focus {
+    background-color: #f8f8f8 !important;
+    color: #000 !important;
+    border-color: #f4f4f4 !important; }
+  .search-header .button:hover, .search-header .button:hover:before, .search-header .button:hover:after, .search-header .button:focus, .search-header .button:focus:before, .search-header .button:focus:after {
+    background-color: #d03c3c !important;
+    color: #fff !important;
+    border-color: #d03c3c !important; }
+
+.headerbar {
+  color: #141414; }
+
+.breadcrumbs .crumb:before {
+  color: #868686; }
+
+.navbar {
+  background-image: none; }
+  .navbar.secondary {
+    color: #1f5fa6; }
+    .navbar.secondary > ul > li:hover, .navbar.secondary > ul > li:hover:after, .navbar.secondary > ul > li:hover:before,
+    .navbar.secondary > ul > li.dropdown-visible,
+    .navbar.secondary > ul > li.dropdown-visible:after,
+    .navbar.secondary > ul > li.dropdown-visible:before {
+      color: #d03c3c; }
+    .navbar.secondary .dropdown {
+      color: #141414; }
+  .navbar .nav-tabs {
+    background-color: #1f5fa6; }
+    .navbar .nav-tabs .tab {
+      color: #fff; }
+      .navbar .nav-tabs .tab.selected {
+        color: #1f5fa6;
+        background-color: #f4f4f4; }
+      .navbar .nav-tabs .tab:hover, .navbar .nav-tabs .tab.dropdown-visible {
+        color: #d03c3c;
+        background-color: #f4f4f4; }
+      .navbar .nav-tabs .tab > strong {
+        color: #fff;
+        background-color: #d03c3c;
+        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
+        .navbar .nav-tabs .tab > strong .arrow {
+          border-top-color: #d03c3c; }
+      .navbar .nav-tabs .tab .dropdown {
+        color: #141414; }
+
+.panel {
+  background-color: #f4f4f4;
+  color: #141414; }
+
+.post:target .content {
+  color: #000; }
+
+.post:target h3 a {
+  color: #000; }
+
+.bg1 {
+  background-color: #f4f4f4; }
+
+table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
+  background-color: #f4f4f4; }
+
+.bg2 {
+  background-color: #f6f6f6; }
+
+table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
+  background-color: #f6f6f6; }
+
+.bg3 {
+  background-color: #f8f8f8; }
+  .bg3.panel {
+    background: transparent none;
+    background-color: rgba(224, 224, 224, 0.3);
+    border-top-color: #f8f8f8; }
+    .bg3.panel:before, .bg3.panel:after {
+      background: -webkit-linear-gradient(to bottom, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%);
+      background: linear-gradient(to bottom, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%); }
+  .section-posting .bg3.panel {
+    background-color: #f4f4f4; }
+    .section-posting .bg3.panel:before, .section-posting .bg3.panel:after {
+      background: transparent; }
+
+ul.navlinks {
+  border-top-color: #e7e7e7; }
+
+.forum_unread .forumtitle, .forum_unread_subforum .forumtitle, .forum_unread_locked .forumtitle {
+  color: #d03c3c; }
+
+.global_unread .topictitle, .global_unread_mine .topictitle, .announce_unread_mine .topictitle, .announce_unread .topictitle, .global_unread_mine .topictitle, .announce_unread_mine .topictitle, .global_unread_locked .topictitle, .global_unread_locked_mine .topictitle, .announce_unread_locked_mine .topictitle, .announce_unread_locked .topictitle, .global_unread_locked_mine .topictitle, .announce_unread_locked_mine .topictitle, .announce_unread .topictitle, .announce_unread_mine .topictitle, .announce_unread_locked .topictitle, .announce_unread_locked_mine .topictitle, .sticky_unread .topictitle, .sticky_unread_mine .topictitle, .sticky_unread_locked .topictitle, .sticky_unread_locked_mine .topictitle, .topic_unread .topictitle, .sticky_unread .topictitle, .pm_unread .topictitle, .topic_unread_mine .topictitle, .sticky_unread_mine .topictitle, .topic_unread_locked .topictitle, .sticky_unread_locked .topictitle, .topic_unread_locked_mine .topictitle, .sticky_unread_locked_mine .topictitle, .topic_unread_hot .topictitle, .topic_unread_hot_mine .topictitle {
+  color: #d03c3c; }
+
+.forum-statistics {
+  color: #868686; }
+
+.forum-lastpost {
+  color: #868686; }
+  .forum-lastpost span:before {
+    opacity: .5; }
+
+.forum-description.toggle {
+  color: #fff;
+  background-color: rgba(61, 61, 61, 0.8); }
+  .forum-description.toggle a {
+    color: inherit !important; }
+  .forum-description.toggle span.arrow {
+    border-right-color: rgba(61, 61, 61, 0.8); }
+  .rtl .forum-description.toggle span.arrow {
+    border-right-color: transparent;
+    border-left-color: rgba(61, 61, 61, 0.8); }
+
+.forum-statistics .value {
+  color: #000; }
+
+table.table1 thead th {
+  color: #fff; }
+
+table.table1 tbody tr {
+  border-color: #e7e7e7; }
+
+table.table1 tbody tr:hover, table.table1 tbody tr.hover {
+  background-color: #f8f8f8;
+  color: #000; }
+
+table.table1 td {
+  color: #141414; }
+
+table.table1 tbody td {
+  border-top-color: #e7e7e7; }
+
+table.table1 tbody th {
+  border-bottom-color: #e7e7e7;
+  color: #000;
+  background-color: #e0e0e0; }
+
+table.info tbody th {
+  color: #000; }
+
+dl.details dt {
+  color: #000; }
+
+dl.details dd {
+  color: #336092; }
+
+.sep {
+  color: #1f5fa6; }
+
+/* Icon styles
+---------------------------------------- */
+.icon.icon-blue, a:hover .icon.icon-blue {
+  color: #196db5; }
+
+.icon.icon-green, a:hover .icon.icon-green {
+  color: #1b9A1B; }
+
+.icon.icon-red, a:hover .icon.icon-red {
+  color: #BC2A4D; }
+
+.icon.icon-orange, a:hover .icon.icon-orange {
+  color: #FF6600; }
+
+.icon.icon-bluegray, a:hover .icon.icon-bluegray {
+  color: #536482; }
+
+.icon.icon-gray, a:hover .icon.icon-gray {
+  color: #777777; }
+
+.icon.icon-lightgray, a:hover .icon.icon-lightgray {
+  color: #999999; }
+
+.icon.icon-black, a:hover .icon.icon-black {
+  color: #333333; }
+
+.alert_close .icon:before {
+  background-color: #FFFFFF; }
+
+/* Jumpbox */
+.jumpbox .dropdown li {
+  border-top-color: #1f5fa6; }
+
+.jumpbox-cat-link {
+  background-color: #1f5fa6;
+  color: #fff; }
+
+.jumpbox-cat-link:hover {
+  background-color: #d03c3c;
+  border-top-color: #d03c3c;
+  color: #fff; }
+
+.jumpbox-forum-link {
+  background-color: #f4f4f4; }
+
+.jumpbox-forum-link:hover {
+  background-color: #e0e0e0; }
+
+.jumpbox .dropdown .pointer-inner {
+  border-color: #f4f4f4 transparent; }
+
+.jumpbox-sub-link {
+  background-color: #f4f4f4; }
+
+.jumpbox-sub-link:hover {
+  background-color: #e0e0e0; }
+
+.pagination li a {
+  color: #1f5fa6;
+  background-color: #f4f4f4;
+  border-color: #e7e7e7; }
+
+.pagination li.ellipsis span {
+  background-color: transparent;
+  color: #000; }
+
+.pagination li.active span {
+  color: #fff;
+  background-color: #1f5fa6;
+  border-color: #1f5fa6; }
+
+.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
+  border-color: #d03c3c;
+  background-color: #d03c3c;
+  color: #fff; }
+
+.pagination li.page-jump a:after {
+  color: #1f5fa6; }
+
+.pagination li.page-jump a:hover:after {
+  color: #d03c3c; }
+
+.copyright {
+  color: #868686; }
+
+.error {
+  color: #d03c3c; }
+
+.reported {
+  background-color: #f5e9e9; }
+  .reported .postprofile, .reported .signature {
+    border-color: #f0dede; }
+
+li.reported:hover {
+  background-color: #f5e9e9; }
+
+div.rules {
+  background-color: #dec7c7;
+  color: #d03c3c; }
+
+p.post-notice {
+  background-color: #efd8d8;
+  color: #d03c3c;
+  background-image: none; }
+
+p.post-notice.deleted:before, p.post-notice.unapproved:before, p.post-notice.reported:before, p.post-notice.error:before {
+  font-family: FontAwesome; }
+
+p.post-notice.deleted:before {
+  content: '\f057';
+  color: #d03c3c; }
+
+p.post-notice.unapproved:before {
+  content: '\f059';
+  color: #d03c3c; }
+
+p.post-notice.reported:before, p.post-notice.error:before {
+  content: '\f071';
+  color: #d03c3c; }
+
+.topic-status.sticky {
+  color: #868686; }
+
+a {
+  color: #1f5fa6; }
+
+a:hover {
+  color: #d03c3c; }
+
+a.time {
+  color: #9d9d9d; }
+  a.time:hover {
+    color: #d03c3c; }
+
+.forumbg .header a, .forabg .header a, th a {
+  color: #fff; }
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+  color: #fff; }
+
+.dropdown-extended a.mark_read {
+  background-color: #f4f4f4; }
+
+a.top, a.top2 {
+  color: #868686; }
+  a.top:hover, a.top2:hover {
+    color: #d03c3c; }
+
+a.feed-icon-forum:after {
+  color: #bdbdbd; }
+
+a.feed-icon-forum:hover:after {
+  color: #d03c3c; }
+
+ul.topiclist li {
+  color: #141414; }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  ul.topiclist li.row dt a.subforum.read {
+    background-size: 11px 9px; } }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  ul.topiclist li.row dt a.subforum.unread {
+    background-size: 11px 9px; } }
+
+li.row {
+  border-top-color: white;
+  border-bottom-color: #e7e7e7; }
+  li.row .forum-lastpost strong,
+  li.row .subforums-list strong {
+    color: #868686; }
+
+li.row strong {
+  color: #000; }
+
+.icon-link + .list-inner > a.forumtitle, .icon-link + .list-inner > a.topictitle,
+.pm_unread .topictitle,
+a.subforum.unread {
+  color: #d03c3c; }
+
+.postbody {
+  color: #141414; }
+
+.content {
+  color: #141414; }
+
+.content h2, .panel h2 {
+  color: #294769;
+  border-bottom-color: #e7e7e7; }
+
+dl.faq dt, .content dl.faq dt {
+  color: #141414; }
+
+.posthilit {
+  background-color: #f5e9e9;
+  color: #af2a2a; }
+
+.signature {
+  border-top-color: #e7e7e7; }
+
+.notice {
+  border-top-color: #e7e7e7; }
+
+blockquote {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #df7a7a; }
+  .rtl blockquote {
+    border-left-color: #ededed;
+    border-right-color: #df7a7a; }
+
+blockquote blockquote, blockquote .codebox, blockquote .attachbox {
+  background-color: #f4f4f4;
+  background-color: rgba(196, 196, 196, 0.1);
+  border-left-color: #6293c9; }
+  .rtl blockquote blockquote,
+  .rtl blockquote .codebox,
+  .rtl blockquote .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #6293c9; }
+
+blockquote blockquote blockquote, blockquote blockquote .codebox, blockquote blockquote .attachbox {
+  background-color: #fff;
+  border-left-color: #df7a7a; }
+  .rtl blockquote blockquote blockquote,
+  .rtl blockquote blockquote .codebox,
+  .rtl blockquote blockquote .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #df7a7a; }
+
+blockquote:before {
+  color: #868686; }
+
+.codebox {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #6293c9; }
+  .rtl .codebox {
+    border-left-color: #ededed;
+    border-right-color: #6293c9; }
+
+.codebox p {
+  border-bottom-color: #f2f2f2; }
+
+.codebox code {
+  color: #1fa631; }
+
+.attachbox {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #6293c9; }
+  .rtl .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #6293c9; }
+
+.attachbox dd {
+  border-top-color: #f2f2f2; }
+
+.attachbox p {
+  color: #666; }
+
+.attachbox p.stats {
+  color: #666; }
+
+dl.file dd {
+  color: #666; }
+
+dl.thumbnail img {
+  border-color: #f2f2f2;
+  background-color: #f4f4f4; }
+
+dl.thumbnail dd {
+  color: #666; }
+
+fieldset.polls dl {
+  border-top-color: white;
+  border-bottom-color: #e7e7e7;
+  color: #141414; }
+
+fieldset.polls dl.voted {
+  color: #000; }
+
+fieldset.polls dd div {
+  color: #fff; }
+
+.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
+  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2); }
+
+.pollbar1 {
+  background-color: #ac6060; }
+
+.pollbar2 {
+  background-color: #b25a5a; }
+
+.pollbar3 {
+  background-color: #b85454; }
+
+.pollbar4 {
+  background-color: #c44848; }
+
+.pollbar5 {
+  background-color: #d03c3c; }
+
+.postprofile {
+  color: #141414;
+  border-color: #e7e7e7; }
+
+.postprofile strong {
+  color: #000; }
+
+.online-ribbon span {
+  background-color: #d03c3c;
+  color: #fff; }
+
+dd.profile-warnings {
+  color: #bc2a5e; }
+
+.no-avatar .avatar-container {
+  background-image: url("./images/no_avatar.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .no-avatar .avatar-container {
+      background-image: url("./images/no_avatar_hd.png"); } }
+
+.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+  background: rgba(0, 0, 0, 0.1); }
+
+.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.3); }
+
+.button, .buttons > .button.locked-icon {
+  border-color: #346eae;
+  background-color: #346eae;
+  color: #fff;
+  box-shadow: none; }
+.buttons > .button.locked-icon {
+  color: #fff; }
+  .buttons > .button.locked-icon:after, .buttons > .button.locked-icon:before {
+    color: #fff !important; }
+  .buttons > .button.locked-icon:hover {
+    box-shadow: none; }
+.buttons > .button, .button.report-icon, .button.delete-icon {
+  border-color: #1f5fa6;
+  background-color: #1f5fa6;
+  color: #fff; }
+  .buttons > .button:after, .buttons > .button:before, .button.report-icon:after, .button.report-icon:before, .button.delete-icon:after, .button.delete-icon:before {
+    color: #dde7f2 !important; }
+.button.report-icon, .button.delete-icon {
+  border-color: #d03c3c;
+  background-color: #d03c3c; }
+  .button.report-icon:after, .button.report-icon:before, .button.delete-icon:after, .button.delete-icon:before {
+    color: #f8e2e2 !important; }
+
+.buttons > .dropdown-select {
+  color: #868686; }
+
+.dropdown-select:after {
+  border-color: #799cc2; }
+
+.dropdown-select:hover {
+  border-color: #346eae; }
+
+.dropdown-select:hover:after, .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after {
+  border-color: #d24c4c; }
+
+.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select,
+.buttons > .button:hover,
+.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
+  border-color: #d03c3c !important;
+  background-color: #d03c3c;
+  color: #fff; }
+  .dropdown-visible .dropdown-select:after, .dropdown-visible .dropdown-select:before, .dropdown-visible .dropdown-select:hover:after, .dropdown-visible .dropdown-select:hover:before, .nojs .dropdown-container:hover .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:before,
+  .buttons > .button:hover:after,
+  .buttons > .button:hover:before,
+  .button:hover:after,
+  .button:hover:before, .dropdown-visible .dropdown-select:after, .dropdown-visible .dropdown-select:before, .nojs .dropdown-container:hover .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:before {
+    color: #fff !important; }
+
+.contact-icons a {
+  border-color: #e7e7e7; }
+
+.jabber-icon:after {
+  color: #c90038; }
+
+.phpbb_icq-icon:after {
+  color: #60ff00;
+  text-shadow: 0 0 1px #000, 0 0 2px #000; }
+
+.phpbb_wlm-icon:after {
+  color: #77aad3; }
+
+.phpbb_aol-icon:after {
+  color: #ffb000;
+  text-shadow: 0 0 1px #000, 0 0 2px #000; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+  color: #1f5fa6; }
+.icon-search-new:hover:after, .icon-search-unanswered:hover:after, .icon-search-unread:hover:after, .icon-search-self:hover:after, .icon-search:hover:after, .icon-search-active:hover:after, .icon-search-advanced:hover:after, .icon-acp:hover:after, .icon-bookmark:hover:after, .icon-bump:hover:after, .icon-contact:hover:after, .icon-delete-cookies:hover:after, .icon-download:hover:after, .icon-faq:hover:after, .icon-home:hover:after, .icon-logout:hover:after, .icon-login:hover:after, .icon-mark:hover:after, .icon-mcp:hover:after, .icon-members:hover:after, .icon-members:hover:before, ul.linklist.bulletin > li.small-icon.icon-members:hover:before, .icon-notification:hover:after, .icon-pages:hover:after, .icon-pm:hover:after, .icon-print:hover:after, .icon-profile:hover:after, .icon-register:hover:after, .icon-sendemail:hover:after, .icon-subscribe:hover:after, .icon-team:hover:after, .icon-team:hover:before, ul.linklist.bulletin > li.small-icon.icon-team:hover:before, .icon-ucp:hover:after, .icon-unsubscribe:hover:after, .icon-new-posts:hover:after, .icon-forums:hover:after, .icon-chat:hover:after, .icon-time:hover:after, .icon-thanks:hover:after, .icon-thanks_toplist:hover:after {
+  color: #d03c3c; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after {
+  color: #d03c3c; }
+
+.icon-search-self:after {
+  color: #9d9d9d; }
+
+.icon-home.breadcrumbs:after {
+  color: #1f5fa6; }
+
+.icon-notification.non-zero:after, .icon-pm.non-zero:after {
+  color: #d03c3c; }
+
+.icon-time:after {
+  color: #9d9d9d; }
+
+/* Profile & navigation icons */
+.pm-icon {
+  background-position: 0 0; }
+
+.email-icon {
+  background-position: -21px 0; }
+
+.jabber-icon {
+  background-position: -80px 0; }
+
+.phpbb_icq-icon {
+  background-position: -61px 0; }
+
+.phpbb_wlm-icon {
+  background-position: -182px 0; }
+
+.phpbb_aol-icon {
+  background-position: -244px 0; }
+
+.phpbb_website-icon {
+  background-position: -40px 0; }
+
+.phpbb_youtube-icon {
+  background-position: -98px 0; }
+
+.phpbb_facebook-icon {
+  background-position: -119px 0; }
+
+.phpbb_googleplus-icon {
+  background-position: -140px 0; }
+
+.phpbb_skype-icon {
+  background-position: -161px 0; }
+
+.phpbb_twitter-icon {
+  background-position: -203px 0; }
+
+.phpbb_yahoo-icon {
+  background-position: -224px 0; }
+
+.global_read, .global_read_mine, .announce_read_mine, .announce_read {
+  background-image: url("./images/announce_read.png"); }
+
+.global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked {
+  background-image: url("./images/announce_read_locked.png"); }
+
+.global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread {
+  background-image: url("./images/announce_unread.png"); }
+
+.global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked {
+  background-image: url("./images/announce_unread_locked.png"); }
+
+.forum_link {
+  background-image: url("./images/forum_link.png"); }
+
+.forum_read {
+  background-image: url("./images/forum_read.png"); }
+
+.forum_read_locked {
+  background-image: url("./images/forum_read_locked.png"); }
+
+.forum_read_subforum {
+  background-image: url("./images/forum_read_subforum.png"); }
+
+.forum_unread {
+  background-image: url("./images/forum_unread.png"); }
+
+.forum_unread_locked {
+  background-image: url("./images/forum_unread_locked.png"); }
+
+.forum_unread_subforum {
+  background-image: url("./images/forum_unread_subforum.png"); }
+
+.topic_moved {
+  background-image: url("./images/topic_moved.png"); }
+
+.topic_read, .sticky_read, .pm_read {
+  background-image: url("./images/topic_read.png"); }
+
+.topic_read_mine, .sticky_read_mine {
+  background-image: url("./images/topic_read_mine.png"); }
+
+.topic_read_hot {
+  background-image: url("./images/topic_read_hot.png"); }
+
+.topic_read_hot_mine {
+  background-image: url("./images/topic_read_hot_mine.png"); }
+
+.topic_read_locked, .sticky_read_locked {
+  background-image: url("./images/topic_read_locked.png"); }
+
+.topic_read_locked_mine, .sticky_read_locked_mine {
+  background-image: url("./images/topic_read_locked_mine.png"); }
+
+.topic_unread, .sticky_unread, .pm_unread {
+  background-image: url("./images/topic_unread.png"); }
+
+.topic_unread_mine, .sticky_unread_mine {
+  background-image: url("./images/topic_unread_mine.png"); }
+
+.topic_unread_hot {
+  background-image: url("./images/topic_unread_hot.png"); }
+
+.topic_unread_hot_mine {
+  background-image: url("./images/topic_unread_hot_mine.png"); }
+
+.topic_unread_locked, .sticky_unread_locked {
+  background-image: url("./images/topic_unread_locked.png"); }
+
+.topic_unread_locked_mine, .sticky_unread_locked_mine {
+  background-image: url("./images/topic_unread_locked_mine.png"); }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  .global_read, .global_read_mine, .announce_read_mine, .announce_read, .global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked, .global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread, .global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked,
+  .forum_link, .forum_read, .forum_read_locked, .forum_read_subforum, .forum_unread, .forum_unread_locked, .forum_unread_subforum,
+  .topic_moved, .topic_read, .sticky_read, .pm_read, .topic_read_mine, .sticky_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .sticky_read_locked, .topic_read_locked_mine, .sticky_read_locked_mine,
+  .topic_unread,
+  .sticky_unread,
+  .pm_unread, .topic_unread_mine, .sticky_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .sticky_unread_locked, .topic_unread_locked_mine, .sticky_unread_locked_mine {
+    background-size: 36px 36px; }
+
+  .global_read, .global_read_mine, .announce_read_mine, .announce_read {
+    background-image: url("./images/announce_read_hd.png"); }
+
+  .global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked {
+    background-image: url("./images/announce_read_locked_hd.png"); }
+
+  .global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread {
+    background-image: url("./images/announce_unread_hd.png"); }
+
+  .global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked {
+    background-image: url("./images/announce_unread_locked_hd.png"); }
+
+  .forum_link {
+    background-image: url("./images/forum_link_hd.png"); }
+
+  .forum_read {
+    background-image: url("./images/forum_read_hd.png"); }
+
+  .forum_read_locked {
+    background-image: url("./images/forum_read_locked_hd.png"); }
+
+  .forum_read_subforum {
+    background-image: url("./images/forum_read_subforum_hd.png"); }
+
+  .forum_unread {
+    background-image: url("./images/forum_unread_hd.png"); }
+
+  .forum_unread_locked {
+    background-image: url("./images/forum_unread_locked_hd.png"); }
+
+  .forum_unread_subforum {
+    background-image: url("./images/forum_unread_subforum_hd.png"); }
+
+  .topic_moved {
+    background-image: url("./images/topic_moved_hd.png"); }
+
+  .topic_read, .sticky_read, .pm_read {
+    background-image: url("./images/topic_read_hd.png"); }
+
+  .topic_read_mine, .sticky_read_mine {
+    background-image: url("./images/topic_read_mine_hd.png"); }
+
+  .topic_read_hot {
+    background-image: url("./images/topic_read_hot_hd.png"); }
+
+  .topic_read_hot_mine {
+    background-image: url("./images/topic_read_hot_mine_hd.png"); }
+
+  .topic_read_locked, .sticky_read_locked {
+    background-image: url("./images/topic_read_locked_hd.png"); }
+
+  .topic_read_locked_mine, .sticky_read_locked_mine {
+    background-image: url("./images/topic_read_locked_mine_hd.png"); }
+
+  .topic_unread, .sticky_unread, .pm_unread {
+    background-image: url("./images/topic_unread_hd.png"); }
+
+  .topic_unread_mine, .sticky_unread_mine {
+    background-image: url("./images/topic_unread_mine_hd.png"); }
+
+  .topic_unread_hot {
+    background-image: url("./images/topic_unread_hot_hd.png"); }
+
+  .topic_unread_hot_mine {
+    background-image: url("./images/topic_unread_hot_mine_hd.png"); }
+
+  .topic_unread_locked, .sticky_unread_locked {
+    background-image: url("./images/topic_unread_locked_hd.png"); }
+
+  .topic_unread_locked_mine, .sticky_unread_locked_mine {
+    background-image: url("./images/topic_unread_locked_mine_hd.png"); } }
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+  color: #000; }
+
+.panel-container table.table1 thead th {
+  color: #141414;
+  border-bottom-color: #e7e7e7; }
+
+#cp-main .pm-message {
+  border-color: #e0e0e0;
+  background-color: #f4f4f4; }
+
+#tabs .tab > a {
+  background: #f4f4f4;
+  color: #336092; }
+
+#tabs .tab > a:hover {
+  background: #f8f8f8;
+  color: #d03c3c; }
+
+#tabs .activetab > a,
+#tabs .activetab > a:hover {
+  background: #f8f8f8;
+  box-shadow: 0 5px 5px -5px #f8f8f8;
+  border-color: #f8f8f8;
+  color: #2b2b2b; }
+
+#minitabs .tab > a {
+  background-color: #f6f6f6; }
+
+#minitabs .activetab > a,
+#minitabs .activetab > a:hover {
+  background-color: #F9F9F9;
+  color: #333333; }
+
+.responsive-tab .responsive-tab-link:before {
+  color: #336092; }
+
+#navigation a {
+  color: #141414;
+  background: #f4f4f4;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.1); }
+
+#navigation a:hover {
+  background: #f6f6f6;
+  color: #d03c3c; }
+
+#navigation #active-subsection a {
+  background: #1f5fa6;
+  color: #fff; }
+
+#navigation #active-subsection a:hover {
+  background-color: #d03c3c; }
+
+#navigation > hr {
+  border-top-color: #f6f6f6; }
+
+.panel-container h2 {
+  color: #141414; }
+
+.panel-container .panel {
+  background: #eaeaea;
+  box-shadow: none;
+  border-width: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
+  .panel-container .panel > .inner > h3:first-child {
+    background-color: transparent;
+    color: #1f5fa6;
+    background-image: none; }
+    .panel-container .panel > .inner > h3:first-child a {
+      color: #1f5fa6; }
+      .panel-container .panel > .inner > h3:first-child a:hover {
+        color: #d03c3c; }
+  .panel-container .panel:before, .panel-container .panel:after {
+    background: transparent; }
+
+#cp-main .pm {
+  background-color: #f4f4f4; }
+
+.cp-mini {
+  background-color: #f6f6f6; }
+
+.current {
+  color: #000 !important; }
+
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+  border-left-color: #bc2a5e;
+  border-right-color: #bc2a5e; }
+
+.pmlist li.pm_marked_colour, .pm_marked_colour {
+  border-color: #ff1100; }
+
+.pmlist li.pm_replied_colour, .pm_replied_colour {
+  border-color: #a9b7c2; }
+
+.pmlist li.pm_friend_colour, .pm_friend_colour {
+  border-color: #5D8FBD; }
+
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+  border-color: #000000; }
+
+#gallery label {
+  background: #f6f6f6;
+  border-color: #e7e7e7; }
+
+#gallery label:hover {
+  background-color: #f8f8f8; }
+
+select {
+  border-color: #c6c6c6;
+  background-color: #fff;
+  color: #141414; }
+
+label {
+  color: #141414; }
+
+option.disabled-option {
+  color: #868686; }
+
+dd label {
+  color: #141414; }
+
+fieldset.fields1 {
+  background-color: transparent; }
+
+fieldset dl:hover dt label {
+  color: #000; }
+
+fieldset.fields2 dl:hover dt label {
+  color: inherit; }
+
+#message-box textarea {
+  color: #141414; }
+
+#message-box textarea.drag-n-drop {
+  outline-color: rgba(157, 157, 157, 0.5); }
+
+#message-box textarea.drag-n-drop-highlight {
+  outline-color: rgba(134, 134, 134, 0.5); }
+
+.inputbox, select {
+  background-color: #fff;
+  border-color: #c6c6c6;
+  color: #141414; }
+
+.inputbox::-moz-placeholder {
+  color: #5b5b5b; }
+.inputbox::-webkit-input-placeholder {
+  color: #5b5b5b; }
+.inputbox:-ms-input-placeholder {
+  color: #5b5b5b; }
+
+.inputbox:hover, select:hover {
+  background-color: #fff;
+  border-color: #d03c3c;
+  color: #141414; }
+
+.inputbox:focus, select:focus {
+  background-color: #fff;
+  border-color: #1f5fa6;
+  color: #141414; }
+
+.inputbox:hover::-moz-placeholder {
+  color: #141414; }
+.inputbox:hover::-webkit-input-placeholder {
+  color: #141414; }
+.inputbox:hover:-ms-input-placeholder {
+  color: #141414; }
+
+.inputbox:focus::-moz-placeholder {
+  color: transparent; }
+.inputbox:focus::-webkit-input-placeholder {
+  color: transparent; }
+.inputbox:focus:-ms-input-placeholder {
+  color: transparent; }
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+  color: #fff;
+  border-color: #346eae;
+  background-color: #346eae; }
+
+a.button1, input.button1 {
+  border-color: #1f5fa6;
+  background-color: #1f5fa6;
+  color: #fff; }
+
+input.button3 {
+  background-image: none; }
+
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+  border-color: #d03c3c;
+  background-color: #d03c3c;
+  color: #fff; }
+
+input.button1:focus, input.button2:focus, input.button3:focus {
+  border-color: #d03c3c;
+  background-color: #d03c3c;
+  color: #fff; }
+
+input.disabled {
+  color: #868686; }
+
+.phpbb_alert {
+  background-color: #e0e0e0;
+  border-color: #e7e7e7; }
+
+.phpbb_alert .alert_close:before {
+  color: #1f5fa6; }
+
+.phpbb_alert .alert_close:hover:before {
+  color: #d03c3c; }
+
+.phpbb_alert .alert_close:after {
+  color: #e0e0e0; }
+
+.darken {
+  background-color: #000; }
+
+.loading_indicator {
+  background-color: #000;
+  background-image: url("./images/loading.gif"); }
+
+.dropdown-extended ul li {
+  border-top-color: #e7e7e7; }
+
+.dropdown-extended ul li:hover {
+  background-color: #f6f6f6;
+  color: #000; }
+
+.dropdown-extended .header, .dropdown-extended .footer {
+  border-color: #e7e7e7;
+  color: #000; }
+
+.dropdown-extended .footer {
+  border-top-style: solid;
+  border-top-width: 1px; }
+
+.dropdown-extended .header {
+  background: #1f5fa6;
+  color: #fff; }
+  .dropdown-extended .header a {
+    color: #fff; }
+    .dropdown-extended .header a:hover {
+      color: #fff; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+  color: #1f5fa6; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
+  color: #d03c3c; }
+
+.dropdown .dropdown-contents {
+  background: #f4f4f4;
+  border-color: #1f5fa6;
+  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5); }
+
+.dropdown-up .dropdown-contents {
+  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5); }
+
+.dropdown li, .dropdown li li {
+  border-color: #dbdbdb; }
+
+.dropdown li.separator {
+  border-color: #dbdbdb; }
+
+.notification_list li.notification-reported strong, .notification_list li.notification-disapproved strong {
+  color: #d03c3c; }
+.notification_list li.dropdown-notification {
+  background-color: #f4f4f4;
+  color: #1f5fa6; }
+  .notification_list li.dropdown-notification, .panel-container .notification_list li.dropdown-notification {
+    border-top-color: white;
+    border-bottom-color: #dbdbdb; }
+  .notification_list li.dropdown-notification strong {
+    color: #161616; }
+  .notification_list li.dropdown-notification a {
+    color: inherit; }
+  .notification_list li.dropdown-notification p.notification-time, .notification_list li.dropdown-notification p.notifications_time {
+    color: #7b8da1; }
+  .notification_list li.dropdown-notification a.mark_read {
+    background-color: white; }
+    .notification_list li.dropdown-notification a.mark_read, .notification_list li.dropdown-notification a.mark_read:after {
+      color: #161616; }
+      .notification_list li.dropdown-notification a.mark_read:hover, .notification_list li.dropdown-notification a.mark_read:after:hover {
+        color: #1f5fa6; }
+.notification_list li.bg3 {
+  background-color: #ded0d0;
+  color: #d03c3c; }
+  .notification_list li.bg3, .panel-container .notification_list li.bg3 {
+    border-top-color: #f3eeee;
+    border-bottom-color: #c9b2b2; }
+  .notification_list li.bg3 strong {
+    color: #000; }
+  .notification_list li.bg3 a {
+    color: inherit; }
+  .notification_list li.bg3 p.notification-time, .notification_list li.bg3 p.notifications_time {
+    color: #bc8080; }
+  .notification_list li.bg3 a.mark_read {
+    background-color: white; }
+    .notification_list li.bg3 a.mark_read, .notification_list li.bg3 a.mark_read:after {
+      color: #000; }
+      .notification_list li.bg3 a.mark_read:hover, .notification_list li.bg3 a.mark_read:after:hover {
+        color: #d03c3c; }
+.notification_list li.dropdown-notification:hover {
+  background-color: #f6f6f6;
+  color: #1f5fa6; }
+  .notification_list li.dropdown-notification:hover, .panel-container .notification_list li.dropdown-notification:hover {
+    border-top-color: white;
+    border-bottom-color: #dddddd; }
+  .notification_list li.dropdown-notification:hover strong {
+    color: #161616; }
+  .notification_list li.dropdown-notification:hover a {
+    color: inherit; }
+  .notification_list li.dropdown-notification:hover p.notification-time, .notification_list li.dropdown-notification:hover p.notifications_time {
+    color: #7c8ea2; }
+  .notification_list li.dropdown-notification:hover a.mark_read {
+    background-color: white; }
+    .notification_list li.dropdown-notification:hover a.mark_read, .notification_list li.dropdown-notification:hover a.mark_read:after {
+      color: #161616; }
+      .notification_list li.dropdown-notification:hover a.mark_read:hover, .notification_list li.dropdown-notification:hover a.mark_read:after:hover {
+        color: #1f5fa6; }
+
+.imageset.icon_post_target {
+  background-image: url("./images/icon_post_target.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .imageset.icon_post_target {
+      background-image: url("./images/icon_post_target_hd.png"); } }
+
+.imageset.icon_post_target_unread {
+  background-image: url("./images/icon_post_target_unread.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .imageset.icon_post_target_unread {
+      background-image: url("./images/icon_post_target_unread_hd.png"); } }
+
+.imageset.icon_topic_attach:after {
+  color: #868686; }
+
+.imageset.icon_topic_poll:after {
+  color: #707f90; }
+
+/* --------------------------------------------------------------
+	$Icons
+-------------------------------------------------------------- */
+/* Global module setup
+--------------------------------*/
+/* Renamed version of .fa class for agnostic usage of icon fonts.
+ * Just change the name of the font after the 14/1 to the name of
+ * the font you wish to use.
+ */
+.icon, .button .icon, blockquote cite:before, .uncited:before {
+  display: inline-block;
+  font-weight: normal;
+  font-style: normal;
+  font-variant: normal;
+  font-family: FontAwesome;
+  font-size: 14px;
+  line-height: 1;
+  text-rendering: auto;
+  /* optimizelegibility throws things off #1094 */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+.icon:before {
+  padding-right: 2px; }
+
+.button .icon:before {
+  padding-right: 0; }
+
+/* Icon size classes - Default size is 14px, use these for small variations */
+.icon.icon-xl {
+  font-size: 20px; }
+
+.icon.icon-lg {
+  font-size: 16px; }
+
+.icon.icon-md {
+  font-size: 10px; }
+
+.icon.icon-sm {
+  font-size: 8px; }
+
+/* icon modifiers */
+.icon-tiny {
+  width: 12px;
+  transform: scale(0.65, 0.75);
+  vertical-align: text-bottom;
+  font-size: 16px; }
+
+.arrow-left .icon {
+  float: left; }
+
+.arrow-left:hover .icon {
+  margin-left: -5px;
+  margin-right: 5px; }
+
+.arrow-right .icon {
+  float: right; }
+
+.arrow-right:hover .icon {
+  margin-left: 5px;
+  margin-right: -5px; }
+
+.post-buttons .dropdown-contents .icon {
+  float: right;
+  margin-left: 5px; }
+
+.alert_close .icon:before {
+  padding: 0;
+  border-radius: 50%;
+  width: 11px;
+  display: block;
+  line-height: .9;
+  height: 12px; }
+
+blockquote cite:before, .uncited:before {
+  content: '\f10d';
+  /* Font Awesome quote-left */ }
+
+.rtl blockquote cite:before, .rtl .uncited:before {
+  content: '\f10e';
+  /* Font Awesome quote-right */ }
+
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
+ */
+html {
+  font-family: sans-serif;
+  /* 1 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */ }
+
+/**
+ * Remove default margin.
+ */
+body {
+  margin: 0; }
+
+/* HTML5 display definitions
+	 ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block; }
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  /* 1 */
+  vertical-align: baseline;
+  /* 2 */ }
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+[hidden],
+template {
+  display: none; }
+
+/* Links
+	 ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+  background-color: transparent; }
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+a:active,
+a:hover {
+  outline: 0; }
+
+/* Text-level semantics
+	 ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+b,
+strong {
+  font-weight: bold; }
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+dfn {
+  font-style: italic; }
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0; }
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+mark {
+  background: #ff0;
+  color: #000; }
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+  font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -0.5em; }
+
+sub {
+  bottom: -0.25em; }
+
+/* Embedded content
+	 ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+  border: 0; }
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+  overflow: hidden; }
+
+/* Grouping content
+	 ========================================================================== */
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+figure {
+  margin: 1em 40px; }
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+  box-sizing: content-box;
+  height: 0; }
+
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+  overflow: auto; }
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+/* Forms
+	 ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+  margin: 0;
+  /* 3 */ }
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+  overflow: visible; }
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+  text-transform: none; }
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  /* 2 */
+  cursor: pointer;
+  /* 3 */ }
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+html input[disabled] {
+  cursor: default; }
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+  line-height: normal; }
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  box-sizing: content-box;
+  /* 2 */ }
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+  border: 0;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+  overflow: auto; }
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+  font-weight: bold; }
+
+/* Tables
+	 ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+td,
+th {
+  padding: 0; }
+
+/* --------------------------------------------------------------
+	$Utilities
+-------------------------------------------------------------- */
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto; }
+
+.clearfix:before,
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after {
+  content: " ";
+  display: table; }
+
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after {
+  clear: both; }
+
+.center-block {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.pull-right {
+  float: right !important; }
+
+.pull-left {
+  float: left !important; }
+
+.hide {
+  display: none !important; }
+
+.show {
+  display: block !important; }
+
+.invisible {
+  visibility: hidden; }
+
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0; }
+
+.hidden {
+  display: none; }
+
+.affix {
+  position: fixed; }
diff --git a/simplicity_blue/theme/stylesheet.scss b/simplicity_blue/theme/stylesheet.scss
new file mode 100644
index 0000000..d6de161
--- /dev/null
+++ b/simplicity_blue/theme/stylesheet.scss
@@ -0,0 +1,35 @@
+//
+//	stylesheet.css replacement
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
+//	If you have any questions please visit support forum at:
+//		http://www.artodia.com/forums/
+//
+//	Set your custom configuration variables in _custom_config.scss
+//	Add your custom code to _custom.scss
+//	
+//	After editing any .scss file you must recompile stylesheet.
+//
+/*!
+	DO NOT EDIT stylesheet.css!
+
+	Edit .scss files instead. See http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+	If you have any questions, please ask on support forum at http://www.artodia.com/forums/
+*/
+@import "custom_config";
+@import "style_config";
+@import "common/common";
+@import "common/links";
+@import "common/content";
+@import "common/buttons";
+@import "common/cp";
+@import "common/forms";
+@import "common/imageset";
+@import "common/responsive";
+@import "colours";
+@import "custom";
+@import "common/icons";
+@import "common/normalize";
+@import "common/utilities";
diff --git a/simplicity_blue/theme/tweaks.css b/simplicity_blue/theme/tweaks.css
new file mode 100644
index 0000000..820faa4
--- /dev/null
+++ b/simplicity_blue/theme/tweaks.css
@@ -0,0 +1,7 @@
+/* Style Sheet Tweaks
+
+These style definitions are IE 8 & 9 only.
+They are required due to the poor CSS support in IE browsers.
+------------------------------------------------------------------------------*/
+
+@import "../../simplicity/theme/tweaks.css";
\ No newline at end of file
diff --git a/simplicity_darkblue/license.txt b/simplicity_darkblue/license.txt
new file mode 100644
index 0000000..a5319f7
--- /dev/null
+++ b/simplicity_darkblue/license.txt
@@ -0,0 +1,33 @@
+IMPORTANT: This license does not apply to files in directory theme/fonts/
+
+Files in those directories have their own licenses, see license.txt in respective
+directories for details.
+
+-----------------------------------------------------------------------------
+
+Copyright (c) 2015, Vjacheslav Trushkin
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer. 
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+The views and conclusions contained in the software and documentation are those
+of the authors and should not be interpreted as representing official policies, 
+either expressed or implied, of the FreeBSD Project.
\ No newline at end of file
diff --git a/simplicity_darkblue/style.cfg b/simplicity_darkblue/style.cfg
new file mode 100644
index 0000000..ab302d2
--- /dev/null
+++ b/simplicity_darkblue/style.cfg
@@ -0,0 +1,32 @@
+#
+# phpBB Style Configuration File
+#
+# This file is part of the phpBB Forum Software package.
+#
+# @copyright (c) phpBB Limited <https://www.phpbb.com>
+# @license GNU General Public License, version 2 (GPL-2.0)
+#
+# For full copyright and license information, please see
+# the docs/CREDITS.txt file.
+#
+# At the left is the name, please do not change this
+# At the right the value is entered
+#
+# Values get trimmed, if you want to add a space in front or at the end of
+# the value, then enclose the value with single or double quotes.
+# Single and double quotes do not need to be escaped.
+#
+#
+
+# General Information about this style
+name = Simplicity Dark Blue
+copyright = Created by Arty (Vjacheslav Trushkin), http://www.artodia.com/, Modified by Gabriel Fischer
+style_version = 3.3.0
+phpbb_version = 3.3.0
+
+# Defining a different template bitfield
+# template_bitfield = lNg=
+
+# Parent style
+# Set value to empty or to this style's name if this style does not have a parent style
+parent = Simplicity
diff --git a/simplicity_darkblue/theme/_colours.scss b/simplicity_darkblue/theme/_colours.scss
new file mode 100644
index 0000000..c17a783
--- /dev/null
+++ b/simplicity_darkblue/theme/_colours.scss
@@ -0,0 +1,1685 @@
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for common.css
+// --------------------------------------------------------------
+
+html, body {
+	color: $text-color;
+	background-image: url('./images/pattern.png');
+	@if $use-wrapper {
+		background-color: $page-background;
+		&.simple {
+			background-color: $content-background;
+		}
+	}
+	@else {
+		background-color: $content-background;
+	}
+}
+
+h1, p.sitename {
+	color: $header-text;
+}
+
+h2 {
+	color: $page-title-color;
+}
+
+h3 {
+	color: $stats-title-color;
+	.post & {
+		color: $block-title-color;
+	}
+	a {
+		color: inherit;
+		&:hover {
+			color: $link-hover-color;
+		}
+	}
+}
+
+hr {
+	border-color: $content-top-border;
+	border-top-color: $content-bottom-border;
+}
+
+/* Post body links */
+.postlink {
+	border-bottom-color: $link-color;
+	color: $link-color;
+}
+
+.postlink:visited {
+	border-bottom-color: $muted-color;
+	color: $muted-color;
+}
+
+.postlink:hover {
+	background-color: darken($block-background, 10%);
+	color: $link-hover-color;
+}
+
+.signature a, .signature a:hover {
+	background-color: transparent;
+}
+
+// Search box
+// ---------------------------------------------
+
+.search-box .inputbox,
+.search-box .inputbox:hover,
+.search-box .inputbox:focus,
+.search-box .button:hover {
+	border-color: $search-box-border;
+}
+
+.search-box .button {
+	&, &:hover {
+		background-color: $block-background !important;
+		border-color: $search-box-border !important;
+	}
+	&, &:before, &:after {
+		color: $primary-color;
+	}
+	&:hover, &:hover:before, &:hover:after {
+		color: $secondary-color !important;
+	}
+}
+
+.search-header {
+	box-shadow: $search-box-shadow;
+	.navbar.with-search & {
+		box-shadow: none;
+	}
+	.inputbox, .button {
+		background: $block-background !important;
+		border-color: $block-background !important;
+	}
+	.navbar.with-search & .button {
+		&, &:before, &:after {
+			color: $link-color;
+		}
+	}
+	.inputbox:hover, .inputbox:focus {
+		background-color: $block-background3 !important;
+		color: $bold-text-color !important;
+		border-color: $block-background !important;
+	}
+	.button:hover, .button:focus {
+		&, &:before, &:after {
+			background-color: $secondary-color !important;
+			color: #fff !important;
+			border-color: $secondary-color !important;
+		}
+	}
+}
+
+// Round cornered boxes and backgrounds
+// ----------------------------------------
+#wrap {
+	@if $use-wrapper {
+		background-color: $content-background;
+		background-image: url('./images/pattern.png');
+		border-color: $content-border-color;
+	}
+}
+
+.headerbar {
+	color: $header-text;
+}
+
+// Navigation
+.breadcrumbs .crumb:before {
+	color: $muted-color;
+}
+
+.navbar {
+	background-image: none;
+	&.secondary {
+		color: $link-color;
+		> ul > li:hover,
+		> ul > li.dropdown-visible {
+			&, &:after, &:before {
+				color: $secondary-nav-hover-link;
+			}
+		}
+		.dropdown {
+			color: $text-color;
+		}
+	}
+
+	.nav-tabs {
+		background-color: $primary-nav-bg;
+
+		.tab {
+			color: $primary-nav-color;
+			&.selected {
+				color: $primary-nav-selected-color;
+				background-color: $primary-nav-selected-bg;
+			}
+			&:hover,
+			&.dropdown-visible {
+				color: $primary-nav-hover-color;
+				background-color: $primary-nav-hover-bg;
+			}
+			& > strong {
+				color: $primary-nav-alert-color;
+				background-color: $primary-nav-alert-bg;
+				box-shadow: $primary-nav-alert-shadow;
+				.arrow {
+					border-top-color: $primary-nav-alert-bg;
+				}
+			}
+			.dropdown {
+				color: $text-color;
+			}
+		}
+	}
+
+	// Tabbed navigation
+	@if $tabbed-navigation {
+		&.tabbed.not-static {
+			.nav-tabs {
+				li.tab {
+					// Tabs layout
+					color: $link-color;
+					background-color: $block-background;
+
+					&.selected {
+						@include tabbed-nav-layout-all {
+							background-color: $primary-color;
+							color: $overlay-color;
+						}
+					}
+
+					&:hover {
+						@include tabbed-nav-layout-all {
+							background-color: $secondary-color;
+							color: $overlay-color;
+						}
+					}
+
+					&.dropdown-visible {
+						@include tabbed-nav-layout-all {
+							background-color: $primary-color;
+							color: $overlay-color;
+						}
+					}
+				}
+			}
+
+			// Second row
+			+ .navbar.secondary {
+				background: $primary-color;
+				color: $overlay-color;
+
+				> ul > li {
+					&, &:after, &:before {
+						color: $overlay-color;
+					}
+				}
+
+				> ul > li:hover,
+				> ul > li.dropdown-visible {
+					&, &:after, &:before {
+						color: $overlay-color;
+					}
+					background: none;
+					box-shadow: none;
+					filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+				}
+			}
+		}
+	}
+}
+
+.panel {
+	background-color: $block-background;
+	color: $text-color;
+}
+
+.post:target .content {
+	color: $bold-text-color;
+}
+
+.post:target h3 a {
+	color: $bold-text-color;
+}
+
+.bg1 {
+	background-color: $block-background;
+}
+
+table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
+	background-color: $block-background;
+}
+
+.bg2 {
+	background-color: $block-background2;
+}
+
+table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
+	background-color: $block-background2;
+}
+
+.bg3 { 
+	background-color: $block-background3;
+	&.panel {
+		background: transparent none;
+		background-color: rgba($content-background, .3);
+		border-top-color: $tab-selected-background;
+		&:before, &:after {
+			background: -webkit-linear-gradient(to bottom, $tab-selected-background 0%, rgba($tab-selected-background, 0) 100%);
+			background: linear-gradient(to bottom, $tab-selected-background 0%, rgba($tab-selected-background, 0) 100%);
+		}
+	}
+	.section-posting &.panel {
+		background-color: $block-background;
+		&:before, &:after {
+			background: transparent;
+		}
+	}
+}
+
+// Horizontal lists
+// ----------------------------------------
+
+ul.navlinks {
+	border-top-color: $block-inner-border;
+}
+
+// Forums list layout
+// ----------------------
+.forumtitle {
+	.forum_unread &,
+	.forum_unread_subforum &,
+	.forum_unread_locked & {
+		color: $link-hover-color;
+	}
+}
+
+.topictitle {
+	.global_unread &,
+	.global_unread_mine &,
+	.global_unread_locked &,
+	.global_unread_locked_mine &,
+	.announce_unread &,
+	.announce_unread_mine &,
+	.announce_unread_locked &,
+	.announce_unread_locked_mine &,
+	.sticky_unread &,
+	.sticky_unread_mine &,
+	.sticky_unread_locked &,
+	.sticky_unread_locked_mine &,
+	.topic_unread &,
+	.topic_unread_mine &,
+	.topic_unread_locked &,
+	.topic_unread_locked_mine &,
+	.topic_unread_hot &,
+	.topic_unread_hot_mine &
+	{
+		color: $link-hover-color;
+	}
+}
+
+.forum-statistics {
+	color: $muted-color;
+}
+
+.forum-lastpost {
+	color: $muted-color;
+	span:before {
+		opacity: .5;
+	}
+}
+
+.forum-description.toggle {
+	color: $forum-description-color;
+	background-color: fade-out($forum-description-bg, .2);
+	a {
+		color: inherit !important;
+	}
+	span.arrow {
+		border-right-color: fade-out($forum-description-bg, .2);
+	}
+	.rtl & span.arrow {
+		border-right-color: transparent;
+		border-left-color: fade-out($forum-description-bg, .2);
+	}
+}
+
+.forum-statistics {
+	.value {
+		color: $bold-text-color;
+	}
+}
+
+// Table styles
+// ----------------------------------------
+table.table1 thead th {
+	color: $heading-color;
+}
+
+table.table1 tbody tr {
+	border-color: $block-inner-border;
+}
+
+table.table1 tbody tr:hover, table.table1 tbody tr.hover {
+	background-color: $block-background3;
+	color: $bold-text-color;
+}
+
+table.table1 td {
+	color: $text-color;
+}
+
+table.table1 tbody td {
+	border-top-color: $block-inner-border;
+}
+
+table.table1 tbody th {
+	border-bottom-color: $block-bottom-border;
+	color: $bold-text-color;
+	background-color: $content-background;
+}
+
+table.info tbody th {
+	color: $bold-text-color;
+}
+
+// Misc layout styles
+// ----------------------------------------
+dl.details dt {
+	color: $bold-text-color;
+}
+
+dl.details dd {
+	color: $tab-color;
+}
+
+.sep {
+	color: $primary-color;
+}
+
+/* Icon styles
+---------------------------------------- */
+.icon.icon-blue, a:hover .icon.icon-blue {
+	color: #196db5;
+}
+
+.icon.icon-green, a:hover .icon.icon-green{
+	color: #1b9A1B;
+}
+
+.icon.icon-red, a:hover .icon.icon-red{
+	color: #BC2A4D;
+}
+
+.icon.icon-orange, a:hover .icon.icon-orange{
+	color: #FF6600;
+}
+
+.icon.icon-bluegray, a:hover .icon.icon-bluegray{
+	color: #536482;
+}
+
+.icon.icon-gray, a:hover .icon.icon-gray{
+	color: #777777;
+}
+
+.icon.icon-lightgray, a:hover .icon.icon-lightgray{
+	color: #999999;
+}
+
+.icon.icon-black, a:hover .icon.icon-black{
+	color: #333333;
+}
+
+.alert_close .icon:before {
+	background-color: #FFFFFF;
+}
+
+/* Jumpbox */
+.jumpbox .dropdown li {
+	border-top-color: $dropdown-heading-top;
+}
+
+.jumpbox-cat-link {
+	background-color: $dropdown-heading-top;
+	color: $dropdown-heading-color;
+}
+
+.jumpbox-cat-link:hover {
+	background-color: $secondary-color;
+	border-top-color: $secondary-color;
+	color: $dropdown-heading-link-hover-color;
+}
+
+.jumpbox-forum-link {
+	background-color: $dropdown-bg;
+}
+
+.jumpbox-forum-link:hover {
+	background-color: $content-background;
+}
+
+.jumpbox .dropdown .pointer-inner {
+	border-color: $dropdown-bg transparent;
+}
+
+.jumpbox-sub-link {
+	background-color: $dropdown-bg;
+}
+
+.jumpbox-sub-link:hover {
+	background-color: $content-background;
+}
+
+
+
+// Pagination
+// ----------------------------------------
+
+.pagination li a {
+	color: $link-color;
+	background-color: $block-background;
+	border-color: $block-inner-border;
+}
+
+.pagination li.ellipsis span {
+	background-color: transparent;
+	color: $bold-text-color;
+}
+
+.pagination li.active span {
+	color: $overlay-color;
+	background-color: $primary-color;
+	border-color: $primary-color;
+}
+
+.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
+	border-color: $link-hover-color;
+	background-color: $link-hover-color;
+	color: $overlay-color;
+}
+
+.pagination li.page-jump a:after {
+	color: $link-color;
+}
+
+.pagination li.page-jump a:hover:after {
+	color: $link-hover-color;
+}
+
+// Miscellaneous styles
+// ----------------------------------------
+
+.copyright {
+	color: $muted-color;
+}
+
+.error {
+	color: $secondary-color;
+}
+
+.reported {
+	background-color: $block-background-reported;
+	.postprofile, .signature {
+		border-color: darken($block-background-reported, 3%);
+	}
+}
+
+li.reported:hover {
+	background-color: $block-background-reported;
+}
+.sticky, .announce {
+	// you can add a background for stickies and announcements
+}
+
+div.rules {
+	background-color: mix($content-background, $rules-color, 85%);
+	color: $rules-color;
+}
+
+p.post-notice {
+	background-color: mix($block-background, $rules-color, 85%);
+	color: $rules-color;
+	background-image: none;
+}
+
+// Blank FontAwesome replacement
+%post-notice {
+	font-family: FontAwesome;
+}
+
+p.post-notice.deleted:before {
+	@extend %post-notice;
+	content: '\f057';	// fa-times-circle
+	color: $secondary-color;
+}
+
+p.post-notice.unapproved:before {
+	@extend %post-notice;
+	content: '\f059';	// fa-question-circle
+	color: $secondary-color;
+}
+
+p.post-notice.reported:before, p.post-notice.error:before {
+	@extend %post-notice;
+	content: '\f071';	// fa-warning
+	color: $secondary-color;
+}
+
+// Topic status
+.topic-status.sticky {
+	color: $muted-color;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for links.css
+// --------------------------------------------------------------
+
+a { color: $link-color; }
+a:hover	{ color: $link-hover-color; }
+
+a.time { 
+	color: $faint-color; 
+	&:hover {
+		color: $link-hover-color;
+	}
+}
+
+// Links on gradient backgrounds
+.forumbg .header a, .forabg .header a, th a {
+	color: $heading-link;
+}
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+	color: $heading-link-hover;
+}
+
+// Notification mark read link
+.dropdown-extended a.mark_read {
+	background-color: $dropdown-bg;
+}
+
+// Back to top of page
+a.top, a.top2 {
+	color: $muted-color;
+	&:hover {
+		color: $link-hover-color;
+	}
+}
+
+// Arrow links
+a.arrow-left:hover {
+}
+
+a.arrow-right:hover {
+}
+
+a.feed-icon-forum:after {
+	color: mix($muted-color, $block-background, 50%);
+}
+
+a.feed-icon-forum:hover:after {
+	color: $link-hover-color;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for content.css
+// --------------------------------------------------------------
+
+ul.forums {
+}
+
+ul.topiclist li {
+	color: $text-color;
+	@if $split-forums == false {
+		.forabg &, .forumbg & {
+			background: transparent;
+		}
+	}
+}
+
+ul.topiclist li.row dt a.subforum.read {
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-size: 11px 9px;
+	}
+}
+
+ul.topiclist li.row dt a.subforum.unread {
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-size: 11px 9px;
+	}
+}
+
+li.row {
+	border-top-color: $block-top-border;
+	border-bottom-color: $block-bottom-border;
+	.forum-lastpost strong,
+	.subforums-list strong {
+		color: $muted-color;
+	}
+}
+
+li.row strong {
+	color: $bold-text-color;
+}
+
+li.row:hover {
+}
+
+li.row:hover dd {
+}
+
+// Unread forum/topic
+.icon-link + .list-inner > a.forumtitle,
+.pm_unread .topictitle,
+a.subforum.unread {
+	color: $secondary-color;
+}
+
+// Post body styles
+// ----------------------------------------
+.postbody {
+	color: $post-text-color;
+}
+
+// Content container styles
+// ----------------------------------------
+.content {
+	color: $post-text-color;
+}
+
+.content h2, .panel h2 {
+	color: $panel-title-color;
+	border-bottom-color:  $panel-title-border;
+}
+
+dl.faq dt {
+	color: $post-text-color;
+}
+
+.posthilit {
+	background-color: $block-background-reported;
+	color: if($light, darken($secondary-color, 10%), lighten($secondary-color, 10%));
+}
+
+.announce, .unreadpost {
+	// Highlight the announcements & unread posts box
+}
+
+// Post signature
+.signature {
+	border-top-color: $block-inner-border;
+}
+
+// Post noticies
+.notice {
+	border-top-color:  $block-inner-border;
+}
+
+// BB Code styles
+// ----------------------------------------
+// Quote block
+blockquote {
+	background-color: $bbcode-background;
+	border-color: $bbcode-outer-border;
+	border-left-color: lighten($secondary-color, 15%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten($secondary-color, 15%);
+	}
+}
+
+blockquote blockquote,
+blockquote .codebox,
+blockquote .attachbox {
+	// Nested quotes
+	background-color: $bbcode-background2;
+	background-color: rgba(196, 196, 196, 0.1);
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+blockquote blockquote blockquote,
+blockquote blockquote .codebox,
+blockquote blockquote .attachbox {
+	// Nested quotes
+	background-color: $bbcode-background;
+	border-left-color: lighten($secondary-color, 15%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten($secondary-color, 15%);
+	}
+}
+
+blockquote:before {
+	color: $muted-color;
+}
+
+// Code block
+.codebox {
+	background-color: $bbcode-background;
+	border-color: $bbcode-outer-border;
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+.codebox p {
+	border-bottom-color:  $bbcode-inner-border;
+}
+
+.codebox code {
+	color: $bbcode-code-color;
+}
+
+// Attachments
+// ----------------------------------------
+.attachbox {
+	background-color: $bbcode-background;
+	border-color:  $bbcode-outer-border;
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+.attachbox dd {
+	border-top-color: $bbcode-inner-border;
+}
+
+.attachbox p {
+	color: $bbcode-heading-text;
+}
+
+.attachbox p.stats {
+	color: $bbcode-heading-text;
+}
+
+// Inline image thumbnails
+
+dl.file dd {
+	color: $bbcode-heading-text;
+}
+
+dl.thumbnail img {
+	border-color: $bbcode-inner-border;
+	background-color: $block-background;
+}
+
+dl.thumbnail dd {
+	color: $bbcode-heading-text;
+}
+
+// Post poll styles
+// ----------------------------------------
+
+fieldset.polls dl {
+	border-top-color: $block-top-border;
+	border-bottom-color: $block-bottom-border;
+	color: $text-color;
+}
+
+fieldset.polls dl.voted {
+	color: $bold-text-color;
+}
+
+fieldset.polls dd div {
+	color: $overlay-color;
+}
+
+%pollbar {
+	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
+}
+
+.pollbar1 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 30%);
+}
+
+.pollbar2 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 25%);
+}
+
+.pollbar3 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 20%);
+}
+
+.pollbar4 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 10%);
+}
+
+.pollbar5 {
+	@extend %pollbar;
+	background-color: $secondary-color;
+}
+
+// Poster profile block
+// ----------------------------------------
+.postprofile {
+	color: $text-color;
+	border-color: $block-inner-border;
+}
+
+.postprofile strong {
+	color: $bold-text-color;
+}
+
+.online-ribbon span {
+	background-color: $secondary-color;
+	color: #fff;
+}
+
+dd.profile-warnings {
+	color: #BC2A4D;
+}
+
+.no-avatar .avatar-container {
+	background-image: url("./images/no_avatar.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+		background-image: url("./images/no_avatar_hd.png");
+	}
+}
+
+.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+	background: rgba(0, 0, 0, .1);
+}
+
+.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+	background: rgba(0, 0, 0, .3);
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for buttons.css
+// --------------------------------------------------------------
+.button {
+	&, .buttons > &.locked-icon {
+		border-color: $button-border;
+		background-color: $button-bg;
+		color: $button-text;
+		box-shadow: none;
+	}
+
+
+	&:after, &:before {
+	}
+	.buttons > &.locked-icon {
+		color: $button-icon;
+		&:after, &:before {
+			color: $button-icon !important;
+		}
+		&:hover {
+			box-shadow: none;
+		}
+	}
+
+	& > strong {
+	}
+
+	.buttons > &, &.report-icon, &.delete-icon {
+		border-color: $primary-color;
+		background-color: $primary-color;
+		color: $overlay-color;
+
+		&:after, &:before {
+			color: mix($overlay-color, $primary-color, 85%) !important;
+		}
+
+		& > strong {
+		}
+	}
+	&.report-icon, &.delete-icon {
+		border-color: $secondary-color;
+		background-color: $secondary-color;
+
+		&:after, &:before {
+			color: mix($overlay-color, $secondary-color, 85%) !important;
+		}
+	}
+}
+
+.dropdown-select {
+	.buttons > & {
+		color: $muted-color;
+	}
+}
+
+.dropdown-select:after { 
+	border-color: mix($button-bg, $content-background, 60%);
+}
+.dropdown-select:hover	{ 
+	border-color: $button-border; 
+}
+
+.dropdown-select:hover:after, .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after	{ 
+	border-color: mix($secondary-color, $content-background, 90%);
+}
+
+.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select,
+.buttons > .button:hover,
+.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
+	border-color: $secondary-color !important;
+	background-color: $secondary-color;
+	color: $overlay-color;
+
+	&:after, &:before {
+		color: $overlay-color !important;
+	}
+}
+
+.contact-icons a		{ border-color: $block-inner-border; }
+
+// Small icons
+%icon-button {
+	color: $button-icon;
+	&:hover {
+		color: $button-icon-hover;
+	}
+}
+
+%icon-button-visible {
+	.dropdown-visible &,
+	.nojs .dropdown-container:hover & {
+		color: $button-icon-hover;
+	}
+}
+
+.jabber-icon:after {
+	color: #c90000;
+}
+
+.phpbb_icq-icon:after {
+	color: #60ff00;
+	text-shadow: 0 0 1px #000, 0 0 2px #000;
+}
+
+.phpbb_wlm-icon:after {
+	color: #79aad3;
+}
+
+.phpbb_aol-icon:after {
+	color: #ffd800;
+	text-shadow: 0 0 1px #000, 0 0 2px #000;
+}
+
+// Icon images
+// ----------------------------------------
+%icon-image {
+	&:after {
+		color: $link-color;
+	}
+	&:hover:after {
+		color: $link-hover-color;
+	}
+}
+
+%icon-search-new {
+	&:after {
+		color: $secondary-color;
+	}
+}
+
+%icon-search-misc {
+	&:after {
+		color: $faint-color;
+	}
+}
+
+.icon-home {
+	&.breadcrumbs:after {
+		color: $link-color;
+	}
+}
+
+.icon-notification, .icon-pm {
+	&.non-zero:after {
+		color: $secondary-color;
+	}
+}
+
+.icon-time {
+	&:after {
+		color: $faint-color;
+	}
+}
+
+/* Profile & navigation icons */
+.pm-icon							{ background-position: 0 0; }
+.email-icon							{ background-position: -21px 0; }
+.jabber-icon						{ background-position: -80px 0; }
+.phpbb_icq-icon						{ background-position: -61px 0 ; }
+.phpbb_wlm-icon						{ background-position: -182px 0; }
+.phpbb_aol-icon						{ background-position: -244px 0; }
+.phpbb_website-icon					{ background-position: -40px 0; }
+.phpbb_youtube-icon					{ background-position: -98px 0; }
+.phpbb_facebook-icon				{ background-position: -119px 0; }
+.phpbb_googleplus-icon				{ background-position: -140px 0; }
+.phpbb_skype-icon					{ background-position: -161px 0; }
+.phpbb_twitter-icon					{ background-position: -203px 0; }
+.phpbb_yahoo-icon					{ background-position: -224px 0; }
+
+// Forum icons & Topic icons
+.global_read													{ background-image: url("./images/announce_read.png"); }
+.global_read_mine												{ @extend .global_read; }
+.global_read_locked												{ background-image: url("./images/announce_read_locked.png"); }
+.global_read_locked_mine										{ @extend .global_read_locked; }
+.global_unread													{ background-image: url("./images/announce_unread.png"); }
+.global_unread_mine												{ @extend .global_unread; }
+.global_unread_locked											{ background-image: url("./images/announce_unread_locked.png"); }
+.global_unread_locked_mine										{ @extend .global_unread_locked; }
+
+.announce_read													{ @extend .global_read; }
+.announce_read_mine												{ @extend .global_read_mine; }
+.announce_read_locked											{ @extend .global_read_locked; }
+.announce_read_locked_mine										{ @extend .global_read_locked_mine; }
+.announce_unread												{ @extend .global_unread; }
+.announce_unread_mine											{ @extend .global_unread_mine; }
+.announce_unread_locked											{ @extend .global_unread_locked; }
+.announce_unread_locked_mine									{ @extend .global_unread_locked_mine; }
+
+.forum_link														{ background-image: url("./images/forum_link.png"); }
+.forum_read														{ background-image: url("./images/forum_read.png"); }
+.forum_read_locked												{ background-image: url("./images/forum_read_locked.png"); }
+.forum_read_subforum											{ background-image: url("./images/forum_read_subforum.png"); }
+.forum_unread													{ background-image: url("./images/forum_unread.png"); }
+.forum_unread_locked											{ background-image: url("./images/forum_unread_locked.png"); }
+.forum_unread_subforum											{ background-image: url("./images/forum_unread_subforum.png"); }
+
+.sticky_read													{ @extend .topic_read; }
+.sticky_read_mine												{ @extend .topic_read_mine; }
+.sticky_read_locked												{ @extend .topic_read_locked; }
+.sticky_read_locked_mine										{ @extend .topic_read_locked_mine; }
+.sticky_unread													{ @extend .topic_unread; }
+.sticky_unread_mine												{ @extend .topic_unread_mine; }
+.sticky_unread_locked											{ @extend .topic_unread_locked; }
+.sticky_unread_locked_mine										{ @extend .topic_unread_locked_mine; }
+
+.topic_moved													{ background-image: url("./images/topic_moved.png"); }
+.topic_read														{ background-image: url("./images/topic_read.png"); }
+.topic_read_mine												{ background-image: url("./images/topic_read_mine.png"); }
+.topic_read_hot													{ background-image: url("./images/topic_read_hot.png"); }
+.topic_read_hot_mine											{ background-image: url("./images/topic_read_hot_mine.png"); }
+.topic_read_locked												{ background-image: url("./images/topic_read_locked.png"); }
+.topic_read_locked_mine											{ background-image: url("./images/topic_read_locked_mine.png"); }
+.topic_unread,													{ background-image: url("./images/topic_unread.png"); }
+.topic_unread_mine												{ background-image: url("./images/topic_unread_mine.png"); }
+.topic_unread_hot												{ background-image: url("./images/topic_unread_hot.png"); }
+.topic_unread_hot_mine											{ background-image: url("./images/topic_unread_hot_mine.png"); }
+.topic_unread_locked											{ background-image: url("./images/topic_unread_locked.png"); }
+.topic_unread_locked_mine										{ background-image: url("./images/topic_unread_locked_mine.png"); }
+
+.pm_read														{ @extend .topic_read; }
+.pm_unread														{ @extend .topic_unread; }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)
+{
+	.global_read, .global_read_locked, .global_unread, .global_unread_locked,
+	.forum_link, .forum_read, .forum_read_locked, .forum_read_subforum, .forum_unread, .forum_unread_locked, .forum_unread_subforum,
+	.topic_moved, .topic_read, .topic_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .topic_read_locked_mine,
+	.topic_unread, .topic_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .topic_unread_locked_mine
+	{
+		background-size: 36px 36px;
+	}
+
+	.global_read												{ background-image: url("./images/announce_read_hd.png"); }
+	.global_read_locked											{ background-image: url("./images/announce_read_locked_hd.png"); }
+	.global_unread												{ background-image: url("./images/announce_unread_hd.png"); }
+	.global_unread_locked										{ background-image: url("./images/announce_unread_locked_hd.png"); }
+
+	.forum_link													{ background-image: url("./images/forum_link_hd.png"); }
+	.forum_read													{ background-image: url("./images/forum_read_hd.png"); }
+	.forum_read_locked											{ background-image: url("./images/forum_read_locked_hd.png"); }
+	.forum_read_subforum										{ background-image: url("./images/forum_read_subforum_hd.png"); }
+	.forum_unread												{ background-image: url("./images/forum_unread_hd.png"); }
+	.forum_unread_locked										{ background-image: url("./images/forum_unread_locked_hd.png"); }
+	.forum_unread_subforum										{ background-image: url("./images/forum_unread_subforum_hd.png"); }
+
+	.topic_moved												{ background-image: url("./images/topic_moved_hd.png"); }
+	.topic_read													{ background-image: url("./images/topic_read_hd.png"); }
+	.topic_read_mine											{ background-image: url("./images/topic_read_mine_hd.png"); }
+	.topic_read_hot												{ background-image: url("./images/topic_read_hot_hd.png"); }
+	.topic_read_hot_mine										{ background-image: url("./images/topic_read_hot_mine_hd.png"); }
+	.topic_read_locked											{ background-image: url("./images/topic_read_locked_hd.png"); }
+	.topic_read_locked_mine										{ background-image: url("./images/topic_read_locked_mine_hd.png"); }
+	.topic_unread												{ background-image: url("./images/topic_unread_hd.png"); }
+	.topic_unread_mine											{ background-image: url("./images/topic_unread_mine_hd.png"); }
+	.topic_unread_hot											{ background-image: url("./images/topic_unread_hot_hd.png"); }
+	.topic_unread_hot_mine										{ background-image: url("./images/topic_unread_hot_mine_hd.png"); }
+	.topic_unread_locked										{ background-image: url("./images/topic_unread_locked_hd.png"); }
+	.topic_unread_locked_mine									{ background-image: url("./images/topic_unread_locked_mine_hd.png"); }
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for cp.css
+// --------------------------------------------------------------
+
+// Main CP box
+// ----------------------------------------
+
+.panel-container h3, .panel-container hr, #cp-menu hr {
+}
+
+.panel-container .panel li.row {
+}
+
+ul.cplist {
+}
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+	color: $bold-text-color;
+}
+
+.panel-container table.table1 thead th {
+	color: $post-text-color;
+	border-bottom-color: $block-inner-border;
+}
+
+#cp-main .pm-message {
+	border-color: $block-border;
+	background-color: $block-background;
+}
+
+// CP tabbed menu
+// ----------------------------------------
+#tabs .tab > a {
+	background: $tab-background;
+	color: $tab-color;
+}
+
+#tabs .tab > a:hover {
+	background: $tab-hover-background;
+	color: $tab-hover-color;
+}
+
+#tabs .activetab > a,
+#tabs .activetab > a:hover {
+	background: $tab-selected-background;
+	box-shadow: 0 5px 5px -5px $tab-selected-background;
+	border-color: $tab-selected-background;
+	color: $tab-selected-color;
+}
+
+#tabs .activetab > a:hover {
+}
+
+// Mini tabbed menu used in MCP
+// ----------------------------------------
+#minitabs .tab > a {
+	background-color: $block-background2;
+}
+
+#minitabs .activetab > a,
+#minitabs .activetab > a:hover {
+	background-color: #F9F9F9;
+	color: #333333;
+}
+
+// Responsive tabs
+// ----------------------------------------
+.responsive-tab .responsive-tab-link:before {
+	color: $tab-color;
+}
+
+// UCP navigation menu
+// ----------------------------------------
+
+// Link styles for the sub-section links
+#navigation a {
+	color: $text-color;
+	background: $block-background;
+	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .1);
+}
+
+#navigation a:hover {
+	background: $block-background2;
+	color: $link-hover-color;
+}
+
+#navigation #active-subsection a {
+	background: $primary-color;
+	color: $overlay-color;
+}
+
+#navigation #active-subsection a:hover {
+	background-color: $secondary-color;
+}
+
+#navigation > hr {
+	border-top-color: $block-background2;
+}
+
+// Preferences pane layout
+// ----------------------------------------
+.panel-container h2 {
+	color: $post-text-color;
+}
+
+.panel-container .panel {
+	background: mix($content-background, $block-background3, 60%);
+	box-shadow: none;
+	border-width: 0;
+	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+	& > .inner > h3:first-child {
+		@include section-heading-cp;
+	}
+	&:before, &:after {
+		background: transparent;
+	}
+}
+
+#cp-main .pm {
+	background-color: $block-background;
+}
+
+// Friends list
+.cp-mini {
+	background-color: $block-background2;
+}
+
+dl.mini dt {
+}
+
+// PM Styles
+// ----------------------------------------
+// PM Message history
+.current {
+	color: $bold-text-color !important;
+}
+
+// PM marking colours
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: #BC2A4D;
+	border-right-color: #BC2A4D;
+}
+
+.pmlist li.pm_marked_colour, .pm_marked_colour {
+	border-color: #ff9100;
+}
+
+.pmlist li.pm_replied_colour, .pm_replied_colour {
+	border-color: #aab7c2;
+}
+
+.pmlist li.pm_friend_colour, .pm_friend_colour {
+	border-color: #5D8FBD;
+}
+
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+	border-color: #000000;
+}
+
+// Avatar gallery
+#gallery label {
+	background: $block-background2;
+	border-color: $block-inner-border;
+}
+
+#gallery label:hover {
+	background-color: $block-background3;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for forms.css
+// --------------------------------------------------------------
+
+// General form styles
+// ----------------------------------------
+select {
+	border-color: $input-border;
+	background-color: $input-bg;
+	color: $input-text;
+}
+
+label {
+	color: $text-color;
+}
+
+option.disabled-option {
+	color: $muted-color;
+}
+
+// Definition list layout for forms
+// ----------------------------------------
+dd label {
+	color: $post-text-color;
+}
+
+fieldset.fields1 {
+	background-color: transparent;
+}
+
+// Hover effects
+fieldset dl:hover dt label {
+	color: $bold-text-color;
+}
+
+fieldset.fields2 dl:hover dt label {
+	color: inherit;
+}
+
+// Quick-login on index page
+fieldset.quick-login input.inputbox {
+}
+
+// Posting page styles
+// ----------------------------------------
+
+#message-box textarea {
+	color: $input-text;
+}
+
+#message-box textarea.drag-n-drop {
+	outline-color: rgba($faint-color, 0.5);
+}
+
+#message-box textarea.drag-n-drop-highlight {
+	outline-color: rgba($muted-color, 0.5);
+}
+
+// Input field styles
+// ----------------------------------------
+.inputbox, select {
+	background-color: $input-bg;
+	border-color: $input-border;
+	color: $input-text;
+}
+
+.inputbox {
+	@include placeholder {
+		color: mix($input-text, $input-bg, 70%);
+	}
+}
+
+.inputbox:hover, select:hover {
+	background-color: $input-hover-bg;
+	border-color: $input-hover-border;
+	color: $input-hover-text;
+}
+
+.inputbox:focus, select:focus {
+	background-color: $input-focus-bg;
+	border-color: $input-focus-border;
+	color: $input-focus-text;
+}
+
+.inputbox:hover {
+	@include placeholder {
+		color: $input-hover-text;
+	}
+}
+
+.inputbox:focus {
+	@include placeholder {
+		color: transparent;
+	}
+}
+
+
+// Form button styles
+// ----------------------------------------
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+	color: $button-text;
+	border-color: $button-border;
+	background-color: $button-bg;
+}
+
+a.button1, input.button1 {
+	border-color: $primary-color;
+	background-color: $primary-color;
+	color: $overlay-color;
+}
+
+input.button3 {
+	background-image: none;
+}
+
+// Hover states
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+	border-color: $secondary-color;
+	background-color: $secondary-color;
+	color: $overlay-color;
+}
+
+// Focus states
+input.button1:focus, input.button2:focus, input.button3:focus {
+	border-color: $secondary-color;
+	background-color: $secondary-color;
+	color: $overlay-color;
+}
+
+input.disabled {
+	color: $muted-color;
+}
+
+// jQuery popups
+// ----------------------------------------
+.phpbb_alert {
+	background-color: $content-background;
+	border-color: $block-inner-border;
+}
+.phpbb_alert .alert_close:before {
+	color: $link-color;
+}
+.phpbb_alert .alert_close:hover:before {
+	color: $link-hover-color;
+}
+.phpbb_alert .alert_close:after {
+	color: $content-background;
+}
+.darken {
+	background-color: #000;
+}
+
+.loading_indicator {
+	background-color: #000;
+	background-image: url("./images/loading.gif");
+}
+
+.dropdown-extended ul li {
+	border-top-color: $block-inner-border;
+}
+
+.dropdown-extended ul li:hover {
+	background-color: $block-background2;
+	color: $bold-text-color;
+}
+
+.dropdown-extended .header, .dropdown-extended .footer {
+	border-color: $block-inner-border;
+	color: $bold-text-color;
+}
+
+.dropdown-extended .footer {
+	border-top-style: solid;
+	border-top-width: 1px;
+}
+
+.dropdown-extended .header {
+	background: $dropdown-heading-top;
+	// background-image: -webkit-linear-gradient(top, $dropdown-heading-top 0, $dropdown-heading-bottom 100%);
+	// background-image: linear-gradient(to bottom, $dropdown-heading-top 0, $dropdown-heading-bottom 100%);
+	// filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($dropdown-heading-top)}', endColorstr='#{ie-hex-str($dropdown-heading-top)}');
+	color: $dropdown-heading-color;
+	a {
+		color: $dropdown-heading-link-color;
+		&:hover {
+			color: $dropdown-heading-link-hover-color;
+		}
+	}
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+	color: $link-color;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
+	color: $link-hover-color;
+}
+
+.dropdown .dropdown-contents {
+	background: $dropdown-bg;
+	border-color: $dropdown-border;
+	box-shadow: $dropdown-shadow;
+}
+
+.dropdown-up .dropdown-contents {
+	box-shadow: $dropdown-shadow-up;
+}
+
+.dropdown li, .dropdown li li {
+	border-color: $dropdown-inner-border;
+}
+
+.dropdown li.separator {
+	border-color: $dropdown-inner-border;
+}
+
+// Notifications
+// ----------------------------------------
+.notification_list li {
+	&.notification-reported strong, &.notification-disapproved strong {
+		color: $secondary-color;
+	}
+
+	&.dropdown-notification {
+		background-color: $dropdown-notification-bg;
+		color: $dropdown-notification-color;
+		&, .panel-container & {
+			border-top-color: lighten($dropdown-notification-bg, 10%);
+			border-bottom-color: darken($dropdown-notification-bg, 10%);
+		}
+		strong {
+			color: $dropdown-notification-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($dropdown-notification-bg, $dropdown-notification-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($dropdown-notification-bg) < 50%, darken($dropdown-notification-bg, 30%), lighten($dropdown-notification-bg, 30%)), 100%);
+			&, &:after {
+				color: $dropdown-notification-strong-color;
+				&:hover {
+					color: $dropdown-notification-color;
+				}
+			}
+		}
+	}
+
+	&.bg3 {
+		// Unread
+		background-color: $notification-unread-bg;
+		color: $notification-unread-color;
+		&, .panel-container & {
+			border-top-color: lighten($notification-unread-bg, 10%);
+			border-bottom-color: darken($notification-unread-bg, 10%);
+		}
+		strong {
+			color: $notification-unread-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($notification-unread-bg, $notification-unread-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($notification-unread-bg) < 50%, darken($notification-unread-bg, 30%), lighten($notification-unread-bg, 30%)), 100%);
+			&, &:after {
+				color: $notification-unread-strong-color;
+				&:hover {
+					color: $notification-unread-color;
+				}
+			}
+		}
+	}
+
+	&.dropdown-notification:hover {
+		background-color: $dropdown-notification-hover-bg;
+		color: $dropdown-notification-color;
+		&, .panel-container & {
+			border-top-color: lighten($dropdown-notification-hover-bg, 10%);
+			border-bottom-color: darken($dropdown-notification-hover-bg, 10%);
+		}
+		strong {
+			color: $dropdown-notification-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($dropdown-notification-hover-bg, $dropdown-notification-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($dropdown-notification-hover-bg) < 50%, darken($dropdown-notification-hover-bg, 30%), lighten($dropdown-notification-hover-bg, 30%)), 100%);
+			&, &:after {
+				color: $dropdown-notification-strong-color;
+				&:hover {
+					color: $dropdown-notification-color;
+				}
+			}
+		}
+	}
+}
+
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for imageset.css
+// --------------------------------------------------------------
+// .imageset.icon_post_target_unread {
+// 	&:after {
+// 		color: #D31141;
+// 	}
+// }
+
+.imageset.icon_post_target {
+	background-image: url("./images/icon_post_target.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-image: url("./images/icon_post_target_hd.png");
+	}
+}
+.imageset.icon_post_target_unread {
+	background-image: url("./images/icon_post_target_unread.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-image: url("./images/icon_post_target_unread_hd.png");
+	}
+}
+
+.imageset.icon_topic_attach {
+	&:after {
+		color: $muted-color;
+	}
+}
+
+%imageset-secondary-color {
+	&:after {
+		color: $secondary-color;
+	}
+}
+
+.imageset.icon_topic_poll {
+	&:after {
+		color: desaturate(mix($primary-color, $block-background, 80%), 30%);
+	}
+}
diff --git a/simplicity_darkblue/theme/_custom.scss b/simplicity_darkblue/theme/_custom.scss
new file mode 100644
index 0000000..adc0a77
--- /dev/null
+++ b/simplicity_darkblue/theme/_custom.scss
@@ -0,0 +1,6 @@
+//
+//	Add your custom code to this file
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
diff --git a/simplicity_darkblue/theme/_custom_config.scss b/simplicity_darkblue/theme/_custom_config.scss
new file mode 100644
index 0000000..750dc54
--- /dev/null
+++ b/simplicity_darkblue/theme/_custom_config.scss
@@ -0,0 +1,13 @@
+//
+//	Add your custom configuration variables to this file.
+//	See _style_config.scss for list of variables
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
+
+
+// Examples: (commented to prevent it from working)
+// 
+// $show-logo: true;
+// $use-wrapper: false;
diff --git a/simplicity_darkblue/theme/_style_config.scss b/simplicity_darkblue/theme/_style_config.scss
new file mode 100644
index 0000000..0db4383
--- /dev/null
+++ b/simplicity_darkblue/theme/_style_config.scss
@@ -0,0 +1,414 @@
+//
+// Do not edit configuration values in this file.
+//
+// Instead add your own configuration to _custom_config.scss
+// Copy line from this file, paste it to _custom_config.scss and change value.
+//
+
+// Configuration file
+$show-logo:								true !default;	// true or false
+$center-logo:							true !default;	// true or false
+$logo-block-padding:					10px 0 !default;
+$responsive-hide-logo:					false !default;	// Hide logo on mobile devices. true or false
+
+$show-forum-title:						false !default;	// true or false
+
+$profile-width:							150px !default;
+$profile-side:							left !default;	// left or right
+$post-margin:							($profile-width + 10px) !default;
+
+$use-wrapper:							false !default;	// true or false
+$max-width:								none !default;	// Maximum width. Set to "none" to make layout fluid
+
+$split-forums:							true !default;	// Changes layout of forums list. Values are true or false
+
+$tabbed-navigation:						false !default;	// true or false. Toggles tabbed navigation layout
+
+//
+// Fonts
+//
+
+$font-size:								11px !default;	// Base font size
+$font-family:							Verdana, Helvetica, Arial, sans-serif !default;	// Default font
+$line-height:							1.4 !default;	// Line height
+
+$h1-font-size:							$font-size + 10px !default;
+$h1-font-family:						"Trebuchet MS", Arial, Helvetica, sans-serif !default;
+
+$h2-font-size:							$font-size + 8px !default;
+$h2-font-family:						"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$paragraph-line-height:					1.3 !default;
+
+$nav-primary-font-size:					$font-size + 1px !default;
+$nav-secondary-font-size:				$font-size + 1px !default;
+
+$heading-font-size:						$font-size + 4px !default;
+$panel-heading-font-size:				$font-size + 4px !default;
+
+$list-heading-font-size:				$font-size + 1px !default;
+$list-heading-line-height:				$font-size + 7px !default;
+$list-heading-font-family:				"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$forum-heading-font-size:				$list-heading-font-size + 2px !default;
+$forum-heading-font-family:				$list-heading-font-family !default;
+$forum-heading-font-weight:				500 !default;
+
+$button-font-size:						$font-size + 3px !default;
+$button-line-height:					floor(($font-size + 8px) / 2) * 2 !default;	// Convert to even number
+$button-glyph-font-size:				floor($font-size / 2) * 2 !default;	// Convert to even number
+
+$dropdown-header-font-size:				$font-size + 2px !default;
+$dropdown-header-font-family:			Arial, "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$dropdown-header-line-height:			30px !default;
+
+$forum-link-font-size:					$font-size + 5px !default;
+$forum-link-line-height:				1.2 !default;
+$forum-link-font-family:				"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$forum-list-column-font-size:			$font-size + 1px !default;
+$forum-list-last-column-font-size:		$font-size !default;
+$forum-list-description-font-size:		$font-size + 2px !default;
+
+$topic-link-font-size:					$font-size + 4px !default;
+$topic-link-font-family:				$forum-link-font-family !default;
+
+$tab-font-size:							$font-size !default;
+$tab-line-height:						$tab-font-size * 2 + 4px !default;
+
+// Posts
+$post-content-font-size:				$font-size + 2px !default;	// Post content
+$post-content-line-height:				1.4 !default;
+$post-content-font-family:				"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif !default;
+
+$post-title-font-size:					$font-size + 5px !default;
+$post-title-line-height:				1.25 !default;
+$post-title-font-family:				$h2-font-family !default;
+
+$post-signature-font-size:				$font-size + 1px !default;
+$post-quote-font-size:					$post-content-font-size - 1px !default;
+$post-code-font-size:					$post-content-font-size - 1px !default;
+
+$post-block-title-font-size:			$post-quote-font-size !default;	// Quote title, code title
+$post-block-title-line-height:			1.6 !default;
+$post-block-title-font-family:			$post-content-font-family !default;
+
+$post-profile-font-size:				$font-size !default;
+$post-profile-line-height:				$line-height !default;
+
+// Forms
+$input-button-font-size:				$font-size + 2px !default;
+$input-button-font-family:				"Lucida Grande", Verdana, Helvetica, Arial, sans-serif !default;
+$bbcode-button-font-size:				$font-size + 1px !default;
+
+//
+// Color palette
+//
+
+// Absolute black and white colors. Reverse them for dark styles
+$black-color:							#000 !default;		// Main color to mix with. Black for light styles, white for dark styles
+$white-color:							#fff !default;		// Opposite of $black-color
+
+// Page colors
+$page-background:						#e8e8e8 !default;	// HTML element
+$content-background:					#e0e0e0 !default;	// Page inside content wrapper
+$content-border-color:					#e0e0e0 !default;	// Border color for content wrapper
+
+// Primary colors
+$primary-color:							#1f35a6 !default;	// Main color, used for links and stuff
+$secondary-color:						#d0863c !default;	// Secondary color, usually in red - yellow range
+$overlay-color:							$white-color !default;	// Text on top of sections that use colorful background.
+$block-background:						#f4f4f4 !default;	// Background of blocks
+$block-background-reported:				#f5efe9 !default;	// Background for reported posts
+
+// Global color values
+$text-color:							#141414 !default;	// Text color
+$bold-text-color:						$black-color !default;	// Text color with higher contrast to background. #000 or #fff
+$post-text-color:						$text-color !default;	// Text inside posts
+$link-color:							$primary-color !default;	// Links
+$link-hover-color:						$secondary-color !default;	// Links, hover state
+$muted-color:							mix($black-color, $content-background, 40%) !default;	// Gray color
+$faint-color:							mix($black-color, $content-background, 30%) !default;	// Gray color
+$rules-color:							$secondary-color !default;	// Forum rules
+
+//
+// Calculated colors
+//
+
+// Misc. DO NOT EDIT!
+$light:									if(lightness($black-color) < 50%, true, false) !default;
+
+// Blocks
+$block-background2:						#f6f6f6 !default;	// Blocks with .bg2 background color
+$block-background3:						#f8f8f8 !default;	// Blocks with .bg3 background color - mostly UCP/MCP and posting form
+
+$block-border:							#e0e0e0 !default;	// Border color for blocks
+$border-radius:							3px !default;		// Main border radius
+$block-top-border:						lighten($block-background, 10%) !default;	// Top border of forums in forums list
+$block-bottom-border:					darken($block-background, 5%) !default;		// Bottom border of forums in forums list
+$block-inner-border:					$block-bottom-border !default;	// Border inside blocks where there is only 1 border instead of top/bottom borders
+
+$block-title-color:						desaturate($link-color, 5%) !default;	// Title inside blocks, such as post title
+
+// Tabs
+$tab-color:								desaturate($link-color, 20%) !default;
+$tab-background:						$block-background !default;
+
+$tab-hover-color:						$link-hover-color !default;
+$tab-hover-background:					$block-background3 !default;
+
+$tab-selected-color:					mix($text-color, $block-background3, 90%) !default;
+$tab-selected-background:				$block-background3 !default;
+
+// Header
+$header-bg:								$content-background !default;
+$header-text:							$text-color !default;
+$header-link:							$overlay-color !default;
+$header-link-hover:						mix($header-link, $header-bg, 80%) !default;
+
+// Primary navigation
+$primary-nav-bg:						$primary-color !default;
+$primary-nav-color:						$overlay-color !default;
+
+$primary-nav-selected-bg:				$block-background !default;
+$primary-nav-selected-color:			$primary-color !default;
+
+$primary-nav-hover-bg:					$block-background !default;
+$primary-nav-hover-color:				$secondary-color !default;
+
+$primary-nav-alert-bg:					hsl(0, saturation($secondary-color), lightness($secondary-color)) !default;
+$primary-nav-alert-color:				$overlay-color !default;
+$primary-nav-alert-shadow:				1px 1px 3px rgba(0, 0, 0, .2) !default;
+
+// Secondary navigation
+$secondary-nav-hover-link:				$link-hover-color !default;
+
+// Dropdown
+$dropdown-bg:							$block-background !default;
+$dropdown-border:						$primary-color !default;
+$dropdown-shadow:						1px 3px 5px rgba(0, 0, 0, 0.5) !default;
+$dropdown-shadow-up:					1px 0 5px rgba(0, 0, 0, 0.5) !default;
+$dropdown-inner-border:					if($light, darken($dropdown-bg, 10%), lighten($dropdown-bg, 10%)) !default;
+
+$dropdown-heading-top:					$dropdown-border !default;
+$dropdown-heading-bottom:				$dropdown-heading-top !default;
+$dropdown-heading-color:				$overlay-color !default;
+$dropdown-heading-link-color:			$overlay-color !default;
+$dropdown-heading-link-hover-color:		$overlay-color !default;
+
+$forum-description-color:				$overlay-color !default;
+$forum-description-bg:					mix($black-color, $block-background, 75%) !default;
+
+// Notifications
+$notification-unread-bg:				mix($content-background, $rules-color, 90%) !default;
+$notification-unread-color:				$rules-color !default;
+$notification-unread-strong-color:		$black-color !default;
+
+$dropdown-notification-bg:				$block-background !default;
+$dropdown-notification-hover-bg:		$block-background2 !default;
+$dropdown-notification-color:			$link-color !default;
+$dropdown-notification-strong-color:	desaturate(if(lightness($dropdown-notification-color) < 50%, darken($dropdown-notification-color, 30%), lighten($dropdown-notification-color, 30%)), 100%) !default;
+
+// Panels
+$panel-title-color:						desaturate(if($light, darken($primary-color, 10%), lighten($primary-color, 10%)), 25%) !default;
+$panel-title-border:					$block-inner-border !default;
+
+// Content outside of blocks
+$page-title-color:						$primary-color !default;
+$stats-title-color:						$primary-color !default;
+$content-top-border:					lighten($content-background, 10%) !default;
+$content-bottom-border:					darken($content-background, 10%) !default;
+$content-inner-border:					$content-bottom-border !default;
+
+// Heading section
+$heading-bg:							$primary-color !default;
+$heading-border:						$heading-bg !default;
+$heading-color:							$overlay-color !default;
+$heading-link:							$overlay-color !default;
+$heading-link-hover:					$overlay-color !default;
+
+// Inputs
+$input-text:							$text-color !default;	// Input text color
+$input-bg:								$white-color !default;	// Input background
+$input-border:							#c6c6c6 !default;	// Input border color
+$input-hover-text:						$input-text !default;
+$input-hover-bg:						$input-bg !default;
+$input-hover-border:					$secondary-color !default;
+$input-focus-text:						$input-text !default;
+$input-focus-bg:						$input-bg !default;
+$input-focus-border:					$primary-color !default;
+$input-border-radius:					2px !default;
+
+$search-box-border:						#c6c6c6 !default;	// Border for search box block
+$search-box-border-header:				#ccc !default;		// Same as above, for search box in header
+$search-box-shadow:						1px 1px 3px rgba(0, 0, 0, .1) !default;	// Box-shadow for search box in header
+
+// Buttons
+$button-bg:								mix($block-background, $primary-color, 10%) !default;
+$button-border-radius:					3px !default;
+$button-border:							$button-bg !default;
+$button-icon:							$overlay-color !default;
+$button-icon-hover:						$overlay-color !default;
+$button-text:							$overlay-color !default;
+
+$button-top-padding:					2px !default;
+$button-side-padding:					8px !default;
+$button-border-width:					1px !default;
+$button-height:							$button-line-height + ($button-top-padding + $button-border-width) * 2 !default;
+
+$big-button-border-radius:				4px !default;	// For big buttons and blocks like quick search
+
+// BBCode
+$bbcode-border-radius:					0px !default;
+$bbcode-background:						#fff !default;
+$bbcode-background2:					#f4f4f4 !default;
+$bbcode-outer-border:					if($light, darken($bbcode-background, 7%), lighten($bbcode-background, 7%)) !default;
+$bbcode-inner-border:					if($light, darken($bbcode-background, 5%), lighten($bbcode-background, 5%)) !default;
+$bbcode-heading-text:					#666 !default;
+
+// Code colors
+@function code-color($hue) {
+	@return hsl($hue, saturation($primary-color), lightness($primary-color));
+}
+$bbcode-code-color:						code-color(128deg) !default;
+
+// Do not edit few lines below
+$post-side:								if($profile-side == left, right, left) !default;
+
+// Mixins
+@mixin section {
+	background: $block-background;
+	border: 0 solid $block-border;
+	border-radius: $border-radius;
+	padding: 5px 10px;
+}
+
+@mixin section-forum {
+	@include section;
+	padding: 5px;
+}
+
+// Undo section mixin
+@mixin section-empty {
+	background: transparent;
+	border-width: 0;
+	border-radius: 0;
+	box-shadow: none;
+	padding: 0;
+}
+
+// Heading block
+@mixin section-heading {
+	margin: -5px -10px 5px;
+	border-radius: max(0, $border-radius - 1px);
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+	background: $heading-bg;
+	border: 0 solid $heading-border;
+	padding: 5px;
+	text-transform: none;
+	font-size: $heading-font-size;
+	line-height: $line-height;
+	font-weight: normal;
+	color: $heading-color;
+
+	@if $border-radius > 1px {
+		@media (max-width: 700px) {
+			border-radius: 0;
+		}
+	}
+
+	a {
+		color: $heading-link;
+		&:hover {
+			color: $heading-link-hover;
+		}
+	}
+}
+
+@mixin section-heading-forum {
+	@include section-heading;
+	@if $split-forums == false {
+		margin: -5px -5px 0;
+	}
+	@else {
+		@include section-heading-separate;
+		margin: 0;
+	}
+}
+
+@mixin section-heading-separate {
+	border-radius: $border-radius;
+}
+
+@mixin section-heading-cp {
+	background-color: transparent;
+	color: $stats-title-color;
+	background-image: none;
+	a {
+		color: $link-color;
+		&:hover {
+			color: $link-hover-color;
+		}
+	}
+}
+
+@mixin table-heading {
+	background: $heading-bg;
+	border: 0 solid $heading-border;
+	color: $heading-color;
+
+	@if $border-radius > 1px {
+		&:first-child {
+			border-top-left-radius: max(0, $border-radius - 1px);
+		}
+		&:last-child {
+			border-top-right-radius: max(0, $border-radius - 1px);
+		}
+	}
+}
+
+@mixin table-heading-transparent {
+	background: transparent;
+	color: inherit;
+}
+
+@mixin placeholder {
+	&::-moz-placeholder {
+		@content 
+	}
+	&::-webkit-input-placeholder {
+		@content
+	}
+	&:-ms-input-placeholder {
+		@content
+	}
+}
+
+@mixin tabbed-nav-layout-all {
+	@if ($use-wrapper) {
+		&, #wrap & {
+			@content;
+		}
+	}
+	@else {
+		@content;
+	}
+}
+
+@mixin tabbed-nav-layout-alt {
+	@if ($use-wrapper) {
+		@content;
+	}
+}
+
+@mixin tabbed-nav-layout-default {
+	@if ($use-wrapper) {
+		#wrap & {
+			@content;
+		}
+	}
+	@else {
+		@content;
+	}
+}
diff --git a/simplicity_darkblue/theme/bidi.css b/simplicity_darkblue/theme/bidi.css
new file mode 100644
index 0000000..f6c92ae
--- /dev/null
+++ b/simplicity_darkblue/theme/bidi.css
@@ -0,0 +1,4 @@
+/* RTL definitions
+---------------------------------------- */
+
+@import "../../simplicity/theme/bidi.css";
\ No newline at end of file
diff --git a/simplicity_darkblue/theme/common/_buttons.scss b/simplicity_darkblue/theme/common/_buttons.scss
new file mode 100644
index 0000000..eed1254
--- /dev/null
+++ b/simplicity_darkblue/theme/common/_buttons.scss
@@ -0,0 +1,304 @@
+// Button Styles
+// ----------------------------------------
+
+$button-inner-height:	$button-line-height + $button-top-padding * 2;
+$button-outer-height:	$button-inner-height + $button-border-width * 2;
+
+.button {
+	display: inline-block;
+	padding: $button-top-padding $button-side-padding;
+	font-size: $button-font-size;
+	font-weight: 600;
+	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;		
+	line-height: $button-line-height;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	-ms-touch-action: manipulation;
+	    touch-action: manipulation;
+	cursor: pointer;
+	-webkit-user-select: none;
+	   -moz-user-select: none;
+	    -ms-user-select: none;
+	        user-select: none;
+	border: $button-border-width solid transparent;
+	border-radius: $big-button-border-radius;
+
+	& > strong {
+		font-weight: 600;
+	}
+}
+
+.button:focus,
+.button:hover {
+ 	text-decoration: none;
+ 	outline: none;
+}
+
+.caret {
+	border-left: 1px solid;
+	position: relative;
+	right: -6px;
+}
+
+.caret i {
+	vertical-align: top;
+}
+
+/* Posting page styles
+----------------------------------------*/
+.button-search,
+.button-search-end  {
+	float: left;
+	border-radius: 0;
+	margin: 0;
+	padding: 2px 5px;
+}
+
+.button-search-end {
+	border-left-width: 0;
+	border-radius: 0 4px 4px 0;
+}
+
+.search-header .button-search,
+.search-header .button-search-end {
+	border-top-width: 0;
+	border-bottom-width: 0;
+	padding: 3px 5px;
+}
+
+.search-header .button-search-end {
+	border-right-width: 0;
+}
+
+.button-icon-only {
+	padding-left: 3px;
+	padding-right: 3px;
+}
+
+// Poster contact icons
+// ----------------------------------------
+.contact-icons.dropdown-contents {
+	min-width: 0;
+	padding: 0;
+	font-size: 0;
+}
+
+.contact-icon {
+	position: relative;
+	display: block;
+	height: 16px;
+	width: 16px;
+	&:after {
+		content: '';
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		text-align: center;
+		font-family: FontAwesome;
+		font-size: 14px;
+		line-height: 16px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+}
+.contact-icons a {
+	border-bottom: 1px dotted;
+	border-right: 1px dotted;
+	display: block;
+	float: left;
+	padding: 8px;
+}
+
+%contact-icon-gi {
+	font-family: 'Glyphicons Regular', 'Glyphicons';
+}
+
+.contact-icons .last-cell {
+	border-right: none;
+}
+
+.contact-icons div:last-child a {
+	border-bottom: none;
+}
+
+.contact-icons div {
+	clear: left;
+}
+
+// Profile icons
+.pm-icon:after {
+	content: '\f086';	// fa-comments
+}
+.email-icon:after {
+	content: '\f0e0';	// fa-envelope
+}
+.jabber-icon:after {
+	content: '\f0eb';	// fa-lightbulb-o
+	font-size: 16px;
+}
+.phpbb_icq-icon:after {
+	content: '\f013';	// fa-cog
+}
+.phpbb_wlm-icon:after {
+	content: '\f007';	// fa-user
+}
+.phpbb_aol-icon:after {
+	content: '\f2bb';	// fa-address-card
+}
+.phpbb_website-icon:after {
+	content: '\f08e';	// fa-external-link
+}
+.phpbb_youtube-icon:after {
+	content: '\f16a';	// fa-youtube-play
+}
+.phpbb_facebook-icon:after {
+	content: '\f230';	// fa-facebook-official
+}
+.phpbb_googleplus-icon:after {
+	content: '\f0d5';	// fa-google-plus
+}
+.phpbb_skype-icon:after {
+	content: '\f17e';	// fa-skype
+}
+.phpbb_twitter-icon:after {
+	content: '\f099';	// fa-twitter
+}
+.phpbb_yahoo-icon:after {
+	content: '\f19e';	// fa-yahoo
+}
+
+
+// Post control buttons
+// ---------------------------------------------
+.post-buttons {
+	float: right;
+	list-style: none;
+	margin-top: 2px;
+	.rtl & {
+		float: left;
+	}
+}
+
+.has-profile .post-buttons {
+	float: none;
+	position: absolute;
+	margin: 0;
+	top: 5px;
+
+	@if $profile-side == left {
+		right: 0;
+		.rtl & {
+			left: 0;
+		}
+	}
+	@else {
+		right: $post-margin;
+		.rtl & {
+			left: $post-margin;
+		}
+	}
+
+	.rtl & {
+		right: auto;
+	}
+}
+
+.post-buttons > li {
+	float: left;
+	margin-right: 3px;
+}
+
+.post-buttons .button, .format-buttons .button {
+	padding-left: 3px;
+	padding-right: 3px;
+}
+
+
+.hastouch .post-buttons {
+	margin-right: 10px;
+}
+
+.post-buttons .button span {
+	font-size: 0;
+}
+
+// Responsive buttons in post body
+.post-buttons .dropdown {
+	top: 20px;
+}
+
+$post-dropdown-glyphs-font-size:	floor($dropdown-content-font-size / 2) * 2;
+
+.post-buttons .dropdown a {
+	display: block;
+	font-size: $dropdown-content-font-size;
+	line-height: $dropdown-content-line-height;
+	text-align: left;
+	margin-left: 18px;
+	position: relative;
+	&:before {
+		position: absolute;
+		left: -16px;
+		top: 50%;
+		height: $post-dropdown-glyphs-font-size;
+		line-height: $post-dropdown-glyphs-font-size + 2px;
+		margin: -#{$post-dropdown-glyphs-font-size / 2} 0 0;
+		pointer-events: none;
+		color: inherit;
+	}
+	.rtl & {
+		text-align: right;
+	}
+}
+
+.hasjs .postbody .post-buttons {
+	max-width: 40%;
+}
+
+// Browser-specific tweaks
+button::-moz-focus-inner {
+	padding: 0;
+	border: 0
+}
+
+
+/* Deprecated as of version 3.2
+-------------------------------------------------*/
+.small-icon {
+	background-position: 0 50%;
+	background-repeat: no-repeat;
+	background-image: none;
+}
+
+.dropdown .small-icon {
+	background-position: 5px 50%;
+	padding: 5px;
+}
+
+.small-icon > a {
+	padding: 0 0 0 18px;
+}
+
+ul.linklist.bulletin > li.small-icon:before {
+	display: none;
+}
+
+.dropdown .small-icon > a {
+	display: block;
+}
+
+.rtl .small-icon {
+	background-position: 100% 50%;
+}
+
+.rtl .small-icon > a {
+	padding-left: 0;
+	padding-right: 19px;
+}
diff --git a/simplicity_darkblue/theme/common/_common.scss b/simplicity_darkblue/theme/common/_common.scss
new file mode 100644
index 0000000..7503c91
--- /dev/null
+++ b/simplicity_darkblue/theme/common/_common.scss
@@ -0,0 +1,2336 @@
+// CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
+// ----------------------------------------
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+// HTML5 display-role reset for older browsers
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+abbr {
+	text-decoration: none;
+}
+
+// Useful stuff
+%clearfix {
+	&:after, &:before {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+}
+
+// General Markup Styles
+// ----------------------------------------
+html {
+	font-size: 100%;
+	height: 100%;
+}
+
+body {
+	font-family: $font-family;
+	font-size: $font-size;
+	line-height: $line-height;
+	margin: 0;
+	padding: 0 0 12px;
+	word-wrap: break-word;
+	min-height: 100%;
+	box-sizing: border-box;
+	-webkit-print-color-adjust: exact;
+}
+
+$h1-font-size:		$font-size + 10px !default;
+$h1-line-height:	inherit !default;
+
+h1, p.sitename {
+	// Forum name
+	font-family: $h1-font-family;
+	margin-right: 200px;
+	margin-top: 15px;
+	margin-bottom: 0;
+	font-weight: bold;
+	font-size: $h1-font-size;
+	line-height: $h1-line-height;
+}
+
+h2 {
+	// Forum header titles
+	font-family: $h2-font-family;
+	font-weight: normal;
+	font-size: $h2-font-size;
+	margin: 0.8em 0 0.2em 0;
+}
+
+h2.solo {
+	margin-bottom: 1em;
+}
+
+$h3-font-size:			($h2-font-size - 2px) !default;
+$h3-font-family:		$h2-font-family !default;
+
+h3 {
+	// Sub-headers (also used as post headers, but defined later)
+	font-family: $h3-font-family;
+	font-weight: 500;
+	margin-bottom: 5px;
+	font-size: $h3-font-size;
+	margin-top: 20px;
+}
+
+$h4-font-size:			ceil($font-size * 1.3) !default;
+$h4-font-family:		$h1-font-family !default;
+
+h4 {
+	// Forum and topic list titles
+	font-family: $h4-font-family;
+	font-size: $h4-font-size;
+}
+
+$paragraph-font-size:	$font-size !default;
+
+p {
+	line-height: $paragraph-line-height;
+	font-size: $paragraph-font-size;
+	margin-bottom: 1.5em;
+}
+
+img {
+	border-width: 0;
+}
+
+hr {
+	border: 0 solid transparent;
+	border-top-width: 1px;
+	height: 1px;
+	margin: 5px 0;
+	display: block;
+	clear: both;
+}
+
+hr.dashed {
+	border-top-style: dashed;
+	margin: 10px 0;
+}
+
+hr.divider {
+	display: none;
+}
+
+p.right {
+	text-align: right;
+}
+
+p.jumpbox-return {
+	margin-top: 10px;
+	margin-bottom: 0;
+	float: left;
+}
+
+b, strong {
+	font-weight: bold;
+}
+
+.text-strong {
+	font-weight: bold;
+}
+
+i, em {
+	font-style: italic;
+}
+
+.text-italics {
+	font-style: italic;
+}
+
+u {
+	text-decoration: underline;
+}
+
+ul {
+	list-style-type: disc;
+}
+
+ol {
+	list-style-type: decimal;
+}
+
+li {
+	display: list-item;
+}
+
+ul ul, ol ul {
+	list-style-type: circle;
+}
+
+ol ol ul, ol ul ul, ul ol ul, ul ul ul {
+	list-style-type: square;
+}
+
+
+// Main blocks
+// ----------------------------------------
+@mixin wrapper-padding {
+	padding: 10px;
+}
+
+#wrap {
+	@if $use-wrapper {
+		border: 1px solid transparent;
+		border-radius: 8px;
+		@include wrapper-padding;
+	}
+}
+
+@mixin page-width {
+	box-sizing: border-box;
+	margin: 0 auto;
+	max-width: $max-width;
+	min-width: 625px;
+	@if $max-width != none {
+		@media (max-width: ($max-width + 24px)) {
+			margin: 0 12px;
+		}
+	}
+	@else {
+		margin: 0 12px;
+	}
+}
+.page-width {
+	@include page-width;
+}
+
+.page-width .page-width {
+	margin: 0;
+}
+
+.page-body {
+	margin: 4px 0;
+	#wrap > &:first-of-type {
+		margin-top: 0;
+	}
+	#wrap > &:last-of-type {
+		margin-bottom: 0;
+	}
+	clear: both;
+}
+
+.page-footer {
+	clear: both;
+	#wrap + & {
+		margin-top: 5px;
+	}
+}
+
+.page-footer h3 {
+	margin-top: 20px;
+}
+
+.logo {
+	@if $show-logo == true {
+		display: block;
+		box-sizing: border-box;
+		max-width: 100%;
+		@if $center-logo == true {
+			&, & img {
+				margin: 0 auto;
+			}
+		}
+		@else {
+			float: left;
+		}
+		img {
+			display: block;
+			max-width: 100%;
+		}
+		padding: $logo-block-padding;
+		&:hover {
+			text-decoration: none;
+		}
+	}
+	@else {
+		display: none;
+	}
+}
+
+// Site description and logo
+.site-description {
+	@extend %clearfix;
+	h1, p.sitename {
+		margin-left: 0;
+		margin-right: 0;
+	}
+
+	@if $center-logo == true {
+		text-align: center;
+	}
+
+	@if $show-forum-title == false {
+		h1, p {
+			display: none;
+		}
+	}
+}
+
+// Round cornered boxes and backgrounds
+// ----------------------------------------
+.headerbar {
+	& > .inner {
+		position: relative;
+	}
+}
+
+$nav-primary-glyph-font-size:	$nav-primary-font-size + 2px !default;
+$nav-primary-glyph-margin:		0px - ($nav-primary-glyph-font-size  / 2) !default;
+
+$nav-alert-font-size:		9px !default;
+
+.navbar {
+	$navtabs-border-radius: min(5px, $border-radius) !default;
+	$navtabs-border-radius-small: max(0px, $navtabs-border-radius - 2) !default;
+	$tab-height: $nav-primary-font-size + 18px !default;
+	$tab-padding: 12px !default;
+	$tab-padding-glyph: 8px !default;
+
+	@include section;
+	padding: 0 9px;
+	clear: both;
+
+	&.tabbed, &.secondary {
+		@include section-empty;
+	}
+
+	.page-body & {
+		margin-bottom: 10px;
+	}
+	+ .navbar {
+		margin-top: 5px;
+	}
+	&.tabbed {
+		padding: 0;
+	}
+	&.secondary {
+		@extend %clearfix;
+		margin: 0;
+		padding: 1px 0;
+		> ul {
+			list-style-type: none;
+			margin: 0;
+			padding: 0;
+		}
+		> ul > li {
+			position: relative;
+			display: inline-block;
+			margin: 0;
+			padding: 0;
+			> a {
+				display: inline-block;
+				color: inherit;
+				padding: 1px 8px;
+				text-align: center;
+				line-height: $nav-secondary-font-size + 14px;
+				font-size: $nav-secondary-font-size;
+			}
+			&:hover {
+				> a {
+					text-decoration: none;
+				}
+				border-radius: 3px;
+			}
+			&.small-icon > a {
+				padding-left: 18px;
+			}
+			.dropdown {
+				top: $nav-secondary-font-size + 16px;
+			}
+			&.dropdown-up .dropdown {
+				top: auto;
+				bottom: $nav-secondary-font-size + 16px;
+			}
+			&.search-box {
+				display: block;
+				margin: 0;
+				float: right;
+				.rtl & {
+					float: left;
+				}
+				&, &:hover {
+					border-radius: 0;
+					border-width: 0;
+					box-shadow: none;
+					background: none;
+					filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+				}
+			}
+		}
+		+ .nav-breadcrumbs {
+			margin-top: 0;
+		}
+	}
+
+	li.small-icon > a {
+		padding-left: 18px;
+	}
+
+	.nav-tabs {
+		border-radius: $navtabs-border-radius;
+		& .leftside {
+			& .tab:first-child,
+			& .tab.first-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+			}
+		}
+		.rtl & .rightside {
+			& .tab:last-child,
+			& .tab.last-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+			}
+		}
+		& .rightside {
+			& .tab:last-child,
+			& .tab.last-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+			}
+		}
+		.rtl & .leftside {
+			& .tab:first-child,
+			& .tab.first-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+			}
+		}
+
+		@extend %clearfix;
+
+		& > ul {
+			list-style-type: none;
+			margin: 0;
+			height: $tab-height;
+
+			&.leftside, .rtl &.rightside {
+				float: left;
+			}
+			&.rightside, .rtl &.leftside {
+				float: right;
+			}
+
+			& > li {
+				float: left;
+				height: $tab-height;
+			}
+			.rtl & > li {
+				float: right;
+			}
+			.quick-links {
+				margin: 0;
+				&.empty {
+					display: none;
+				}
+				&.showing-responsive-menu {
+					display: block;
+				}
+			}
+		}
+
+		.nav-link {
+			text-decoration: none;
+			color: inherit;
+			display: inline-block;
+			height: $tab-height;
+			line-height: $tab-height;
+			padding: 0 $tab-padding;
+			vertical-align: baseline;
+			font-size: $nav-primary-font-size;
+			outline-style: none;
+			&.dropdown-toggle {
+				position: relative;
+				&:before {
+					$nav-primary-font-size-toggle:	ceil($nav-primary-font-size * 2 / 3) !default;
+					content: '\f078';	// fa-chevron-down
+					font-family: FontAwesome;
+					position: absolute;
+					right: 12px;
+					top: 50%;
+					font-size: $nav-primary-font-size-toggle;
+					line-height: $nav-primary-font-size;
+					width: $nav-primary-font-size-toggle;
+					height: $nav-primary-font-size;
+					margin-top: -6px;
+					.rtl & {
+						right: auto;
+						left: 12px;
+					}
+				}
+				&:hover:before {
+				}
+			}
+			.username-coloured {
+				color: inherit !important;
+				font-weight: inherit;
+				font-style: inherit;
+			}
+		}
+
+		.responsive-menu .nav-link:before,
+		.dropdown-visible .nav-link:before {
+          		content: '\f077'; // fa-chevron-up
+          		font-family: FontAwesome;
+          		position: absolute;
+          		right: 12px;
+         		top: 50%;
+          		font-size: 9px;
+          		line-height: 13px;
+          		width: 9px;
+          		height: 13px;
+          		margin-top: -6px;
+		}
+
+		.dropdown {
+			top: $tab-height;
+			.dropdown-up & {
+				top: auto;
+				bottom: $tab-height;
+			}
+		}
+
+		.tab {
+			position: relative;
+			// Alert
+			& > strong {
+				display: none;
+				font-weight: bold;
+				font-size: $nav-alert-font-size;
+				padding: 0 2px;
+				border-radius: 3px;
+				position: absolute;
+				right: 5px;
+				top: -10px;
+				line-height: $nav-alert-font-size + 5px;
+				min-width: 10px;
+				_width: 10px;
+				text-align: center;
+				text-shadow: none;
+				white-space: nowrap;
+				word-wrap: normal;
+				height: $nav-alert-font-size + 5px;
+				pointer-events: none;
+				.rtl & {
+					right: auto;
+					left: 5px;
+				}
+				.arrow {
+					border: 3px solid transparent;
+					border-bottom: 1px none black;
+					position: absolute;
+					bottom: -3px;
+					right: 4px;
+					line-height: 0;
+					text-shadow: none;
+					_display: none;
+					width: 0;
+					height: 0;
+				}
+			}
+			&.non-zero > strong {
+				display: block;
+			}
+		}
+
+		// Glyphs
+		%glyph {
+			position: relative;
+			padding-left: ($tab-padding + 18px);
+			&:after {
+				position: absolute;
+				left: $tab-padding;
+				top: 50%;
+				margin-top: $nav-primary-glyph-margin;
+				width: $nav-primary-glyph-font-size;
+				font-size: $nav-primary-font-size;
+				line-height: $nav-primary-glyph-font-size;
+				height: $nav-primary-glyph-font-size;
+				text-align: left;
+				font-weight: normal;
+				font-style: normal;
+				text-indent: 0;
+			}
+			.rtl & {
+			}
+			.rtl &:after {
+				left: auto;
+				right: $tab-padding;
+			}
+		}
+		%glyph-only {
+			@extend %glyph;
+			text-indent: 999px;
+			width: $nav-primary-glyph-font-size;
+			padding: 0 $tab-padding-glyph;
+			overflow: hidden;
+			&:after {
+				text-align: center;
+				font-size: $nav-primary-glyph-font-size;
+				left: $tab-padding-glyph;
+			}
+			.rtl &:after {
+				left: auto;
+				right: $tab-padding-glyph;
+			}
+			& + strong {
+				right: -2px;
+				.rtl & {
+					right: auto;
+					left: -2px;
+				}
+			}
+		}
+		@media (max-width: 550px) {
+			%glyph-only-media {
+				text-indent: 999px;
+				width: $nav-primary-glyph-font-size;
+				padding: 0 $tab-padding-glyph;
+				overflow: hidden;
+				&:after {
+					text-align: center;
+					font-size: $nav-primary-glyph-font-size;
+					left: $tab-padding-glyph;
+				}
+				.rtl &:after {
+					left: auto;
+					right: $tab-padding-glyph;
+				}
+				& + strong {
+					right: -2px;
+					.rtl & {
+						right: auto;
+						left: -2px;
+					}
+				}
+			}
+		}
+
+		%glyph-fa {
+			font-family: FontAwesome;
+		}
+
+		.responsive-menu .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0c9';	// fa-bars
+			}
+		}
+
+		.members .nav-link {
+			@extend %glyph;
+			padding-left: ($tab-padding + 20px);
+			padding-right: ($tab-padding + 12px);
+			.rtl & {
+				padding-left: ($tab-padding + 12px);
+				padding-right: ($tab-padding + 20px);
+			}
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0c0';	// fa-groups
+			}
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+				padding: 0 $tab-padding-glyph !important;
+			}
+		}
+
+		.forums .nav-link {
+			@extend %glyph;
+			.rtl & {
+				padding-left: $tab-padding;
+				padding-right: ($tab-padding + 20px);
+			}
+			&:after {
+				@extend %glyph-fa;
+				content: '\f075';	// fa-comment
+			}
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+
+		.account .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f007';	// fa-user
+			}
+		}
+
+		.pm .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f01c';	// fa-inbox
+			}
+		}
+
+		.notifications .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0f3';	// fa-bell
+				font-size: $nav-primary-glyph-font-size - 1px;
+			}
+		}
+
+		.mcp .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0e3';	// fa-gavel
+			}
+		}
+
+		.acp .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f085';	// fa-cogs
+			}
+		}
+
+		.faq .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f059';	// fa-question-circle
+			}
+		}
+
+		@media (max-width: 550px) {
+			.faq {
+				&, & .nav-link {
+					display: none !important;
+				}
+			}
+		}
+
+		.logout .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f08b';	// fa-sign-out
+				margin-left: 1px;
+			}
+		}
+
+		.login .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f090';	// fa-sign-in
+			}
+		}
+
+		.register .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f234';	// fa-user-plus
+			}
+		}
+
+		// Commonly used links for extensions
+		.boardrules .nav-link {
+			&:after {
+				@extend %glyph-fa;
+				content: '\f071';	// fa-exclamation-triangle
+			}
+		}
+		.leftside .boardrules .nav-link {
+			@extend %glyph;
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+		.rightside .boardrules .nav-link {
+			@extend %glyph-only;
+		}
+
+		.pages .nav-link {
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0f6';	// fa-file-text-o
+			}
+		}
+		.leftside .pages .nav-link {
+			@extend %glyph;
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+		.rightside .pages .nav-link {
+			@extend %glyph-only;
+		}
+	}
+
+	// Tabbed navigation
+	@if $tabbed-navigation {
+		&.tabbed.not-static {
+
+			@if $use-wrapper {
+				// Add spacing between top of wrapper and tabs on mobile devices
+				@media (max-width: 700px) {
+					#wrap > div:first-child > &:first-child:before {
+						content: '';
+						display: block;
+						height: 10px;
+					}
+				}
+			}
+
+			.nav-tabs {
+				background: none;
+				box-shadow: none;
+				border-radius: 0;
+				border-width: 0;
+				padding: 0 10px;
+
+				.quick-links {
+					margin: 0 3px;
+				}
+				li.tab {
+					// Tabs layout
+					margin: 0 3px;
+					padding: 0;
+					border-width: 0;
+					border-radius: 0;
+					text-shadow: none;
+
+					@include tabbed-nav-layout-alt {
+						border-top-left-radius: ($navtabs-border-radius + 2);
+						border-top-right-radius: ($navtabs-border-radius + 2);
+					}
+
+					@include tabbed-nav-layout-default {
+						border-top-left-radius: $navtabs-border-radius;
+						border-top-right-radius: $navtabs-border-radius;
+					}
+
+					@media (max-width: 700px) {
+						margin: 0 2px;
+					}
+
+					// Link
+					.nav-link.dropdown-toggle {
+						&:before {
+							display: none;
+							right: 2px;
+							.rtl & {
+								right: auto;
+								left: 2px;
+							}
+						}
+						&:hover:before {
+							display: block;
+						}
+					}
+
+					// Dropdown position
+					&.dropdown-right .dropdown {
+						left: -1px;
+					}
+
+					&.dropdown-left .dropdown {
+						right: -1px;
+					}
+
+					&.dropdown-down .dropdown {
+						top: ($tab-height - 1);
+					}
+
+					&.dropdown-up .dropdown {
+						bottom: ($tab-height - 1);
+					}
+				}
+
+				.rightside li.tab {
+					margin: 0 2px;
+				}
+			}
+
+			// Second row
+			+ .navbar.secondary {
+				border-width: 0;
+				border-radius: $border-radius;
+				font-size: $nav-secondary-font-size;
+				z-index: 2;
+				position: relative;
+				margin: 0 0 10px;
+				padding: 0 5px;
+
+				@media (max-width: 700px) {
+					border-radius: 0;
+					border-left-width: 0;
+					border-right-width: 0;
+				}
+			}
+		}
+	}
+
+	// Static navigation
+	.inner.static {
+		position: fixed;
+		top: 0;
+		z-index: 50;
+		left: 0;
+		right: 0;
+		padding-top: 0;
+		padding-bottom: 0;
+		width: auto;
+		max-width: none;
+		opacity: .9;
+		transition: opacity .2s;
+		@if $use-wrapper {
+			#wrap & > .static-inner {
+				@include wrapper-padding;
+			}
+		}
+		& > .static-inner {
+			@include page-width;
+			padding-top: 0 !important;
+			padding-bottom: 0 !important;
+		}
+		&:hover {
+			opacity: 1;
+		}
+		.nav-tabs {
+			border-radius: 0;
+			& .leftside, .rtl & .rightside {
+				& .tab:first-child,
+				& .tab.first-visible {
+					border-radius: 0;
+				}
+			}
+			& .rightside, .rtl & .leftside {
+				& .tab:last-child,
+				& .tab.last-visible {
+					border-radius: 0;
+				}
+			}
+			.tab > strong {
+				position: relative;
+				top: 0;
+				left: 0;
+				right: 0;
+				bottom: 0;
+				vertical-align: top;
+				margin-top: 8px;
+				margin-left: -7px;
+				margin-right: 5px;
+				padding-bottom: 1px;
+				pointer-events: none;
+				.arrow {
+					display: none;
+				}
+			}
+			.tab.non-zero > strong {
+				display: inline-block;
+			}
+			.pm > .nav-link + strong {
+				margin-left: -5px;
+			}
+		}
+	}
+}
+
+.forabg {
+	@if $split-forums == false {
+		@include section-forum;
+		margin-bottom: 4px;
+		clear: both;
+		& + .forabg {
+			margin-top: 10px;
+		}
+	}
+	@else {
+		padding: 0;
+		margin: 10px 0;
+	}
+}
+
+.forumbg {
+	@if $split-forums == false {
+		@include section-forum;
+		margin-bottom: 4px;
+		clear: both;
+
+		&.forumbg-table {
+			@include section-empty;
+			padding: 0 1px;
+		}
+	}
+	@else {
+		padding: 0;
+	}
+}
+
+.panel {
+	@include section;
+	margin-bottom: 10px;
+	padding: 5px 10px;
+
+	// UCP/MCP panel
+	&.bg3 {
+		border-radius: 0;
+		border-width: 0;
+		box-shadow: none;
+		border-top: 3px solid transparent;
+		position: relative;
+		&:before, &:after {
+			content: '';
+			position: absolute;
+			top: 0;
+			width: 3px;
+			height: 50px;
+		}
+		&:before {
+			left: 0;
+		}
+		&:after {
+			right: 0;
+		}
+	}
+
+	// Posting form
+	.postform &.panel {
+		border-radius: $border-radius;
+	}
+}
+
+$panel-heading-line-height:	$line-height !default;
+
+.panel > .inner > h3:first-child,
+.panel > h3:first-child {
+	@include section-heading;
+	padding-left: 10px;
+	padding-right: 10px;
+	.panel-container & {
+		font-size: $panel-heading-font-size;
+		line-height: $panel-heading-line-height;
+	}
+}
+
+.post {
+	@include section;
+	padding: 0;
+	margin-bottom: 10px;
+	position: relative;
+}
+
+.post > .inner {
+	padding: 5px 10px;
+}
+
+.rowbg {
+	margin: 5px 5px 2px 5px;
+}
+
+// Horizontal lists
+// ----------------------------------------
+.navbar ul.linklist {
+	padding: 2px 0;
+}
+
+ul.linklist {
+	display: block;
+	margin: 0;
+}
+
+.cp-main .panel {
+	padding: 5px 10px;
+}
+
+$list-font-size:	$font-size !default;
+$list-line-height:	2 !default;
+ul.linklist > li {
+	float: left;
+	font-size: $list-font-size;
+	line-height: $list-line-height;
+	list-style-type: none;
+	margin-right: 7px;
+	padding-top: 1px;
+	width: auto;
+	&, &.rightside {
+		&.icon-only {
+			text-align: center;
+			min-width: 20px;
+		}
+	}
+}
+
+ul.linklist > li.rightside, p.rightside, a.rightside {
+	float: right;
+	margin-right: 0;
+	margin-left: 7px;
+	text-align: right;
+}
+
+ul.navlinks {
+	border-top: 1px solid transparent;
+	&.nav-breadcrumbs {
+		border-top-width: 0;
+	}
+}
+
+ul.leftside {
+	float: left;
+	margin-left: 0;
+	margin-right: 5px;
+	text-align: left;
+}
+
+ul.rightside {
+	float: right;
+	margin-left: 5px;
+	margin-right: -5px;
+	text-align: right;
+}
+
+ul.linklist li.responsive-menu {
+	position: relative;
+	margin: 0 5px;
+}
+
+$responsive-menu-font-size:		$font-size + 2px !default;
+
+.fa-bars:before {
+	display: none;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+	display: inline-block;
+	margin: 0 5px;
+	font-size: $responsive-menu-font-size + 4px;
+	position: relative;
+	width: $responsive-menu-font-size + 4px;
+	line-height: $responsive-menu-font-size + 8px;
+	text-decoration: none;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+	&:before {
+		content: '\f0c9';	// fa-bars
+		font-family: FontAwesome;
+		position: absolute;
+		left: 0;
+		top: 50%;
+		margin-top: -#{$responsive-menu-font-size / 2};
+		width: $responsive-menu-font-size + 2px;
+		font-size: $responsive-menu-font-size;
+		line-height: $responsive-menu-font-size;
+		height: $responsive-menu-font-size;
+		text-align: center;
+		font-weight: normal;
+		font-style: normal;
+		text-indent: 0;
+	}
+	&:hover:before {
+		font-family: FontAwesome;
+		content: '\f078';	// fa-chevron-down
+	}
+}
+
+.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
+	max-width: 48%;
+}
+
+.hasjs ul.linklist.fullwidth {
+	max-width: none;
+}
+
+li.responsive-menu.dropdown-right .dropdown {
+}
+
+li.responsive-menu.dropdown-left .dropdown {
+}
+
+ul.linklist .dropdown {
+	top: $list-font-size * 2;
+}
+
+ul.linklist .dropdown-up .dropdown {
+	bottom: $list-font-size * 2;
+	top: auto;
+}
+
+// Bulletin icons for list items
+// ----------------------------------------
+ul.linklist.bulletin > li:before {
+	display: inline-block;
+	content: "\2022";
+	font-size: inherit;
+	line-height: inherit;
+	padding-right: 4px;
+}
+
+ul.linklist.bulletin > li:first-child:before,
+ul.linklist.bulletin > li.rightside:last-child:before {
+	content: none;
+}
+
+ul.linklist.bulletin > li.no-bulletin:before {
+	content: none;
+}
+
+.responsive-menu:before {
+	display: none !important;
+}
+
+// Profile in overall_header.html
+.header-profile {
+	display: inline-block;
+	vertical-align: top;
+}
+
+.header-avatar:hover {
+	text-decoration: none;
+}
+
+.header-avatar img {
+	margin-bottom: 2px;
+	max-height: 20px;
+	vertical-align: middle;
+	width: auto;
+}
+
+.header-avatar span:after {
+	content: '\f078';	// fa-chevron-down
+	font-family: FontAwesome;
+	display: inline-block;
+	font-size: 7px;
+	float: right;
+	padding-left: 2px;
+	font-weight: normal;
+	opacity: 0.7;
+}
+
+// Dropdown menu
+// ----------------------------------------
+.dropdown-container {
+	position: relative;
+}
+
+.dropdown-container-right {
+	float: right;
+}
+
+.dropdown-container-left {
+	float: left;
+}
+
+.nojs .dropdown-container:hover .dropdown {
+	display: block !important;
+}
+
+.dropdown {
+	display: none;
+	position: absolute;
+	left: 0;
+	top: if(unitless($line-height), #{$line-height}em, $line-height);
+	z-index: 30;
+	padding: 0;
+	margin-right: -500px;
+}
+
+.dropdown.live-search {
+	top: auto;
+}
+
+.dropdown-container.topic-tools {
+	float: left;
+}
+
+.dropdown-up .dropdown {
+	top: auto;
+	bottom: if(unitless($line-height), #{$line-height}em, $line-height);
+}
+
+.dropdown-left .dropdown, .nojs .rightside .dropdown {
+	left: auto;
+	right: 0;
+	margin-left: -500px;
+	margin-right: 0;
+}
+
+.dropdown-button-control .dropdown {
+	top: $button-height;
+}
+
+.dropdown-button-control.dropdown-up .dropdown {
+	top: auto;
+	bottom: $button-height;
+}
+
+.dropdown .pointer, .dropdown .pointer-inner {
+	position: absolute;
+	width: 0;
+	height: 0;
+	border-top-width: 0;
+	border-bottom: 10px solid transparent;
+	border-left: 10px dashed transparent;
+	border-right: 10px dashed transparent;
+	-webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
+	display: block;
+}
+
+.dropdown-up .pointer, .dropdown-up .pointer-inner {
+	border-bottom-width: 0;
+	border-top: 10px solid transparent;
+}
+
+.dropdown .pointer {
+	right: auto;
+	left: 10px;
+	top: 0;
+	z-index: 3;
+}
+
+.dropdown-up .pointer {
+	bottom: 0;
+	top: auto;
+}
+
+.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
+	left: auto;
+	right: 10px;
+}
+
+.dropdown .pointer-inner {
+	top: auto;
+	bottom: -11px;
+	left: -10px;
+}
+
+.dropdown-up .pointer-inner {
+	bottom: auto;
+	top: -11px;
+}
+
+.dropdown .dropdown-contents {
+	z-index: 30;
+	overflow: hidden;
+	overflow-y: auto;
+	border: 0px solid transparent;
+	border-radius: 0 0 min($border-radius, 5px) min($border-radius, 5px);
+	border-top-width: 3px;
+	padding: 5px;
+	position: relative;
+	min-width: 40px;
+	max-height: 300px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	.notifications & {
+		min-width: 300px;
+	}
+}
+
+.dropdown-up .dropdown-contents {
+	border-bottom-width: 3px;
+	border-top-width: 0;
+	border-radius: min($border-radius, 5px) min($border-radius, 5px) 0 0;
+}
+
+$dropdown-content-font-size:	$font-size + 1px !default;
+$dropdown-content-line-height:	$line-height !default;
+
+.dropdown-contents > li {
+	padding-right: 15px;
+	min-width: 180px;
+}
+
+.dropdown-nonscroll > li {
+	padding-right: 0;
+}
+
+.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
+	border-top: 0;
+}
+
+.dropdown li li:first-child {
+	margin-top: 4px;
+}
+
+.dropdown li li:last-child {
+	padding-bottom: 0;
+}
+
+.dropdown li li {
+	border-top: 1px dotted transparent;
+	padding-left: 18px;
+}
+
+#wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
+	white-space: normal;
+}
+
+.dropdown li.separator {
+	border-top: 1px solid transparent;
+	margin: 4px 0;
+	padding: 0;
+}
+
+.dropdown li.separator:first-child, .dropdown li.separator:last-child {
+	display: none !important;
+}
+
+.dropdown-trigger > i.glyphicons, .dropdown-trigger > i.fa {
+	display: inline;
+	line-height: inherit;
+	top: 0;
+	vertical-align: baseline;
+	&:before {
+		font-size: 1.4em;
+		line-height: 1;
+		position: relative;
+		top: 1px;
+	}
+}
+
+// Responsive breadcrumbs
+// ----------------------------------------
+.breadcrumbs .crumb {
+	float: left;
+	font-weight: bold;
+	word-wrap: normal;
+	position: relative;
+	padding-left: $list-font-size + 2px;
+	.rtl & {
+		padding-left: 0;
+		padding-right: $list-font-size + 2px;
+	}
+}
+
+.breadcrumbs .crumb:before {
+	content: '\f054';	// fa-chevron-right
+	font-family: FontAwesome;
+	font-weight: normal;
+	position: absolute;
+	left: 1px;
+	width: $list-font-size;
+	top: 50%;
+	margin-top: -#{$list-font-size / 2};
+	font-size: $list-font-size - 4px;
+	height: $list-font-size;
+	line-height: $list-font-size;
+	text-align: center;
+	.rtl & {
+		left: auto;
+		right: 1px;
+		content: '\f053';	// fa-chevron-left
+	}
+}
+
+.breadcrumbs .crumb:first-child {
+	padding-left: 0;
+	padding-right: 0;
+	&:before {
+		display: none;
+	}
+}
+
+.breadcrumbs .crumb a {
+	display: inline-block;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	vertical-align: bottom;
+	overflow: hidden;
+}
+
+.breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; }
+.breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; }
+.breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; }
+
+.breadcrumbs .crumb.wrapped-max a { max-width: 120px; }
+.breadcrumbs .crumb.wrapped-wide a { max-width: 100px; }
+.breadcrumbs .crumb.wrapped-medium a { max-width: 80px; }
+.breadcrumbs .crumb.wrapped-small a { max-width: 60px; }
+.breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; }
+
+// Table styles
+// ----------------------------------------
+table.table1 {
+	width: 100%;
+}
+
+.ucp-main table.table1 {
+	padding: 2px;
+}
+
+$table-heading-font-size:	$font-size + 2px !default;
+$table-heading-line-height:	$line-height !default;
+$table-content-font-size:	$font-size + 1px !default;
+
+table.table1 thead th {
+	@include table-heading;
+	text-transform: none;
+	line-height: $table-heading-line-height;
+	font-weight: normal;
+	font-size: $table-heading-font-size;
+	padding: 4px;
+}
+
+table.table1 thead th span {
+	padding-left: 7px;
+}
+
+table.table1 tbody tr {
+	border-top: 1px solid transparent;
+}
+
+table.table1 td {
+	font-size: $table-content-font-size;
+	line-height: $line-height;
+}
+
+table.table1 tbody td {
+	padding: 5px;
+	border-top: 1px solid transparent;
+}
+
+table.table1 tbody th {
+	padding: 5px;
+	border-bottom: 1px solid transparent;
+	text-align: left;
+}
+
+// Specific column styles
+table.table1 .name		{ text-align: left; }
+table.table1 .center	{ text-align: center; }
+table.table1 .reportby	{ width: 15%; }
+table.table1 .posts		{ text-align: center; width: 7%; }
+table.table1 .joined	{ text-align: left; width: 15%; }
+table.table1 .active	{ text-align: left; width: 15%; }
+table.table1 .mark		{ text-align: center; width: 7%; }
+table.table1 .info		{ text-align: left; width: 30%; max-width: 200px;
+	@media (max-width: 550px) {
+		max-width: 150px;
+	}
+}
+table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
+table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
+table.table1 thead .autocol { padding-left: 1em; }
+
+table.table1 th.info {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+table.table1 span.rank-img {
+	float: right;
+	width: auto;
+}
+
+table.info td {
+	padding: 3px;
+}
+
+table.info tbody th {
+	padding: 3px;
+	text-align: right;
+	vertical-align: top;
+	font-weight: normal;
+}
+
+.forumbg table.table1 {
+	margin: 0;
+}
+
+.forumbg-table > .inner {
+	margin: 0 -1px;
+}
+
+.color_palette_placeholder table {
+	border-collapse: separate;
+	border-spacing: 1px;
+}
+
+// Misc layout styles
+// ----------------------------------------
+// column[1-2] styles are containers for two column layouts
+.column1 {
+	float: left;
+	clear: left;
+	width: 49%;
+}
+
+.column2 {
+	float: right;
+	clear: right;
+	width: 49%;
+}
+
+// General classes for placing floating blocks
+.left-box {
+	float: left;
+	width: auto;
+	text-align: left;
+	max-width: 100%;
+}
+
+.left-box.profile-details {
+	width: 80%;
+}
+
+.right-box {
+	float: right;
+	width: auto;
+	text-align: right;
+	max-width: 100%;
+}
+
+dl.details {
+	font-size: $font-size;
+}
+
+dl.details dt {
+	float: left;
+	clear: left;
+	width: 30%;
+	text-align: right;
+	display: block;
+}
+
+dl.details dd {
+	margin-left: 0;
+	padding-left: 5px;
+	margin-bottom: 5px;
+	float: left;
+	width: 65%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.clearfix, fieldset dl, dl.polls {
+	overflow: hidden;
+}
+
+ul.topiclist dl {
+	@extend %clearfix;
+}
+
+ul.topiclist dd.lastpost {
+	float: right;
+}
+
+fieldset.fields1 ul.recipients {
+	list-style-type: none;
+	line-height: 1.8;
+	max-height: 150px;
+	overflow-y: auto;
+}
+
+fieldset.fields1 dd.recipients {
+	clear: left;
+	margin-left: 1em;
+}
+
+fieldset.fields1 ul.recipients  input.button2{
+	font-size: $font-size - 2px;
+	margin-right: 0;
+	padding: 0;
+}
+
+fieldset.fields1 dl.pmlist > dt {
+	width: auto !important;
+}
+
+fieldset.fields1 dl.pmlist dd.recipients {
+	margin-left: 0 !important;
+}
+
+// Action-bars (container for post/reply buttons, pagination, etc.)
+// ----------------------------------------
+.action-bar {
+	font-size: $font-size;
+	margin: 4px 0;
+}
+
+.forabg + .action-bar {
+	margin-top: 10px;
+}
+
+.action-bar .button {
+	margin-right: 5px;
+	float: left;
+}
+
+.action-bar .button-search {
+	margin-right: 0;
+}
+
+
+// Pagination
+// ----------------------------------------
+$pagination-font-size:				$font-size !default;
+$pagination-line-height:			$font-size + 2px !default;
+$pagination-link-font-size:			$font-size !default;
+$pagination-link-line-height:		$font-size !default;
+
+.pagination {
+	float: right;
+	font-size: $font-size;
+	text-align: right;
+	width: auto;
+}
+
+.action-bar.bottom .pagination {
+	margin-top: 0;
+}
+
+.action-bar .pagination .button {
+	margin-right: 0;
+	float: none;
+}
+
+.pagination > ul {
+	display: inline-block;
+	list-style: none !important;
+	margin-left: 5px;
+}
+
+.pagination > ul > li {
+	display: inline-block !important;
+	padding: 0;
+	font-size: $font-size;
+	line-height: normal;
+	vertical-align: middle;
+}
+
+.pagination li a, .pagination li span {
+	border-radius: 2px;
+	padding: 2px 5px;
+}
+
+.pagination li.active span {
+	display: inline-block;
+	font-size: 13px;
+	font-weight: normal;
+	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+	line-height: 1.4;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	border: 1px solid transparent;
+}
+
+.pagination li.ellipsis span {
+	border: none;
+	padding: 0;
+}
+
+.pagination li.page-jump {
+	margin-right: 5px;
+}
+
+.pagination li.page-jump a {
+	background: transparent none !important;
+	border-color: transparent !important;
+	padding: 0 8px;
+}
+
+.pagination li.page-jump a i {
+	font-size: 21px;
+}
+
+.pagination .arrow a {
+	padding: 2px 0;
+}
+
+.rtl .pagination li.previous a:after {
+	content: '\f054';	// fa-chevron-right
+	right: 1px;
+	left: 3px;
+}
+
+.rtl .pagination li.next a:after {
+	content: '\f053';	// fa-chevron-left
+	left: 1px;
+	right: 3px;
+}
+
+// Pagination in viewforum for multipage topics
+.row .pagination {
+	display: block;
+	margin-top: 3px;
+	margin-bottom: 3px;
+}
+
+.row .pagination > ul {
+	margin: 0;
+}
+
+.row .pagination li a, .row .pagination li span {
+	border-radius: 2px;
+	padding: 1px 3px;
+	font-size: 9px;
+}
+
+// jQuery popups
+// ----------------------------------------
+.phpbb_alert {
+	border: 1px solid transparent;
+	display: none;
+	left: 0;
+	padding: 0 25px 20px 25px;
+	position: fixed;
+	right: 0;
+	top: 150px;
+	z-index: 50;
+	width: 620px;
+	margin: 0 auto;
+}
+
+@media (max-height: 500px)
+{
+	.phpbb_alert {
+		top: 25px;
+	}
+}
+
+.phpbb_alert .alert_close {
+	display: block;
+	float: right;
+	width: 24px;
+	height: 24px;
+	overflow: hidden;
+	text-decoration: none !important;
+	background: transparent none 0 0 no-repeat;
+	margin-top: -12px;
+	margin-right: -36px;
+	position: relative;
+}
+
+.phpbb_alert .alert_close:before,
+.phpbb_alert .alert_close:after {
+	content: '\f057';	// fa-times-circle
+	font-family: FontAwesome;
+	position: absolute;
+	font-size: 18px;
+	line-height: 24px;
+	font-weight: normal;
+	font-style: normal;
+	text-indent: 0;
+	text-align: center;
+	left: 0;
+	top: 0;
+	margin: 0;
+	padding: 0;
+	width: 24px;
+	height: 24px;
+}
+
+.phpbb_alert .alert_close:before {
+	content: '\f111';	// fa-circle
+	font-size: 20px;
+}
+
+.phpbb_alert p {
+	margin: 8px 0;
+	padding-bottom: 8px;
+}
+
+.phpbb_alert label {
+	display: block;
+	margin: 8px 0;
+	padding-bottom: 8px;
+}
+
+.phpbb_alert div.alert_text > p,
+.phpbb_alert div.alert_text > label,
+.phpbb_alert div.alert_text > select,
+.phpbb_alert div.alert_text > textarea,
+.phpbb_alert div.alert_text > input {
+	font-size: $font-size;
+}
+
+.darkenwrapper {
+	display: none;
+	position: relative;
+	z-index: 44;
+}
+
+.darken {
+	position: fixed;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	opacity: 0.5;
+	z-index: 45;
+}
+
+.loading_indicator {
+	background: center center no-repeat;
+	border-radius: 5px;
+	display: none;
+	opacity: 0.8;
+	margin-top: -50px;
+	margin-left: -50px;
+	height: 50px;
+	width: 50px;
+	position: fixed;
+	left: 50%;
+	top: 50%;
+	z-index: 51;
+}
+
+// Miscellaneous styles
+// ----------------------------------------
+.forum-permissions {
+	float: right;
+	width: auto;
+	padding-left: 5px;
+	margin-left: 5px;
+	margin-top: 10px;
+	text-align: right;
+}
+
+.copyright {
+	font-size: 10px;
+	text-align: center;
+	padding: 10px;
+}
+
+.footer-row {
+	font-size: 10px;
+	line-height: 1.8;
+	margin: 0;
+}
+
+.small {
+	font-size: 0.9em !important;
+}
+
+.titlespace {
+	margin-bottom: 15px;
+}
+
+.headerspace {
+	margin-top: 20px;
+}
+
+.error {
+	font-weight: bold;
+	font-size: $font-size;
+}
+
+$rules-font-size:	$font-size !default;
+
+div.rules {
+	margin: 10px 0;
+	font-size: $rules-font-size;
+	padding: 5px 10px;
+	border-radius: $border-radius;
+}
+
+div.rules ul, div.rules ol {
+	margin-left: 20px;
+}
+
+$post-notice-font-size:		$font-size + 1px;
+
+p.post-notice {
+	position: relative;
+	padding: 5px;
+	padding-left: 26px;
+	min-height: 14px;
+	margin-bottom: 1em;
+	font-size: $post-notice-font-size;
+}
+
+p.post-notice:before {
+	content: '';
+	display: block;
+	position: absolute;
+	top: 50%;
+	margin-top: -10px;
+	font-size: 16px;
+	height: 18px;
+	line-height: 18px;
+	text-align: center;
+	vertical-align: baseline;
+	left: 0;
+	width: 28px;
+	background: transparent none 50% 50% no-repeat;
+	pointer-events: none;
+	font-weight: normal;
+	font-style: normal;
+	text-transform: none;
+}
+
+form > p.post-notice strong {
+	line-height: 20px;
+}
+
+.jumpbox {
+	margin: 5px 0;
+}
+
+.jumpbox .dropdown li {
+	border-top: 1px solid transparent;
+}
+
+.jumpbox .dropdown-select {
+	margin: 0;
+}
+
+.jumpbox .dropdown-contents {
+	padding: 0;
+	text-decoration: none;
+}
+
+.jumpbox .dropdown-contents li {
+	padding: 0;
+}
+
+.jumpbox .dropdown-contents a {
+	margin-right: 20px;
+	padding: 5px 10px;
+	text-decoration: none;
+	width: 100%;
+}
+
+.jumpbox .spacer {
+	display: inline-block;
+	width: 0px;
+}
+
+.jumpbox .spacer + .spacer {
+	width: 20px;
+}
+
+.dropdown-contents a {
+	display: block;
+	padding: 5px;
+}
+
+.jumpbox .dropdown-select {
+	margin: 0;
+}
+
+.jumpbox .dropdown-contents a {
+	text-decoration: none;
+}
+
+.dropdown li {
+	display: list-item;
+	border-top: 1px dotted transparent;
+	float: none !important;
+	line-height: normal !important;
+	font-size: 1em !important;
+	list-style: none;
+	margin: 0;
+	white-space: nowrap;
+	text-align: left;
+}
+
+.stat-block {
+	clear: both;
+}
+
+.top {
+	position: absolute;
+	top: -20px;
+}
+
+.clear {
+	display: block;
+	clear: both;
+	font-size: 1px;
+	line-height: 1px;
+	background: transparent;
+}
+
+// Inner box-model clearing
+.inner:after,
+ul.linklist:after,
+.action-bar:after,
+.notification_text:after,
+.tabs-container:after,
+.tabs > ul:after,
+.minitabs > ul:after,
+.postprofile .avatar-container:after {
+	clear: both;
+	content: '';
+	display: block;
+}
+
+.emoji {
+	min-height: 18px;
+	min-width: 18px;
+	height: 1em;
+	width: 1em;
+}
+
+.hidden {
+	display: none;
+}
+
+.smilies {
+	vertical-align: text-bottom;
+}
+
+.icon-notification {
+	position: relative;
+}
+
+.member-search {
+	float: left;
+	margin: 0;
+	padding: 6px 10px;
+}
+
+.member-search strong {
+	font-size: $font-size;
+}
+
+.dropdown-extended {
+	display: none;
+	z-index: 3;
+}
+
+.dropdown-extended ul {
+	max-height: 350px;
+	overflow-y: auto;
+	overflow-x: hidden;
+	clear: both;
+}
+
+.dropdown-extended ul li {
+	padding: 0;
+	margin: 0 !important;
+	float: none;
+	border-top: 1px solid;
+	list-style-type: none;
+	font-size: $font-size;
+	clear: both;
+	position: relative;
+}
+
+.dropdown-extended ul li:first-child {
+	border-top: none;
+}
+
+.dropdown-extended ul li.no_notifications {
+	padding: 10px;
+}
+
+.dropdown-extended .dropdown-contents {
+	max-height: none;
+	padding: 0;
+	position: absolute;
+	width: 340px;
+}
+
+.nojs .dropdown-extended .dropdown-contents {
+	position: relative;
+}
+
+.dropdown-extended .header {
+	.dropdown-down & {
+		margin-top: -3px;
+	}
+	padding: 0 10px;
+	font-family: $dropdown-header-font-family;
+	font-size: $dropdown-header-font-size;
+	font-weight: bold;
+	text-align: left;
+	// text-transform: uppercase;
+	line-height: $dropdown-header-line-height;
+}
+
+.dropdown-extended .header .header_settings {
+	float: right;
+	font-weight: normal;
+	text-transform: none;
+}
+
+.dropdown-extended .header .header_settings a {
+	display: inline-block;
+	padding: 0 5px;
+}
+
+.dropdown-extended .header:after {
+	content: '';
+	display: table;
+	clear: both;
+}
+
+.dropdown-extended .footer {
+	text-align: center;
+	font-size: $font-size;
+}
+
+.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
+	padding: 8px;
+}
+
+.dropdown-extended .footer > a {
+	padding: 5px 0;
+}
+
+.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
+	display: block;
+	text-decoration: none;
+}
+
+.notification_list ul li img {
+	float: left;
+	max-height: 50px;
+	max-width: 50px;
+	width: auto !important;
+	height: auto !important;
+	margin-right: 5px;
+}
+
+.notification_list ul li p {
+	margin-bottom: 4px;
+	font-size: $font-size;
+}
+
+.notification_list p.notification-reference,
+.notification_list p.notification-location,
+.notification_list li a p.notification-reason {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.notification_list p.notification-time {
+	font-size: $font-size - 1px;
+	margin: 0;
+	text-align: right;
+}
+
+.notification_list div.notifications {
+	margin-left: 50px;
+	padding: 5px;
+}
+
+.notification_list div.notifications a {
+	display: block;
+}
+
+.notification_list p.notifications_title {
+	font-family: $topic-link-font-family;
+	font-size: $topic-link-font-size !important;
+}
+
+.notification_list p.notifications_title strong {
+	font-weight: 600;
+}
+
+.notification_list p.notifications_time {
+	font-size: $font-size !important;
+}
+
+.notification_text {
+	margin-left: 58px;
+	white-space: normal;
+}
+
+.badge {
+	border-radius: 10px;
+	opacity: 0.8;
+	text-align: center;
+	white-space: nowrap;
+	font-size: 10px;
+	line-height: 1;
+	float: right;
+	display: inline-block;
+	margin-left: 3px;
+	vertical-align: baseline;
+	position: relative;
+	top: 3px;
+	padding: 4px 6px;
+ }
+
+.badge.hidden {
+	display: none;
+}
+
+// Navbar specific list items
+// ----------------------------------------
+
+.linklist .quick-links {
+	margin: 0 7px 0 0;
+}
+
+.linklist.compact .rightside > a > span span {
+	display: none;
+}
+
+.dropdown-page-jump .dropdown {
+	top: 20px;
+}
+
+.dropdown-page-jump.dropdown-up .dropdown {
+	bottom: 20px;
+}
+
+.dropdown-page-jump input.tiny {
+	width: 50px;
+}
+
+.dropdown .clone.hidden  {
+	display: none;
+}
+
+.dropdown .clone.hidden + li.separator {
+	display: none;
+}
+
+.dropdown .clone.hidden + li {
+	border-top: none;
+}
diff --git a/simplicity_darkblue/theme/common/_content.scss b/simplicity_darkblue/theme/common/_content.scss
new file mode 100644
index 0000000..b7b170d
--- /dev/null
+++ b/simplicity_darkblue/theme/common/_content.scss
@@ -0,0 +1,1278 @@
+// Content Styles
+// ----------------------------------------
+
+ul.topiclist {
+	display: block;
+	list-style-type: none;
+	margin: 0;
+}
+
+ul.topiclist li {
+	display: block;
+	list-style-type: none;
+	margin: 0;
+	.forabg &.header,
+	.forumbg &.header {
+		@include section-heading-forum;
+		position: relative;
+		.forum-toggle {
+			position: absolute;
+			right: 5px;
+			top: 50%;
+			margin-top: -8px;
+			height: 16px;
+			width: 16px;
+			text-decoration: none !important;
+			outline-style: none !important;
+			color: inherit;
+			transition: opacity 0.3s ease;
+			opacity: .5;
+			&:after {
+				content: '\f056';	// fa-minus-circle
+				font-family: FontAwesome;
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 16px;
+				height: 16px;
+				font-size: 12px;
+				line-height: 16px;
+			}
+			&.toggled:after {
+				content: '\f055';	// fa-plus-circle
+			}
+			&:hover {
+				opacity: 1;
+			}
+			.rtl & {
+				right: auto;
+				left: 4px;
+			}			
+		}
+	}
+}
+
+ul.topiclist dl {
+	position: relative;
+}
+
+ul.topiclist li.row dl {
+	margin: 2px 0;
+}
+
+ul.topiclist dt, ul.topiclist dd {
+	display: block;
+	float: left;
+}
+
+ul.topiclist dt {
+	width: 100%;
+	margin-right: -440px;
+	font-size: $font-size;
+}
+
+ul.topiclist.missing-column dt {
+	margin-right: -345px;
+}
+
+dl.elegant-row dt,
+ul.topiclist.two-long-columns dt {
+	margin-right: -250px;
+}
+
+ul.topiclist.two-columns dt {
+	margin-right: -80px;
+}
+
+ul.topiclist dt .list-inner {
+	margin-right: 440px;
+	padding-left: 5px;
+	padding-right: 5px;
+	position: relative;
+}
+
+ul.topiclist.missing-column dt .list-inner {
+	margin-right: 345px;
+}
+
+dl.elegant-row dt .list-inner,
+ul.topiclist.two-long-columns dt .list-inner {
+	margin-right: 250px;
+}
+
+ul.topiclist.two-columns dt .list-inner {
+	margin-right: 80px;
+}
+
+ul.topiclist dd {
+	border-left: 1px solid transparent;
+	padding: 4px 0;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+ul.topiclist dfn {
+	// Labels for post/view counts
+	display: none;
+	position: absolute;
+	left: -999px;
+	width: 990px;
+}
+
+.forum-image {
+	float: left;
+	padding-top: 5px;
+	margin-right: 5px;
+}
+
+li.row {
+	border-top: 1px solid transparent;
+	border-bottom: 1px solid transparent;
+	&:first-child {
+		border-top-width: 0;
+		padding-top: 0;
+	}
+	&:last-child {
+		border-bottom-width: 0;
+		padding-bottom: 0;
+	}
+
+	@if $split-forums == true {
+		ul.topiclist & {
+			.forabg &, .forumbg & {
+				@include section-forum;
+				margin: 5px 0;
+				padding: 0;
+				&.reported {
+					background-color: $block-background-reported;
+				}
+			}
+		}
+	}
+
+	.forum-description {
+
+	}
+	.subforums-list {
+		ul {
+			list-style-type: none;
+			display: inline;
+			margin: 0;
+		}
+		li {
+			display: inline;
+			& > span {
+				display: inline;
+			}
+		}
+	}
+	.forum-mcplink {
+		right: 4px;
+		top: 4px;
+		.rtl & {
+			right: auto;
+			left: 4px;
+		}
+	}
+}
+
+li.row strong {
+	font-weight: normal;
+}
+
+li.header dt, li.header dd {
+	border-left-width: 0;
+	padding-top: 0;
+	padding-bottom: 0;
+	font-size: $list-heading-font-size;
+	font-family: $list-heading-font-family;
+	line-height: $list-heading-line-height;
+}
+
+li.header dt {
+	.forabg & {
+		font-family: $forum-heading-font-family;
+		font-weight: $forum-heading-font-weight;
+		font-size: $forum-heading-font-size;
+	}
+	width: 100%;
+	margin-right: -440px;
+	.list-inner {
+		margin-right: 440px;
+		text-indent: 5px;
+		padding-left: 0;
+	}
+}
+
+li.header dd {
+	padding-left: 1px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+li.header dl dt, li.header dl dd {
+	min-height: 0;
+}
+
+li.header dl.row-item dt .list-inner {
+	// Tweak for headers alignment when folder icon used
+	.forabg & {
+		padding-left: 0;
+		padding-right: 50px;
+	}
+}
+
+.row .list-inner { padding: 4px 0; }
+
+dl.row-item {
+	background-position: 10px 50%;		// Position of folder icon
+	background-repeat: no-repeat;
+	background-size: 36px;
+}
+
+dl.row-item dt {
+	background-repeat: no-repeat;
+	background-position: 5px 95%;		// Position of topic icon
+	background-size: 17px;
+}
+
+dl.row-item dt .list-inner {
+	padding-left: 55px;					// Space for folder icon
+	position: relative;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	li.header & {
+		padding-top: 0;
+		padding-bottom: 0;
+	}
+}
+
+dl.row-item dt .list-inner .topic-status {
+	position: absolute;
+	right: 4px;
+	top: 3px;
+	font-size: 14px;
+	pointer-events: none;
+	.rtl & {
+		right: auto;
+		left: 4px;
+	}
+}
+
+dl.row-item dt .list-inner .topic-status + .topic-status {
+	right: 20px;
+}
+
+dl.row-item dt, dl.row-item dd {
+	min-height: 42px;
+}
+
+dl.row-item dt a {
+	display: inline;
+}
+
+dl.row-item.with-description dt, dl.row-item.with-description dd {
+	min-height: 50px;
+}
+
+dl a.row-item-link {						// topic row icon links
+	display: block;
+	width: 36px;
+	height: 36px;
+	padding: 0;
+	position: absolute;
+	top: 50%;
+	left: 0;
+	margin-top: -15px;
+	margin-left: 9px;
+	z-index: 2;
+}
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
+	width: 80px;
+	text-align: center;
+}
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark, dd.lastpost.empty {
+	line-height: 34px;
+	font-size: $forum-list-column-font-size;
+	.with-description & {
+		line-height: 42px;
+	}
+}
+
+dd.lastpost.empty br {
+	display: none;
+}
+
+dd.posts, dd.topics, dd.views {
+	width: 95px;
+	.elegant-row & {
+		display: none;
+	}
+}
+
+// List in forum description
+dl.row-item dt ol,
+dl.row-item dt ul {
+	list-style-position: inside;
+	margin-left: 1em;
+}
+
+dl.row-item dt li {
+	display: list-item;
+	list-style-type: inherit;
+}
+
+dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
+	width: 250px;
+	font-size: $forum-list-last-column-font-size;
+}
+
+dd.redirect {
+	line-height: 2.5em;
+}
+
+dd.time {
+	line-height: 200%;
+}
+
+dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
+	display: block;
+	padding-left: 5px;
+}
+
+dd.extra, dd.mark {
+	line-height: 200%;
+}
+
+dd.option {
+	width: 125px;
+	line-height: 200%;
+	text-align: center;
+	font-size: $font-size;
+}
+
+// Forums list layout
+// ----------------------
+.forum-description {
+	font-size: $forum-list-description-font-size;
+	padding-top: 2px;
+}
+
+.forum-statistics {
+	font-size: $font-size;
+	padding-top: 2px;
+	.value {
+	}
+}
+
+.forum-lastpost {
+	display: none;
+	@media (max-width: 550px) {
+		display: block !important;
+		padding-top: 2px;
+		line-height: 1.2;
+		overflow: hidden;
+	}
+	strong, span {
+		text-overflow: ellipsis;
+		overflow: hidden;
+		white-space: nowrap;
+	}
+	strong, span, a.lastsubject {
+		font-weight: normal;
+	}
+	strong {
+		display: block;
+		float: left;
+		max-width: 200px;
+		padding-right: 5px;
+		.rtl & {
+			float: right;
+			padding-right: 0;
+			padding-left: 5px;
+		}
+		@media (max-width: 400px) {
+			max-width: 130px;
+		}
+	}
+	span {
+		display: inline-block;
+		max-width: 100%;
+		&:after {
+			content: '|';
+			display: inline-block;
+			text-align: center;
+			width: 12px;
+		}
+		&:last-of-type:after {
+			display: none;
+		}
+	}
+}
+
+.subforums-list {
+	padding-top: 2px;
+}
+
+.forum-description.toggle {
+	display: none;
+	position: absolute;
+	font-size: $font-size;
+	border-radius: 4px;
+	padding: 4px 9px;
+	max-width: 500px;
+	cursor: pointer;
+	a.forumtitle + & {
+		left: 55px;
+		top: 25px;
+		z-index: 30;
+		.rtl & {
+			left: auto;
+			right: 55px;
+		}
+	}
+	a {
+		background: none !important;
+		text-decoration: underline !important;
+		border-width: 0 !important;
+	}
+	span.arrow {
+		position: absolute;
+		line-height: 0;
+		width: 0;
+		height: 0;
+		border: 6px solid transparent;
+		border-left: 1px none transparent;
+		top: 6px;
+		left: -6px;
+		bottom: auto;
+	}
+	.rtl & span.arrow {
+		border-left: 6px solid transparent;
+		border-right: 1px none transparent;
+		left: auto;
+		right: -6px;
+	}
+	&.no-arrow span.arrow {
+		display: none;
+	}
+}
+
+// Post body styles
+// ----------------------------------------
+.postbody {
+	padding: 0;
+	font-size: $font-size;
+	line-height: $line-height;
+	.postprofile + & {
+		float: $post-side;
+		margin-#{$profile-side}: -#{$post-margin};
+		.rtl & {
+			margin-#{$profile-side}: 0;
+			margin-#{$post-side}: -#{$post-margin};
+			float: $profile-side;
+		}
+		width: 100%;
+		position: relative;
+		.search & {
+			margin-#{$profile-side}: (-100px - $post-margin);
+			.rtl & {
+				margin-#{$profile-side}: 0;
+				margin-#{$post-side}: (-100px - $post-margin);
+			}
+		}
+	}
+}
+
+.postprofile + .postbody > div {
+	margin-#{$profile-side}: $post-margin;
+	&:only-child:after {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+	.rtl & {
+		margin-#{$profile-side}: 0;
+		margin-#{$post-side}: $post-margin;
+	}
+	.search & {
+		margin-#{$profile-side}: ($post-margin + 100px);
+		.rtl & {
+			margin-#{$profile-side}: 0;
+			margin-#{$post-side}: ($post-margin + 100px);
+		}
+	}
+}
+
+.postbody .ignore {
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+}
+
+.postbody h3.first {
+	// The first post on the page uses this
+}
+
+.postbody h3 {
+	// Postbody requires a different h3 format - so change it here
+	float: left;
+	font-size: $post-title-font-size;
+	padding: 2px 0 0 0;
+	margin-top: 0 !important;
+	margin-bottom: 0.3em !important;
+	text-transform: none;
+	border: none;
+	font-family: $post-title-font-family;
+	line-height: $post-title-line-height;
+	.rtl & {
+		float: right;
+	}
+}
+
+.postbody h3 img {
+	vertical-align: bottom;
+}
+
+.has-profile .postbody h3 {
+	// If there is a post-profile, we position the post-buttons differently
+	float: none !important;
+	margin-right: 180px;
+	.rtl & {
+		margin-right: 0;
+		margin-left: 180px;
+	}
+}
+
+.postbody .content {
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	overflow-x: auto;
+}
+
+.postbody img.postimage {
+	max-width: 100%;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+// Topic review panel
+// ----------------------------------------
+.panel .review {
+	margin-top: 2em;
+}
+
+.topicreview {
+	padding-right: 5px;
+	overflow: auto;
+	height: 300px;
+}
+
+.topicreview .postbody {
+	width: auto;
+	float: none;
+	margin: 0;
+	height: auto;
+}
+
+.topicreview .post {
+	height: auto;
+}
+
+.topicreview h2 {
+	border-bottom-width: 0;
+}
+
+.post-ignore .postbody {
+	display: none;
+}
+
+// MCP Post details
+// ----------------------------------------
+.post_details {
+	overflow: auto;
+	max-height: 300px;
+}
+
+// Content container styles
+// ----------------------------------------
+.content {
+	clear: both;
+	min-height: 3em;
+	overflow: hidden;
+	line-height: $post-content-line-height;
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	padding-bottom: 1px;
+}
+
+.content h2, .panel h2 {
+	font-weight: normal;
+	border-bottom: 1px solid transparent;
+	font-size: $panel-heading-font-size;
+	margin-top: 0.5em;
+	margin-bottom: 0.5em;
+	padding-bottom: 0.5em;
+	&.faq-title {
+		margin-top: 5px;
+	}
+}
+
+.panel h3 {
+	margin: 0.5em 0;
+}
+
+$panel-font-size:		$font-size + 2px !default;
+$panel-line-height:		$line-height !default;
+
+.panel p {
+	font-size: $panel-font-size;
+	margin-bottom: 1em;
+	line-height: $panel-line-height;
+}
+
+.content p {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	margin-bottom: 1em;
+	line-height: $post-content-line-height;
+}
+
+dl.faq {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	margin-top: 1em;
+	margin-bottom: 2em;
+	line-height: $post-content-line-height;
+}
+
+dl.faq dt {
+	font-family: $post-title-font-family;
+	font-size: $post-title-font-size;
+	line-height: $post-title-line-height;
+	font-weight: normal;
+	margin-bottom: 5px;
+}
+
+.content dl.faq {
+	@extend dl.faq;
+	margin-bottom: 0.5em;
+}
+
+.content li {
+	list-style-type: inherit;
+}
+
+.content ul, .content ol {
+	margin: 0.8em 0 0.9em 3em;
+}
+
+.posthilit {
+	padding: 0 2px 1px 2px;
+}
+
+// Post author
+p.author {
+	margin-bottom: 0.3em;
+	padding: 0 0 5px 0;
+	font-family: $font-family;
+	font-size: $font-size;
+	line-height: $line-height;
+	clear: both;
+}
+
+// Post signature
+.signature {
+	margin-top: 1.5em;
+	padding-top: 0.2em;
+	font-size: $post-signature-font-size;
+	border-top: 1px solid transparent;
+	clear: left;
+	font-family: $post-content-font-family;
+	line-height: $post-content-line-height;
+	overflow: hidden;
+	width: 100%;
+}
+
+.signature.standalone {
+	border-top-width: 0;
+	margin-top: 0;
+}
+
+dd .signature {
+	margin: 0;
+	padding: 0;
+	clear: none;
+	border: none;
+}
+
+.signature li {
+	list-style-type: inherit;
+}
+
+.signature ul, .signature ol {
+	margin: 0.8em 0 0.9em 3em;
+}
+
+// Post noticies
+.notice {
+	font-family: $post-content-font-family;
+	width: auto;
+	margin-top: 1.5em;
+	padding-top: 0.2em;
+	font-size: $post-content-font-size;
+	border-top: 1px dashed transparent;
+	clear: left;
+	line-height: $post-content-line-height;
+}
+
+// Jump to post link for now
+ul.searchresults {
+	list-style: none;
+	text-align: right;
+	clear: both;
+	@if $profile-side == right {
+		margin-right: ($post-margin + 100px);
+	}
+	.rtl & {
+		text-align: left;
+		@if $profile-side == right {
+			margin-right: 0;
+			margin-left: ($post-margin + 100px);
+		}
+	}
+}
+
+// BB Code styles
+// ----------------------------------------
+// Quote block
+blockquote {
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	font-size: $post-quote-font-size;
+	margin: 8px 12px;
+	overflow: hidden;
+	padding: 5px;
+	position: relative;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+/*blockquote:before {
+	position: absolute;
+	font-family: 'Trebuchet MS';
+	top: 5px;
+	left: 4px;
+	height: 16px;
+	font-size: 30px;
+	line-height: 30px;
+	pointer-events: none;
+}*/
+
+blockquote blockquote {
+	// Nested quotes
+	margin: 5px;
+}
+
+blockquote cite {
+	// Username/source of quoter
+	font-style: normal;
+	font-weight: bold;
+	display: block;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+}
+
+blockquote cite cite {
+}
+
+blockquote cite:before, .uncited:before {
+	padding-right: 5px;
+}
+
+blockquote cite > div {
+	float: right;
+	font-weight: normal;
+}
+
+.postbody .content li blockquote {
+	overflow: inherit;
+	margin-left: 0;
+}
+
+// Code block
+$post-code-line-height:		1.3 !default;
+
+.codebox {
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	margin: 8px 12px;
+	font-size: $post-code-font-size;
+	word-wrap: normal;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+.codebox p {
+	text-transform: uppercase;
+	border-bottom: 1px solid transparent;
+	margin-bottom: 3px;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size !important;
+	line-height: $post-block-title-line-height;
+	font-weight: bold;
+	display: block;
+}
+
+blockquote .codebox {
+	margin-left: 0;
+}
+
+.codebox code {
+	overflow: auto;
+	display: block;
+	height: auto;
+	max-height: 200px;
+	padding: 5px 3px;
+	font-family: Monaco, "Andale Mono","Courier New", Courier, mono;
+	font-size: $post-code-font-size;
+	line-height: $post-code-line-height;
+}
+
+// Attachments
+// ----------------------------------------
+.attachbox {
+	float: left;
+	width: auto;
+	max-width: 100%;
+	margin: 5px 5px 5px 0;
+	padding: 6px;
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	clear: left;
+	box-sizing: border-box;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+.attachbox dt {
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+	font-weight: 500;
+}
+
+.attachbox dd {
+	margin-top: 4px;
+	padding-top: 4px;
+	clear: left;
+	border-top: 1px solid transparent;
+	overflow-x: auto;
+}
+
+.attachbox dd dd {
+	border: none;
+}
+
+.attachbox p, .attachbox p.stats {
+	line-height: $post-content-line-height;
+	font-weight: normal;
+	clear: left;
+}
+
+.attach-image {
+	margin: 3px 0;
+	max-width: 100%;
+}
+
+.attach-image img {
+	// border: 1px solid transparent;
+//	cursor: move;
+	cursor: default;
+}
+
+// Inline image thumbnails
+div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
+	display: block;
+	margin-bottom: 4px;
+}
+
+div.inline-attachment p {
+	font-size: $post-quote-font-size;
+}
+
+dl.file {
+	font-family: $post-block-title-font-family;
+	display: block;
+}
+
+dl.file dt {
+	text-transform: none;
+	margin: 0;
+	padding: 0;
+	font-weight: bold;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+}
+
+dl.file dd {
+	margin: 0;
+	padding: 0;
+}
+
+dl.thumbnail img {
+	padding: 3px;
+	border: 1px solid transparent;
+	box-sizing: border-box;
+}
+
+dl.thumbnail dd {
+	font-style: italic;
+	font-family: $font-family;
+}
+
+.attachbox dl.thumbnail dd {
+	font-size: 100%;
+}
+
+dl.thumbnail dt a:hover img {
+	border: 1px solid transparent;
+}
+
+// Post poll styles
+// ----------------------------------------
+fieldset.polls {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dl {
+	margin: 0;
+	border: 1px solid transparent;
+	border-width: 1px 0;
+	padding: 5px 0;
+	line-height: $post-content-line-height;
+	&:first-child {
+		border-top-width: 0;
+	}
+	&:last-child {
+		border-bottom-width: 0;
+	}
+}
+
+fieldset.polls dl.voted {
+	font-weight: bold;
+}
+
+fieldset.polls dt {
+	text-align: left;
+	float: left;
+	display: block;
+	width: 30%;
+	border-right: none;
+	padding: 0;
+	margin: 0;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dd {
+	float: left;
+	width: 10%;
+	border-left: none;
+	padding: 0 5px;
+	margin-left: 0;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dd.resultbar {
+	width: 50%;
+}
+
+fieldset.polls dd input {
+	margin: 2px 0;
+}
+
+fieldset.polls dd div {
+	text-align: right;
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: bold;
+	font-size: .9em;
+	padding: 0 3px;
+	overflow: visible;
+	min-width: 8px;
+	border-radius: max(min($border-radius, 5px) - 1px, 0);
+}
+
+.vote-submitted {
+	font-size: $post-content-font-size + 2px;
+	font-weight: bold;
+	text-align: center;
+}
+
+// Poster profile block
+// ----------------------------------------
+.postprofile {
+	margin: 0;
+	padding: 5px 0;
+	min-height: 80px;
+	border: 0px solid transparent;
+	border-#{$post-side}-width: 1px;
+	width: $profile-width;
+	float: $profile-side;
+	position: relative;
+	box-sizing: border-box;
+	z-index: 2;
+	.rtl & {
+		float: $post-side;
+		border-width: 0;
+		border-#{$profile-side}-width: 1px;
+	}
+	.search & {
+		width: ($profile-width + 100px);
+	}
+}
+
+.postprofile dd, .postprofile dt {
+	font-size: $post-profile-font-size;
+	line-height: $post-profile-line-height;
+	margin-#{$post-side}: 8px;
+	.rtl & {
+		margin-#{$profile-side}: 8px;
+		margin-#{$post-side}: 0;
+	}
+}
+
+.postprofile dd {
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.postprofile strong {
+	font-weight: normal;
+}
+
+.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
+	margin-bottom: 10px;
+}
+
+// Post-profile avatars
+.postprofile .has-avatar .avatar-container {
+	margin-bottom: 3px;
+	overflow: hidden;
+}
+
+.postprofile .avatar {
+	display: block;
+	float: left;
+	max-width: 100%;
+	.rtl & {
+		float: right;
+	}
+}
+
+.postprofile .avatar img {
+	display: block;
+	height: auto !important;
+	max-width: 100%;
+}
+
+.postprofile .profile-posts a {
+	font-weight: normal;
+}
+
+dd.profile-warnings {
+	font-weight: bold;
+}
+
+dd.profile-contact {
+	overflow: visible;
+}
+
+.profile-contact .dropdown-container {
+	display: inline-block;
+}
+
+.profile-contact .icon_contact {
+	vertical-align: middle;
+}
+
+.profile-contact .dropdown {
+	margin-right: -14px;
+}
+
+.online-ribbon {
+	display: block;
+	width: 70px;
+	height: 70px;
+	position: absolute;
+	overflow: hidden;
+	top: 0;
+	#{$profile-side}: 0;
+	pointer-events: none;
+
+	.rtl & {
+		#{$profile-side}: auto;
+		#{$post-side}: 0;
+	}
+
+	span {
+		display: block;
+		font-weight: 500;
+		font-style: normal;
+		width: 100px;
+		font-size: 11px;
+		line-height: 18px;
+		height: 18px;
+		text-align: center;
+		position: absolute;
+		top: 17px;
+		white-space: nowrap;
+		#{$profile-side}: -25px;
+
+		@if $profile-side == left {
+			-webkit-transform: rotate(-45deg);
+			-ms-transform: rotate(-45deg);
+			transform: rotate(-45deg);
+		}
+		@else {
+			-webkit-transform: rotate(45deg);
+			-ms-transform: rotate(45deg);
+			transform: rotate(45deg);
+		}
+
+		+ span {
+			opacity: .75;
+			z-index: 29;
+		}
+
+		.rtl & {
+			#{$profile-side}: auto;
+			#{$post-side}: -25px;
+
+			@if $profile-side == right {
+				-webkit-transform: rotate(-45deg);
+				-ms-transform: rotate(-45deg);
+				transform: rotate(-45deg);
+			}
+			@else {
+				-webkit-transform: rotate(45deg);
+				-ms-transform: rotate(45deg);
+				transform: rotate(45deg);
+			}
+		}
+	}
+}
+
+.panel.online > .inner {
+	position: relative;
+	z-index: 2;
+}
+
+.no-avatar .avatar-container {
+	display: block;
+	width: 92px;
+	height: 92px;
+	background: transparent none 50% 50% no-repeat;
+	background-size: cover;
+}
+
+// Profile used on view-profile
+.profile-avatar img {
+	max-width: 100%;
+}
+
+// pm list in compose message if mass pm is enabled
+dl.pmlist dt {
+	width: 60% !important;
+}
+
+dl.pmlist dt textarea {
+	width: 95%;
+}
+
+dl.pmlist dd {
+	margin-left: 61% !important;
+	margin-bottom: 2px;
+}
+
+.action-bar div.dl_links {
+	padding: 10px 0 0 10px;
+}
+
+div.dl_links {
+	display: inline-block;
+	text-transform: none;
+}
+
+.dl_links strong {
+	font-weight: bold;
+}
+
+.dl_links ul {
+	list-style-type: none;
+	margin: 0;
+	display: inline-block;
+}
+
+.dl_links li {
+	display: inline-block;
+}
+
+.attachment-filename {
+	width: 100%;
+}
+
+.ellipsis-text {
+	display: inline-block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+table.fixed-width-table {
+	table-layout: fixed;
+}
+
+// Show scrollbars for items with overflow on iOS devices
+// ----------------------------------------
+.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+	width: 8px;
+	height: 8px;
+	-webkit-appearance: none;
+	border-radius: 3px;
+}
+
+.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+	border-radius: 3px;
+}
+
+#memberlist tr.inactive, #team tr.inactive {
+	font-style: italic;
+}
+
+//
+// Extensions
+//
+
+// Thanks for posts
+a.post {
+	display: inline !important;
+	background: none !important;
+	box-shadow: none !important;
+	border: none !important;
+}
diff --git a/simplicity_darkblue/theme/common/_cp.scss b/simplicity_darkblue/theme/common/_cp.scss
new file mode 100644
index 0000000..cfbb15e
--- /dev/null
+++ b/simplicity_darkblue/theme/common/_cp.scss
@@ -0,0 +1,440 @@
+// Control Panel Styles
+// ----------------------------------------
+
+
+// Main CP box
+// ----------------------------------------
+.cp-menu {
+	float:left;
+	width: 19%;
+	margin: 0 -2px;
+	padding-right: 7px;
+	box-sizing: border-box;
+	.rtl & {
+		float: right;
+		padding-left: 7px;
+		padding-right: 0;
+	}
+}
+
+.cp-main {
+	float: left;
+	width: 81%;
+	.rtl & {
+		float: right;
+	}
+}
+
+.cp-main .content {
+	padding: 0;
+}
+
+.panel-container .panel {
+	margin-bottom: 10px;
+}
+
+.panel-container .panel p {
+	font-size: $panel-font-size;
+	line-height: $panel-line-height;
+}
+
+.panel-container .panel ol {
+	margin-left: 2em;
+	font-size: $panel-font-size;
+}
+
+.panel-container .panel li.row {
+	border-bottom: 1px solid transparent;
+	border-top: 1px solid transparent;
+}
+
+ul.cplist {
+	margin-bottom: 5px;
+	border-top: 1px solid transparent;
+}
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+	margin-bottom: 2px;
+}
+
+.panel-container table.table1 {
+	margin-bottom: 1em;
+}
+
+.panel-container table.table1 thead th {
+	@include table-heading-transparent;
+	padding: 5px;
+	font-weight: bold;
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.panel-container table.table1 tbody th {
+	font-style: italic;
+	background-color: transparent !important;
+	border-bottom: none;
+}
+
+.cp-main .pm-message {
+	border: 1px solid transparent;
+	margin: 10px 0;
+	width: auto;
+	float: none;
+}
+
+.pm-message h2 {
+	padding-bottom: 5px;
+}
+
+.cp-main .postbody h3, .cp-main .box2 h3 {
+	margin-top: 0;
+}
+
+.panel-container .postbody p.author {
+	font-size: $font-size;
+}
+
+.cp-main .buttons {
+	margin-left: 0;
+}
+
+.cp-main ul.linklist {
+	margin: 0;
+}
+
+// MCP Specific tweaks
+.mcp-main .postbody {
+	width: 100%;
+}
+
+.tabs-container h2 {
+	float: left;
+	margin-bottom: 0px;
+}
+
+// CP tabs shared
+// ----------------------------------------
+.tabs, .minitabs {
+	line-height: normal;
+}
+
+.tabs > ul, .minitabs > ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	position: relative;
+}
+
+.tabs .tab, .minitabs .tab {
+	display: block;
+	float: left;
+	font-size: $tab-font-size;
+	font-weight: bold;
+	line-height: $tab-line-height;
+}
+
+.tabs .tab > a, .minitabs .tab > a {
+	display: block;
+	padding: 0 9px;
+	position: relative;
+	text-decoration: none;
+	white-space: nowrap;
+	cursor: pointer;
+	font-size: inherit;
+	line-height: inherit;
+}
+
+// CP tabbed menu
+// ----------------------------------------
+.tabs {
+	margin: 20px 0 0 7px;
+}
+
+.tabs .tab > a {
+	border: 1px solid transparent;
+	border-radius: 4px 4px 0 0;
+	margin: 1px 1px 0 0;
+}
+
+.tabs .activetab > a {
+	margin-top: 0;
+	padding-bottom: 2px;
+}
+
+// Mini tabbed menu used in MCP
+// ----------------------------------------
+.minitabs {
+	float: right;
+	margin: 15px 7px 0 0;
+	max-width: 50%;
+}
+
+.minitabs .tab {
+	float: right;
+}
+
+.minitabs .tab > a {
+	border-radius: 5px 5px 0 0;
+	margin-left: 2px;
+}
+
+.minitabs .tab > a:hover {
+	text-decoration: none;
+}
+
+// Responsive tabs
+// ----------------------------------------
+.responsive-tab {
+	position: relative;
+}
+
+a.responsive-tab-link {
+	.responsive-tab > & {
+		display: block;
+		font-size: 16px;
+		position: relative;
+		width: 16px;
+		line-height: 14px;
+		text-decoration: none;
+	}
+	.responsive-tab > &:before {
+		content: '\f0c9';	// fa-bars
+		font-family: FontAwesome;
+		position: absolute;
+		left: 10px;
+		top: 50%;
+		margin-top: -7px;
+		width: 14px;
+		font-size: 13px;
+		line-height: 15px;
+		height: 15px;
+		text-align: center;
+		font-weight: normal;
+		font-style: normal;
+		text-indent: 0;
+	}
+	.dropdown-visible.responsive-tab > &:before,
+	.responsive-tab > &:hover:before {
+		font-family: FontAwesome;
+		content: '\f078';	// fa-chevron-down
+	}
+}
+
+.tabs .dropdown, .minitabs .dropdown {
+	top: $tab-line-height + 2px;
+	margin-right: -2px;
+	font-size: $dropdown-content-font-size;
+	line-height: $dropdown-content-line-height;
+	font-weight: normal;
+}
+
+.minitabs .dropdown {
+	margin-right: -4px;
+}
+
+.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
+	bottom: $tab-line-height + 2px;
+	top: auto;
+}
+
+.tabs .dropdown li {
+	text-align: right;
+}
+
+.minitabs .dropdown li {
+	text-align: left;
+}
+
+// UCP navigation menu
+// ----------------------------------------
+// Container for sub-navigation list
+.navigation {
+	width: 100%;
+	hr {
+		display: none;
+		+ ul {
+			margin-top: 10px;
+		}
+	}
+}
+
+.navigation ul {
+	list-style: none;
+}
+
+// Default list state
+.navigation li {
+	display: inline;
+	font-weight: bold;
+	margin: 1px 0;
+	padding: 0;
+}
+
+// Link styles for the sub-section links
+.navigation a {
+	display: block;
+	padding: 5px;
+	margin: 2px 0;
+	border-radius: max(0px, $border-radius - 2px);
+	text-decoration: none;
+	font-size: $font-size;
+	line-height: $line-height;
+}
+
+.navigation a:hover {
+	text-decoration: none;
+}
+
+// Preferences pane layout
+// ----------------------------------------
+.cp-main h2 {
+	border-bottom: none;
+	padding: 0;
+	margin-left: 10px;
+}
+
+// Friends list
+.cp-mini {
+	margin: 10px 15px 10px 5px;
+	max-height: 200px;
+	overflow-y: auto;
+	padding: 5px 10px;
+	border-radius: $border-radius;
+}
+
+dl.mini dt {
+	font-weight: bold;
+}
+
+dl.mini dd {
+	padding-top: 4px;
+}
+
+.friend-online {
+	font-weight: bold;
+}
+
+.friend-offline {
+	font-style: italic;
+}
+
+// PM Styles
+// ----------------------------------------
+// Defined rules list for PM options
+ol.def-rules {
+	padding-left: 0;
+}
+
+ol.def-rules li {
+	line-height: 180%;
+	padding: 1px;
+}
+
+// PM marking colours
+.pmlist li.bg1 {
+	padding: 0 3px;
+}
+
+.pmlist li.bg2 {
+	padding: 0 3px;
+}
+
+/* DEPRECATED 3.2.6
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: transparent;
+	border-right-color: transparent;
+}
+*/
+
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour,
+.pmlist li.pm_marked_colour, .pm_marked_colour,
+.pmlist li.pm_replied_colour, .pm_replied_colour,
+.pmlist li.pm_friend_colour, .pm_friend_colour,
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+	padding: 0;
+	border: solid 3px transparent;
+	border-width: 0 3px;
+}
+
+.pm-legend {
+	border-left-width: 10px;
+	border-left-style: solid;
+	border-right-width: 0;
+	margin-bottom: 3px;
+	padding-left: 3px;
+}
+
+// Avatar gallery
+.gallery label {
+	position: relative;
+	float: left;
+	margin: 10px;
+	padding: 5px;
+	width: auto;
+	border: 1px solid transparent;
+	text-align: center;
+}
+
+// Responsive *CP navigation
+// ----------------------------------------
+@media (max-width: 900px)
+{
+	.nojs .tabs a span, .nojs .minitabs a span {
+		max-width: 40px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		letter-spacing: -.5px;
+	}
+
+	.cp-menu, .navigation, .cp-main {
+		float: none;
+		width: auto;
+		margin: 0;
+	}
+
+	.cp-menu:after {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+
+	.navigation {
+		padding: 0;
+		max-width: 320px;
+		.cp-menu & {
+			margin: 0 10px;
+			float: left;
+			@media (max-width: 450px) {
+				float: none;
+				margin: 0 auto;
+			}
+		}
+		&, .cp-menu &:only-child {
+			float: none;
+			margin: 0 auto;
+		}
+		.cp-menu & + .cp-mini {
+			float: left;
+			margin: 0 10px;
+			max-width: 220px;
+			@media (max-width: 450px) {
+				float: none;
+				margin: 10px auto 0;
+			}
+		}
+	}
+
+	.navigation a {
+		background-image: none;
+	}
+
+	.navigation li:first-child a {
+		border-top-left-radius: 5px;
+		border-top-right-radius: 5px;
+	}
+
+	.navigation li:last-child a {
+		border-bottom-left-radius: 5px;
+		border-bottom-right-radius: 5px;
+	}
+}
diff --git a/simplicity_darkblue/theme/common/_forms.scss b/simplicity_darkblue/theme/common/_forms.scss
new file mode 100644
index 0000000..80a6269
--- /dev/null
+++ b/simplicity_darkblue/theme/common/_forms.scss
@@ -0,0 +1,459 @@
+// Form Styles
+// ----------------------------------------
+
+// General form styles
+// ----------------------------------------
+$input-font-size:		$font-size + 1px !default;
+$input-font-family:		$font-family !default;
+
+fieldset {
+	border-width: 0;
+	font-family: $font-family;
+	font-size: $font-size;
+}
+
+input {
+	font-weight: normal;
+	vertical-align: middle;
+	padding: 0 3px;
+	font-size: $input-font-size;
+	font-family: $input-font-family;
+}
+
+select {
+	font-family: $input-font-family;
+	font-weight: normal;
+	cursor: pointer;
+	vertical-align: middle;
+	border: 1px solid transparent;
+	border-radius: $input-border-radius;
+	padding: 1px;
+	font-size: $input-font-size;
+}
+
+select:focus {
+	outline-style: none;
+}
+
+option {
+	padding-right: 1em;
+}
+
+select optgroup option {
+	padding-right: 1em;
+	font-family: $input-font-family;
+}
+
+textarea {
+	font-family: $post-content-font-family;
+	width: 60%;
+	padding: 2px;
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	border-radius: $input-border-radius;
+	-webkit-appearance: none;
+}
+
+label {
+	cursor: default;
+	padding-right: 5px;
+}
+
+label input {
+	vertical-align: middle;
+}
+
+label img {
+	vertical-align: middle;
+}
+
+// Definition list layout for forms
+// ----------------------------------------
+fieldset dl {
+	padding: 4px 0;
+}
+
+fieldset dt {
+	float: left;
+	width: 40%;
+	text-align: left;
+	display: block;
+}
+
+fieldset dd {
+	margin-left: 41%;
+	vertical-align: top;
+	margin-bottom: 3px;
+}
+
+// Specific layout 1
+fieldset.fields1 dt {
+	width: 15em;
+	border-right-width: 0;
+}
+
+fieldset.fields1 dd {
+	margin-left: 15em;
+	border-left-width: 0;
+}
+
+fieldset.fields1 div {
+	margin-bottom: 3px;
+}
+
+// Set it back to 0px for the reCaptcha divs: PHPBB3-9587
+fieldset.fields1 .live-search div {
+	margin-bottom: 0;
+}
+
+// Specific layout 2
+fieldset.fields2 dt {
+	width: 15em;
+	border-right-width: 0;
+}
+
+fieldset.fields2 dd {
+	margin-left: 16em;
+	border-left-width: 0;
+}
+
+// Form elements
+dt label {
+	font-weight: bold;
+	text-align: left;
+}
+
+dd label {
+	white-space: nowrap;
+}
+
+dd input, dd textarea {
+	margin-right: 3px;
+}
+
+dd select {
+	width: auto;
+}
+
+dd select[multiple] {
+	width: 100%;
+}
+
+dd textarea {
+	width: 85%;
+}
+
+// Hover effects
+.timezone {
+	width: 95%;
+}
+
+/* Browser-specific tweaks */
+button::-moz-focus-inner {
+	padding: 0;
+	border: 0
+}
+
+
+// Quick-login on index page
+fieldset.quick-login {
+	margin-top: 5px;
+}
+
+fieldset.quick-login input {
+	width: auto;
+}
+
+fieldset.quick-login input.inputbox {
+	width: 15%;
+	vertical-align: middle;
+	margin-right: 5px;
+}
+
+fieldset.quick-login label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+// Display options on viewtopic/viewforum pages
+fieldset.display-options {
+	text-align: center;
+	margin: 3px 0 5px 0;
+}
+
+fieldset.display-options label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+fieldset.display-options a {
+	margin-top: 3px;
+}
+
+.dropdown fieldset.display-options {
+	font-size: 1em;
+	margin: 0;
+	padding: 0;
+}
+
+.dropdown fieldset.display-options label {
+	display: block;
+	margin: 4px;
+	padding: 0;
+	text-align: right;
+	white-space: nowrap;
+}
+
+.dropdown fieldset.display-options select {
+	min-width: 120px;
+}
+
+// Display actions for ucp and mcp pages
+fieldset.display-actions {
+	text-align: right;
+	line-height: 2em;
+	white-space: nowrap;
+	padding-right: 1em;
+}
+
+fieldset.display-actions label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+fieldset.sort-options {
+	line-height: 2em;
+}
+
+// MCP forum selection
+fieldset.forum-selection {
+	margin: 5px 0 3px 0;
+	float: right;
+}
+
+fieldset.forum-selection2 {
+	margin: 13px 0 3px 0;
+	float: right;
+}
+
+// Submit button fieldset
+fieldset.submit-buttons {
+	text-align: center;
+	vertical-align: middle;
+	margin: 5px 0;
+}
+
+fieldset.submit-buttons input {
+	vertical-align: middle;
+}
+
+// Posting page styles
+// ----------------------------------------
+
+// Buttons used in the editor
+.format-buttons {
+	margin: 15px 0 2px 0;
+}
+
+.format-buttons input, .format-buttons select {
+	vertical-align: middle;
+}
+
+// Main message box
+.message-box {
+	width: 80%;
+}
+
+.message-box textarea {
+	font-family: $post-content-font-family;
+	width: 450px;
+	height: 270px;
+	min-width: 100%;
+	max-width: 100%;
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	resize: vertical;
+	outline: 3px dashed transparent;
+	outline-offset: -4px;
+	-webkit-transition: all .5s ease, height 1ms linear;
+	-moz-transition: all .5s ease, height 1ms linear;
+	-ms-transition: all .5s ease, height 1ms linear;
+	-o-transition: all .5s ease, height 1ms linear;
+	transition: all .5s ease, height 1ms linear;
+}
+
+// Emoticons panel
+.smiley-box {
+	width: 18%;
+	float: right;
+}
+
+.smiley-box img {
+	margin: 3px;
+}
+
+// Input field styles
+// ----------------------------------------
+.inputbox {
+	border: 1px solid transparent;
+	padding: 2px;
+	border-radius: $input-border-radius;
+	-webkit-appearance: none;
+}
+
+.inputbox:hover, .inputbox:focus {
+	border: 1px solid transparent;
+	outline-style: none;
+}
+
+input.inputbox	{ width: 85%; }
+input.medium	{ width: 50%; }
+input.narrow	{ width: 25%; }
+input.tiny	{ width: 150px; }
+
+textarea.inputbox {
+	width: 85%;
+}
+
+.autowidth {
+	width: auto !important;
+}
+
+input[type="number"] {
+	-moz-padding-end: 0;
+}
+
+input[type="search"] {
+	-webkit-appearance: none;
+	-webkit-box-sizing: content-box;
+}
+
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
+	display: none;
+}
+
+input[type="search"]::-webkit-search-cancel-button {
+	cursor: pointer;
+}
+
+// Form button styles
+// ----------------------------------------
+input.button1, input.button2 {
+	font-size: $input-button-font-size;
+}
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+	width: auto !important;
+	padding-top: 1px;
+	padding-bottom: 1px;
+	font-family: $input-button-font-family;
+	background: transparent none repeat-x top left;
+	line-height: 1.5;
+	border-radius: $button-border-radius;
+	font-size: $input-button-font-size;
+	.format-buttons & {
+		font-size: $bbcode-button-font-size;
+	}
+}
+
+a.button1, input.button1 {
+	font-weight: bold;
+	border: 1px solid transparent;
+}
+
+input.button3 {
+	padding: 0;
+	margin: 0;
+	line-height: 5px;
+	height: 12px;
+	background-image: none;
+	font-variant: small-caps;
+}
+
+input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li {
+	cursor: pointer;
+}
+
+// Alternative button
+a.button2, input.button2, input.button3 {
+	border: 1px solid transparent;
+}
+
+// <a> button in the style of the form buttons
+a.button1, a.button2 {
+	text-decoration: none;
+	padding: 0 3px;
+	vertical-align: text-bottom;
+}
+
+// Hover states
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+	border: 1px solid transparent;
+}
+
+input.disabled {
+	font-weight: normal;
+}
+
+// Focus states
+input.button1:focus, input.button2:focus, input.button3:focus {
+	outline-style: none;
+}
+
+// Topic and forum Search
+.search-box {
+	float: left;
+}
+
+.search-box .inputbox {
+	background-image: none;
+	border-right-width: 0;
+	border-radius: $big-button-border-radius 0 0 $big-button-border-radius;
+	float: left;
+	height: $button-outer-height;
+	padding: 3px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	.rtl & {
+		border-radius: 0 $big-button-border-radius $big-button-border-radius 0;
+	}
+}
+
+// Search box (header)
+// ---------------------------------------------
+.search-header {
+	border-radius: $big-button-border-radius;
+	display: block;
+	border: 1px solid transparent;
+	.navbar.with-search & {
+		margin-top: 1px;
+	}
+	@if $tabbed-navigation {
+		.navbar.not-static + .navbar.with-search & {
+			&, & a.button, & .inputbox {
+				border-radius: 0;
+			}
+			margin-right: -3px;
+			.rtl & {
+				margin-right: 0;
+				margin-left: -3px;
+			}
+		}
+	}
+	.headerbar & {
+		position: absolute;
+		top: 50%;
+		right: 5px;
+		margin-top: -13px;
+	}
+}
+
+.search-header .inputbox { border: 0; }
+
+.navbar .linklist > li.responsive-search { display: none; }
+
+.full { width: 95%; }
+.medium { width: 50%;}
+.narrow { width: 25%;}
+.tiny { width: 10%;}
diff --git a/simplicity_darkblue/theme/common/_icons.scss b/simplicity_darkblue/theme/common/_icons.scss
new file mode 100644
index 0000000..3ac5984
--- /dev/null
+++ b/simplicity_darkblue/theme/common/_icons.scss
@@ -0,0 +1,96 @@
+/* --------------------------------------------------------------
+	$Icons
+-------------------------------------------------------------- */
+
+/* Global module setup
+--------------------------------*/
+
+/* Renamed version of .fa class for agnostic usage of icon fonts.
+ * Just change the name of the font after the 14/1 to the name of
+ * the font you wish to use.
+ */
+.icon, .button .icon, blockquote cite:before, .uncited:before {
+	display: inline-block;
+  	font-weight: normal;
+  	font-style: normal;
+  	font-variant: normal;
+  	font-family: FontAwesome;
+  	font-size: 14px;
+  	line-height: 1;
+  	text-rendering: auto; /* optimizelegibility throws things off #1094 */
+  	-webkit-font-smoothing: antialiased;
+  	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon:before { padding-right: 2px; }
+
+.button .icon:before {
+	padding-right: 0;
+}
+
+/* Icon size classes - Default size is 14px, use these for small variations */
+
+.icon.icon-xl {
+	font-size: 20px;
+}
+
+.icon.icon-lg {
+	font-size: 16px;
+}
+
+.icon.icon-md {
+	font-size: 10px;
+}
+
+.icon.icon-sm {
+	font-size: 8px;
+}
+
+/* icon modifiers */
+.icon-tiny {
+	width: 12px;
+	transform: scale(0.65, 0.75);
+	vertical-align: text-bottom;
+	font-size: 16px;
+}
+
+.arrow-left .icon {
+	float: left;
+}
+
+.arrow-left:hover .icon {
+	margin-left: -5px;
+	margin-right: 5px;
+}
+
+.arrow-right .icon {
+	float: right;
+}
+
+.arrow-right:hover .icon {
+	margin-left: 5px;
+	margin-right: -5px;
+}
+
+.post-buttons .dropdown-contents .icon {
+    float: right;
+    margin-left: 5px;
+}
+
+.alert_close .icon:before {
+	padding: 0;
+    border-radius: 50%;
+    width: 11px;
+    display: block;
+    line-height: .9;
+    height: 12px;
+}
+
+blockquote cite:before, .uncited:before {
+	content: '\f10d'; /* Font Awesome quote-left */
+}
+
+.rtl blockquote cite:before, .rtl .uncited:before {
+	content: '\f10e'; /* Font Awesome quote-right */
+}
+
diff --git a/simplicity_darkblue/theme/common/_imageset.scss b/simplicity_darkblue/theme/common/_imageset.scss
new file mode 100644
index 0000000..8b4d1dd
--- /dev/null
+++ b/simplicity_darkblue/theme/common/_imageset.scss
@@ -0,0 +1,278 @@
+// Icon images
+// ----------------------------------------
+%icon-image {
+	position: relative;
+	background-image: none;
+	&:after {
+		content: '';
+		position: absolute;
+		top: 50%;
+		left: 0;
+		height: 14px;
+		margin-top: -7px;
+		text-align: center;
+		font-size: 12px;
+		line-height: 14px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+	&.small-icon:after {
+		width: 18px;
+		text-align: center;
+	}
+}
+
+%icon-image-fa {
+	@extend %icon-image;
+	&:after {
+		font-family: FontAwesome;
+	}
+}
+
+%icon-search-old {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f002';	// fa-search
+	}
+}
+
+%icon-search-new {
+	@extend %icon-search-old;
+}
+
+%icon-search-misc {
+	@extend %icon-search-old;
+}
+
+.icon-acp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f085';	// fa-cogs
+	}
+}
+.icon-bookmark {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f02e';	// fa-bookmark
+		margin-left: -1px;
+		margin-right: -1px;
+	}
+}
+.icon-bump {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f079';	// fa-retweet
+	}
+}
+.icon-contact {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0e0';	// fa-envelope
+	}
+}
+.icon-delete-cookies {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f014';	// fa-trash-o
+	}
+}
+.icon-download {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f019';	// fa-download
+	}
+}
+.icon-faq {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f059';	// fa-question-circle
+	}
+}
+.icon-home {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f015';	// fa-home
+	}
+	&.breadcrumbs:after {
+		text-align: left;
+	}
+}
+.icon-logout {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f08b';	// fa-sign-out
+	}
+}
+.icon-login {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f090';	// fa-sign-in
+	}
+}
+.icon-mark {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f046';	// fa-check-square-o
+	}
+}
+.icon-mcp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0e3';	// fa-gavel
+	}
+}
+.icon-members {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+	&:before {
+		@extend .icon-members:after;
+		display: block;
+		font-size: 10px;
+		padding: 0;
+		padding-left: 4px;
+		padding-top: 1px;
+		opacity: .7;
+	}
+}
+ul.linklist.bulletin > li.small-icon.icon-members:before { 
+	@extend .icon-members:before; 
+}
+.icon-notification {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0a2';	// fa-bell-o
+	}
+	&.non-zero:after {
+		content: '\f0f3';	// fa-bell
+	}
+}
+.icon-pages {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0c5';	// fa-copy
+	}
+}
+.icon-pm {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f003';	// fa-envelope-o
+	}
+	&.non-zero:after {
+		content: '\f0e0';	// fa-envelope
+	}
+}
+.icon-print {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f02f';	// fa-print
+	}
+}
+.icon-profile {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+}
+.icon-register{
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f234';	// fa-user-plus
+	}
+}
+.icon-search				{ @extend %icon-search-old; }
+.icon-search-active			{ @extend %icon-search-old; }
+.icon-search-advanced		{ @extend %icon-search-old; }
+.icon-search-new			{ @extend %icon-search-new; }
+.icon-search-self			{ @extend %icon-search-misc; }
+.icon-search-unanswered		{ @extend %icon-search-new; }
+.icon-search-unread			{ @extend %icon-search-new; }
+.icon-sendemail {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f003';	// fa-envelope-o
+	}
+}
+.icon-subscribe {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f05d';	// fa-check-circle-o
+	}
+}
+.icon-team {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+	&:before {
+		@extend .icon-team:after;
+		display: block;
+		font-size: 10px;
+		padding: 0;
+		white-space: nowrap;
+		padding-top: 1px;
+		opacity: .7;
+		content: '\f007\f007';	// fa-user fa-user
+	}
+}
+ul.linklist.bulletin > li.small-icon.icon-team:before { @extend .icon-team:before; }
+.icon-ucp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0ad';	// fa-wrench
+	}
+}
+.icon-unsubscribe {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f05c';	// times-circle-o
+	}
+}
+.icon-new-posts {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f086';	// fa-comments
+	}
+}
+.icon-forums {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f075';	// fa-comment
+	}
+}
+.icon-chat {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f086';	// fa-comments
+	}
+}
+.icon-time {
+	@extend %icon-image-fa;
+	&:after {
+		// content: '\E055';	// glyphicons-clock
+		content: '\f017';	// fa-clock-o
+	}
+}
+
+
+// Thanks for posts mod
+.icon-thanks {
+	background-image: none !important;
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f087';	// fa-thumbs-o-up
+	}
+}
+
+.icon-thanks_toplist {
+	background-image: none !important;
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f005';	// fa-star
+	}
+}
\ No newline at end of file
diff --git a/simplicity_darkblue/theme/common/_links.scss b/simplicity_darkblue/theme/common/_links.scss
new file mode 100644
index 0000000..495e240
--- /dev/null
+++ b/simplicity_darkblue/theme/common/_links.scss
@@ -0,0 +1,249 @@
+// Link Styles
+// ----------------------------------------
+
+// Links adjustment to correctly display an order of rtl/ltr mixed content
+a {
+	direction: ltr;
+	unicode-bidi: embed;
+	text-decoration: none;
+	/* we use links inline more often then not so to address several bugs with
+	IE and some other browsers we render all links as inlineblock by default */
+	display: inline-block;
+}
+
+// Coloured usernames
+.username-coloured {
+	font-weight: bold;
+	display: inline !important;
+	padding: 0 !important;
+}
+
+span.username-coloured {
+		margin-left: 10px;
+}
+
+// Links on gradient backgrounds
+.forumbg .header a, .forabg .header a, th a {
+	text-decoration: none;
+}
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+	text-decoration: underline;
+}
+
+// Notification mark read link
+.dropdown-extended a.mark_read {
+	display: block;
+	opacity: .2;
+	position: absolute;
+	z-index: 2;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	width: 30px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	transition: opacity .2s;
+}
+
+.dropdown-extended li:hover a.mark_read {
+	opacity: .85;
+}
+
+.dropdown-extended li a.mark_read:hover {
+	opacity: 1;
+}
+
+.dropdown-extended a.mark_read:after {
+	width: auto;
+	left: 4px;
+	right: 0;
+	font-size: 16px;
+}
+
+.jumpbox-cat-link,
+.jumpbox-forum-link { font-weight: bold; }
+
+// Links for forum/topic lists
+a.forumtitle {
+	display: inline-block;
+	font-family: $forum-link-font-family;
+	font-size: $forum-link-font-size;
+	line-height: $forum-link-line-height;
+	font-weight: 500;
+	padding-bottom: 2px;
+	text-decoration: none;
+	&:hover {
+		text-decoration: underline;
+	}
+}
+
+a.topictitle {
+	@extend a.forumtitle;
+	font-family: $topic-link-font-family;
+	font-size: $topic-link-font-size;
+}
+
+a.lastsubject {
+	font-weight: bold;
+	text-decoration: none;
+}
+
+a.lastsubject:hover {
+	text-decoration: underline;
+}
+
+// Profile links
+.postprofile a, .postprofile dt.author a {
+	font-weight: bold;
+	text-decoration: none;
+}
+
+.postprofile a:hover, .postprofile dt.author a:hover {
+	text-decoration: underline;
+}
+
+// Profile searchresults
+.search .postprofile a {
+	text-decoration: none;
+	font-weight: normal;
+}
+
+.search .postprofile a:hover {
+	text-decoration: underline;
+}
+
+.top {
+	font-size: 12px;
+	text-decoration: none;
+	margin-top: 10px;
+}
+
+// Back to top of page
+.back2top {
+	clear: both;
+	.post > & {
+		position: relative;
+		right: 5px;
+		bottom: 5px;
+		.rtl & {
+			right: auto;
+			left: 5px;
+		}
+	}
+}
+
+.back2top .top {
+	float: right;
+	margin-top: 0;
+}
+
+a.top, a.top2 {
+	position: relative;
+}
+
+// Arrow links
+%arrow {
+	position: relative;
+	&:after {
+		position: absolute;
+		top: 50%;
+		margin-top: -5px;
+		text-align: center;
+		font-family: FontAwesome;
+		font-size: 8px;
+		line-height: 10px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+}
+
+a.arrow-up {
+	@extend %arrow;
+	&:after {
+		content: '\f077';	// fa-chevron-up
+		left: 0;
+	}
+	.rtl &:after {
+		left: auto;
+		right: 0;
+	}
+}
+a.arrow-down {
+	@extend %arrow;
+	&:after {
+		content: '\f078';	// fa-chevron-down
+		right: 0;
+		padding-top: 1px;
+	}
+	.rtl &:after {
+		right: auto;
+		left: 0;
+	}
+}
+
+a.arrow-up {
+	padding-left: 10px;
+	text-decoration: none;
+	border-bottom-width: 0;
+}
+
+a.arrow-down {
+	padding-right: 10px;
+}
+
+a.arrow-down:hover {
+	text-decoration: none;
+}
+
+a.arrow-left:hover {
+	text-decoration: none;
+}
+
+a.arrow-right:hover {
+	text-decoration: none;
+}
+
+// invisible skip link, used for accessibility
+.skiplink {
+	position: absolute;
+	left: -999px;
+	width: 990px;
+}
+
+// Feed icon in forumlist_body.html
+a.feed-icon-forum {
+	float: right;
+	margin: 3px;
+	width: 16px;
+	height: 16px;
+	position: relative;
+}
+
+.topiclist.forums a.feed-icon-forum {
+	margin-top: 12px;
+}
+
+a.feed-icon-forum:after {
+	content: '\f09e';	// fa-rss
+	position: absolute;
+	left: 0;
+	right: 0;
+	width: 16px;
+	height: 16px;
+	font-family: FontAwesome;
+	font-size: 14px;
+	font-weight: normal;
+	font-style: normal;
+	line-height: 16px;
+	text-align: center;
+}
+
+a.top-anchor {
+	display: block;
+}
diff --git a/simplicity_darkblue/theme/common/_normalize.scss b/simplicity_darkblue/theme/common/_normalize.scss
new file mode 100644
index 0000000..31ef98e
--- /dev/null
+++ b/simplicity_darkblue/theme/common/_normalize.scss
@@ -0,0 +1,414 @@
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
+ */
+
+html {
+	font-family: sans-serif; /* 1 */
+	-ms-text-size-adjust: 100%; /* 2 */
+	-webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+	margin: 0;
+}
+
+/* HTML5 display definitions
+	 ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+	display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+	display: inline-block; /* 1 */
+	vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+	display: none;
+	height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+	display: none;
+}
+
+/* Links
+	 ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+	background-color: transparent;
+}
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+
+a:active,
+a:hover {
+	outline: 0;
+}
+
+/* Text-level semantics
+	 ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+	border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+	font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+	font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+	font-size: 2em;
+	margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+	background: #ff0;
+	color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+	font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sup {
+	top: -0.5em;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+/* Embedded content
+	 ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+	border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+	overflow: hidden;
+}
+
+/* Grouping content
+	 ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+	margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+	box-sizing: content-box;
+	height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+	overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+	font-family: monospace, monospace;
+	font-size: 1em;
+}
+
+/* Forms
+	 ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+	color: inherit; /* 1 */
+	font: inherit; /* 2 */
+	margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+	overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+	text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+	-webkit-appearance: button; /* 2 */
+	cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+	cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+	border: 0;
+	padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+	line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+	box-sizing: border-box; /* 1 */
+	padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+	height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+
+input[type="search"] {
+	-webkit-appearance: textfield; /* 1 */
+	box-sizing: content-box; /* 2 */
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+	-webkit-appearance: none;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+	border: 0; /* 1 */
+	padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+	overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+	font-weight: bold;
+}
+
+/* Tables
+	 ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+td,
+th {
+	padding: 0;
+}
diff --git a/simplicity_darkblue/theme/common/_responsive.scss b/simplicity_darkblue/theme/common/_responsive.scss
new file mode 100644
index 0000000..2284b4a
--- /dev/null
+++ b/simplicity_darkblue/theme/common/_responsive.scss
@@ -0,0 +1,652 @@
+// Responsive Design
+// ----------------------------------------
+
+@media (max-width: 320px) {
+	select, .inputbox {
+		max-width: 240px;
+	}
+}
+
+/* Notifications list
+----------------------------------------*/
+@media (max-width: 350px) {
+	.dropdown-extended .dropdown-contents {
+		width: auto;
+	}
+}
+
+@media (max-width: 430px) {
+	.action-bar .search-box .inputbox {
+		width: 120px;
+	}
+
+	.section-viewtopic .search-box .inputbox {
+		width: 57px;
+	}
+
+	.action-bar .search-box .inputbox ::-moz-placeholder {
+    	content: "Search...";
+  	}
+
+  	.action-bar .search-box .inputbox :-ms-input-placeholder {
+  		content: "Search...";
+  	}
+
+  	.action-bar .search-box .inputbox ::-webkit-input-placeholder {
+  		content: "Search...";
+  	}
+}
+
+@media (max-width: 500px) {
+	dd label {
+		white-space: normal;
+	}
+
+	select, .inputbox {
+		max-width: 260px;
+	}
+
+	.captcha-panel dd.captcha {
+		margin-left: 0;
+	}
+
+	.captcha-panel dd.captcha-image img {
+		width: 100%;
+	}
+
+	dl.details dt, dl.details dd {
+		width: auto;
+		float: none;
+		text-align: left;
+	}
+
+	dl.details dd {
+		margin-left: 20px;
+	}
+
+	p.responsive-center {
+		float: none;
+		text-align: center;
+		margin-bottom: 5px;
+	}
+
+	.action-bar > div {
+		margin-bottom: 5px;
+ 	}
+
+	.action-bar > .pagination {
+		float: none;
+		clear: both;
+		padding-bottom: 1px;
+		text-align: center;
+	}
+
+	.action-bar > .pagination li.page-jump {
+		margin: 0 2px;
+	}
+
+	p.jumpbox-return {
+		display: none;
+	}
+
+	.display-options > label:nth-child(1) {
+		display: block;
+		margin-bottom: 5px;
+	}
+
+	.attach-controls {
+		margin-top: 5px;
+		width: 100%;
+	}
+
+	.quick-links .dropdown-trigger span {
+		display: none;
+	}
+}
+
+@media (max-width: 550px) {
+	ul.topiclist.forums dt {
+		margin-right: 0;
+	}
+
+	ul.topiclist.forums dt .list-inner {
+		margin-right: 0;
+	}
+
+	ul.topiclist.forums dd.lastpost {
+		display: none;
+	}
+}
+
+@media (max-width: 700px) {
+	.responsive-hide { display: none !important; }
+	.responsive-show { display: block !important; }
+	.responsive-show-inline { display: inline !important; }
+	.responsive-show-inline-block { display: inline-block !important; }
+
+	/* Content wrappers
+	----------------------------------------*/
+	html {
+		height: auto;
+	}
+
+	body {
+		padding: 0;
+	}
+
+	#wrap {
+		border: none;
+		border-radius: 0;
+		margin: 0;
+
+		padding: 0 5px;
+	}
+
+	.page-width, .navbar .inner.static > .static-inner {
+		min-width: 290px;
+		margin: 0;
+	}
+
+	.navbar .inner.static > .static-inner,
+	#wrap .navbar .inner.static > .static-inner {
+		padding: 0;
+	}
+
+	// Common block wrappers
+	// ----------------------------------------
+	.forabg, .forumbg, .post, .panel {
+		border-radius: 0;
+		margin-left: -5px;
+		margin-right: -5px;
+	}
+	.headerbar, .navbar {
+		border-radius: 0;
+	}
+	#wrap .headerbar, #wrap .navbar {
+		margin-left: -5px;
+		margin-right: -5px;
+	}
+
+	.cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
+		border-radius: 0;
+	}
+
+	@if $tabbed-navigation == false {
+		.navbar.tabbed .nav-tabs, .navbar.tabbed .nav-tabs .tab {
+			border-radius: 0 !important;
+		}
+	}
+
+	// Logo block
+	// ----------------------------------------
+	.site-description {
+		float: none;
+		width: auto;
+		text-align: center;
+	}
+
+	.logo {
+		@if $responsive-hide-logo == true {
+			display: none;
+		}
+		float: none;
+		margin: 0 auto;
+		padding: 10px;
+		img {
+			margin: 0 auto;
+		}
+	}
+
+	.site-description h1, .site-description p, .site-description p.sitename {
+		@if $responsive-hide-logo == true {
+			display: block;
+		}
+		text-align: inherit;
+		float: none;
+		margin: 5px;
+		line-height: 1.2em;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.site-description p, .headerbar .search-header {
+		display: none;
+	}
+
+	// Navigation
+	// ----------------------------------------
+
+	// Search
+	// ----------------------------------------
+	.responsive-search { display: block !important; }
+
+	// .topiclist lists
+	// ----------------------------------------
+	li.header dt {
+	}
+
+	ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
+		margin-right: 0 !important;
+		padding-right: 0;
+	}
+
+	ul.topiclist li.header dd {
+		display: none !important;
+	}
+
+	ul.topiclist dt, ul.topiclist dt .list-inner,
+	ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
+	ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
+	ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
+		margin-right: 0;
+	}
+
+	ul.topiclist dt .list-inner.with-mark {
+		padding-right: 34px;
+	}
+
+	ul.topiclist dt .list-inner {
+		min-height: 28px;
+	}
+
+	ul.topiclist li.header dt .list-inner {
+		min-height: 0;
+	}
+
+	ul.topiclist dd {
+		display: none;
+	}
+	ul.topiclist dd.mark {
+		display: block;
+	}
+
+	/* Forums and topics lists
+	----------------------------------------*/
+	ul.topiclist.forums dt {
+		margin-right: -250px;
+	}
+
+	ul.topiclist dd.mark {
+		display: block;
+		position: absolute;
+		right: 5px;
+		top: 0;
+		margin: 0;
+		width: auto;
+		min-width: 0;
+		text-align: left;
+	}
+
+	ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
+		position: relative;
+		left: 0;
+		width: auto;
+		display: inline;
+		font-weight: normal;
+	}
+
+	li.row .responsive-show strong {
+		font-weight: bold;
+		color: inherit;
+	}
+
+	ul.topiclist li.row dt a.subforum {
+		vertical-align: bottom;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		max-width: 100px;
+	}
+
+	/* Pagination
+	----------------------------------------*/
+	.pagination > ul {
+		margin: 5px 0 0;
+	}
+
+	.row .pagination .ellipsis + li {
+		display: none !important;
+	}
+
+	/* Responsive tables
+	----------------------------------------*/
+	table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
+		display: block;
+	}
+
+	table.responsive thead, table.responsive th {
+		display: none;
+	}
+
+	table.responsive.show-header thead, table.responsive.show-header th:first-child {
+		display: block;
+		width: auto !important;
+		text-align: left !important;
+		border-radius: 0;
+	}
+
+	table.responsive.show-header th:first-child span.rank-img {
+		display: none;
+	}
+
+	table.responsive tr {
+		margin: 2px 0;
+	}
+
+	table.responsive td {
+		width: auto !important;
+		text-align: left !important;
+		padding: 4px;
+	}
+
+	table.responsive td.empty {
+		display: none !important;
+	}
+
+	table.responsive td > dfn {
+		display: inline-block !important;
+	}
+
+	table.responsive td > dfn:after {
+		content: ':';
+		padding-right: 5px;
+	}
+
+	table.responsive span.rank-img {
+		float: none;
+		padding-right: 5px;
+	}
+
+	table.responsive.memberlist td:first-child input[type="checkbox"] {
+		float: right;
+	}
+
+	/* Forms
+	----------------------------------------*/
+	fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
+		width: auto;
+		float: none;
+	}
+
+	fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
+		margin-left: 0px;
+	}
+
+	textarea, dd textarea, .message-box textarea {
+		width: 100%;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+
+	dl.pmlist dt {
+		width: auto !important;
+		margin-bottom: 5px;
+	}
+
+	dl.pmlist dd {
+		display: inline-block;
+		margin-left: 0 !important;
+	}
+
+	dl.pmlist dd:first-of-type {
+		padding-left: 20px;
+	}
+
+	.smiley-box, .message-box {
+		float: none;
+		width: auto;
+	}
+
+	.smiley-box {
+		margin-top: 5px;
+	}
+
+	.bbcode-status {
+		display: none;
+	}
+
+	.colour-palette, .colour-palette tbody, .colour-palette tr {
+		display: block;
+	}
+
+	.colour-palette td {
+		display: inline-block;
+		margin-right: 2px;
+	}
+
+	.horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
+		display: none;
+	}
+
+	fieldset.quick-login label {
+		display: block;
+		margin-bottom: 5px;
+		white-space: normal;
+	}
+
+	fieldset.quick-login label > span {
+		display: inline-block;
+		min-width: 100px;
+	}
+
+	fieldset.quick-login input.inputbox {
+		width: 85%;
+		max-width: 300px;
+		margin-left: 20px;
+	}
+
+	fieldset.quick-login label[for="autologin"] {
+		display: inline-block;
+		text-align: right;
+		min-width: 50%;
+	}
+
+	/* User profile
+	----------------------------------------*/
+	.column1, .column2, .left-box.profile-details {
+		float: none;
+		width: auto;
+		clear: both;
+	}
+
+	/* Polls
+	----------------------------------------*/
+	fieldset.polls dt {
+		width: 90%;
+	}
+
+	fieldset.polls dd.resultbar {
+		padding-left: 20px;
+	}
+
+	fieldset.polls dd.poll_option_percent {
+		width: 20%;
+	}
+
+	fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
+		margin-top: 5px;
+	}
+
+	/* Post
+	----------------------------------------*/
+	.postbody {
+		position: inherit;
+	}
+	
+	.postbody {
+		.postprofile + & {
+		float: none;
+		position: inherit;
+		width: auto;
+		}
+	}
+	
+	.postprofile, .postbody, .search .postbody {
+		display: block;
+		width: auto;
+		float: none;
+		padding: 0;
+		min-height: 0;
+	}
+
+	.post .postprofile {
+		width: auto;
+		border-width: 0 0 1px 0;
+		padding-bottom: 5px;
+		margin: 0;
+		margin-bottom: 5px;
+		min-height: 40px;
+		overflow: hidden;
+		z-index: auto !important;
+	}
+
+	.postprofile dd {
+		display: none;
+	}
+
+	.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
+		display: block;
+		margin: 0;
+	}
+
+	.postprofile .has-avatar .avatar-container,
+	.postprofile .no-avatar .avatar-container {
+		margin: 0;
+		overflow: inherit;
+		float: left;
+		padding-right: 5px;
+	}
+
+	.postprofile .avatar-container:after {
+		clear: none;
+	}
+
+	.postprofile .avatar, .postprofile .no-avatar .avatar-container {
+		margin-right: 5px;
+	}
+
+	.postprofile .avatar img {
+		width: auto !important;
+		height: auto !important;
+		max-height: 32px;
+	}
+
+	.no-avatar .avatar-container {
+		width: 32px;
+		height: 32px;
+	}
+
+	.has-profile .postbody h3 {
+		margin-left: 0 !important;
+		margin-right: 0 !important;
+	}
+
+	.has-profile .post-buttons {
+		right: 10px;
+		top: 10px;
+		.rtl & {
+			right: auto;
+			left: 10px;
+		}
+	}
+
+	.online-ribbon {
+		width: 35px;
+		height: 35px;
+		top: 0;
+		#{$profile-side}: 0;
+
+		.rtl & {
+			#{$profile-side}: auto;
+			#{$post-side}: 0;
+		}
+
+		span {
+			width: 50px;
+			font-size: 6px;
+			line-height: 10px;
+			height: 10px;
+			text-align: center;
+			position: absolute;
+			top: 8px;
+			white-space: nowrap;
+			#{$profile-side}: -12px;
+
+			.rtl & {
+				#{$profile-side}: auto;
+				#{$post-side}: -12px;
+			}
+		}
+	}
+
+	// Misc stuff
+	// ----------------------------------------
+	h2 {
+		margin-top: .5em;
+	}
+
+	p {
+		margin-bottom: .5em;
+		overflow: hidden;
+	}
+
+	p.rightside {
+		margin-bottom: 0;
+	}
+
+	fieldset.display-options label {
+		display: inline-block;
+		clear: both;
+		margin-bottom: 5px;
+		letter-spacing: -.3px;
+	}
+
+	dl.mini dd.pm-legend {
+		float: left;
+		min-width: 200px;
+	}
+
+	.topicreview {
+		margin: 0 -5px;
+		padding: 0 5px;
+	}
+
+	fieldset.display-actions {
+		white-space: normal;
+	}
+
+	.phpbb_alert {
+		width: auto;
+		margin: 0 5px;
+	}
+
+	.attach-comment dfn {
+		width: 100%;
+	}
+}
+
+@media (min-width: 700px) {
+	.postbody { width: 70%; }
+}
+
+@media (min-width: 850px) {
+	.postbody { width: 76%; }
+}
+
+@media (min-width: 701px) and (max-width: 950px) {
+
+	ul.topiclist dt {
+    	margin-right: -410px;
+	}
+
+	ul.topiclist dt .list-inner {
+    	margin-right: 410px;
+	}
+
+	ul.topiclist dd.lastpost {
+  		float: right; 
+  	}
+
+	dd.posts, dd.topics, dd.views {
+    	width: 80px;
+	}
+}
diff --git a/simplicity_darkblue/theme/common/_utilities.scss b/simplicity_darkblue/theme/common/_utilities.scss
new file mode 100644
index 0000000..cbb8127
--- /dev/null
+++ b/simplicity_darkblue/theme/common/_utilities.scss
@@ -0,0 +1,66 @@
+/* --------------------------------------------------------------
+	$Utilities
+-------------------------------------------------------------- */
+
+.sr-only {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	margin: -1px;
+	padding: 0;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
+	border: 0;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+}
+
+.clearfix:before,
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after {
+	content: " ";
+	display: table;
+}
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after { clear: both }
+
+.center-block {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.pull-right { float: right !important }
+.pull-left { float: left !important }
+.hide { display: none !important }
+.show { display: block !important }
+.invisible { visibility: hidden }
+
+.text-hide {
+	font: 0/0 a;
+	color: transparent;
+	text-shadow: none;
+	background-color: transparent;
+	border: 0;
+}
+
+.hidden {
+	display: none ;
+}
+
+.affix { position: fixed }
diff --git a/simplicity_darkblue/theme/images/announce_read.png b/simplicity_darkblue/theme/images/announce_read.png
new file mode 100644
index 0000000..0b8182d
Binary files /dev/null and b/simplicity_darkblue/theme/images/announce_read.png differ
diff --git a/simplicity_darkblue/theme/images/announce_read_hd.png b/simplicity_darkblue/theme/images/announce_read_hd.png
new file mode 100644
index 0000000..4989c5f
Binary files /dev/null and b/simplicity_darkblue/theme/images/announce_read_hd.png differ
diff --git a/simplicity_darkblue/theme/images/announce_read_locked.png b/simplicity_darkblue/theme/images/announce_read_locked.png
new file mode 100644
index 0000000..d418abc
Binary files /dev/null and b/simplicity_darkblue/theme/images/announce_read_locked.png differ
diff --git a/simplicity_darkblue/theme/images/announce_read_locked_hd.png b/simplicity_darkblue/theme/images/announce_read_locked_hd.png
new file mode 100644
index 0000000..0a1809f
Binary files /dev/null and b/simplicity_darkblue/theme/images/announce_read_locked_hd.png differ
diff --git a/simplicity_darkblue/theme/images/announce_unread.png b/simplicity_darkblue/theme/images/announce_unread.png
new file mode 100644
index 0000000..4cdbb02
Binary files /dev/null and b/simplicity_darkblue/theme/images/announce_unread.png differ
diff --git a/simplicity_darkblue/theme/images/announce_unread_hd.png b/simplicity_darkblue/theme/images/announce_unread_hd.png
new file mode 100644
index 0000000..353b32c
Binary files /dev/null and b/simplicity_darkblue/theme/images/announce_unread_hd.png differ
diff --git a/simplicity_darkblue/theme/images/announce_unread_locked.png b/simplicity_darkblue/theme/images/announce_unread_locked.png
new file mode 100644
index 0000000..e664f3f
Binary files /dev/null and b/simplicity_darkblue/theme/images/announce_unread_locked.png differ
diff --git a/simplicity_darkblue/theme/images/announce_unread_locked_hd.png b/simplicity_darkblue/theme/images/announce_unread_locked_hd.png
new file mode 100644
index 0000000..2bc87ba
Binary files /dev/null and b/simplicity_darkblue/theme/images/announce_unread_locked_hd.png differ
diff --git a/simplicity_darkblue/theme/images/forum_link.png b/simplicity_darkblue/theme/images/forum_link.png
new file mode 100644
index 0000000..ebf4342
Binary files /dev/null and b/simplicity_darkblue/theme/images/forum_link.png differ
diff --git a/simplicity_darkblue/theme/images/forum_link_hd.png b/simplicity_darkblue/theme/images/forum_link_hd.png
new file mode 100644
index 0000000..952e1ce
Binary files /dev/null and b/simplicity_darkblue/theme/images/forum_link_hd.png differ
diff --git a/simplicity_darkblue/theme/images/forum_page.png b/simplicity_darkblue/theme/images/forum_page.png
new file mode 100644
index 0000000..2d5fed7
Binary files /dev/null and b/simplicity_darkblue/theme/images/forum_page.png differ
diff --git a/simplicity_darkblue/theme/images/forum_page_hd.png b/simplicity_darkblue/theme/images/forum_page_hd.png
new file mode 100644
index 0000000..4c11cd9
Binary files /dev/null and b/simplicity_darkblue/theme/images/forum_page_hd.png differ
diff --git a/simplicity_darkblue/theme/images/forum_read.png b/simplicity_darkblue/theme/images/forum_read.png
new file mode 100644
index 0000000..0b8182d
Binary files /dev/null and b/simplicity_darkblue/theme/images/forum_read.png differ
diff --git a/simplicity_darkblue/theme/images/forum_read_hd.png b/simplicity_darkblue/theme/images/forum_read_hd.png
new file mode 100644
index 0000000..4989c5f
Binary files /dev/null and b/simplicity_darkblue/theme/images/forum_read_hd.png differ
diff --git a/simplicity_darkblue/theme/images/forum_read_locked.png b/simplicity_darkblue/theme/images/forum_read_locked.png
new file mode 100644
index 0000000..ae7d2cd
Binary files /dev/null and b/simplicity_darkblue/theme/images/forum_read_locked.png differ
diff --git a/simplicity_darkblue/theme/images/forum_read_locked_hd.png b/simplicity_darkblue/theme/images/forum_read_locked_hd.png
new file mode 100644
index 0000000..2f526d1
Binary files /dev/null and b/simplicity_darkblue/theme/images/forum_read_locked_hd.png differ
diff --git a/simplicity_darkblue/theme/images/forum_read_subforum.png b/simplicity_darkblue/theme/images/forum_read_subforum.png
new file mode 100644
index 0000000..0b8182d
Binary files /dev/null and b/simplicity_darkblue/theme/images/forum_read_subforum.png differ
diff --git a/simplicity_darkblue/theme/images/forum_read_subforum_hd.png b/simplicity_darkblue/theme/images/forum_read_subforum_hd.png
new file mode 100644
index 0000000..4989c5f
Binary files /dev/null and b/simplicity_darkblue/theme/images/forum_read_subforum_hd.png differ
diff --git a/simplicity_darkblue/theme/images/forum_unread.png b/simplicity_darkblue/theme/images/forum_unread.png
new file mode 100644
index 0000000..4cdbb02
Binary files /dev/null and b/simplicity_darkblue/theme/images/forum_unread.png differ
diff --git a/simplicity_darkblue/theme/images/forum_unread_hd.png b/simplicity_darkblue/theme/images/forum_unread_hd.png
new file mode 100644
index 0000000..353b32c
Binary files /dev/null and b/simplicity_darkblue/theme/images/forum_unread_hd.png differ
diff --git a/simplicity_darkblue/theme/images/forum_unread_locked.png b/simplicity_darkblue/theme/images/forum_unread_locked.png
new file mode 100644
index 0000000..0f9dfea
Binary files /dev/null and b/simplicity_darkblue/theme/images/forum_unread_locked.png differ
diff --git a/simplicity_darkblue/theme/images/forum_unread_locked_hd.png b/simplicity_darkblue/theme/images/forum_unread_locked_hd.png
new file mode 100644
index 0000000..5713136
Binary files /dev/null and b/simplicity_darkblue/theme/images/forum_unread_locked_hd.png differ
diff --git a/simplicity_darkblue/theme/images/forum_unread_subforum.png b/simplicity_darkblue/theme/images/forum_unread_subforum.png
new file mode 100644
index 0000000..4cdbb02
Binary files /dev/null and b/simplicity_darkblue/theme/images/forum_unread_subforum.png differ
diff --git a/simplicity_darkblue/theme/images/forum_unread_subforum_hd.png b/simplicity_darkblue/theme/images/forum_unread_subforum_hd.png
new file mode 100644
index 0000000..353b32c
Binary files /dev/null and b/simplicity_darkblue/theme/images/forum_unread_subforum_hd.png differ
diff --git a/simplicity_darkblue/theme/images/icon_post_target.png b/simplicity_darkblue/theme/images/icon_post_target.png
new file mode 100644
index 0000000..e4ff1d5
Binary files /dev/null and b/simplicity_darkblue/theme/images/icon_post_target.png differ
diff --git a/simplicity_darkblue/theme/images/icon_post_target_hd.png b/simplicity_darkblue/theme/images/icon_post_target_hd.png
new file mode 100644
index 0000000..3a60e20
Binary files /dev/null and b/simplicity_darkblue/theme/images/icon_post_target_hd.png differ
diff --git a/simplicity_darkblue/theme/images/icon_post_target_unread.png b/simplicity_darkblue/theme/images/icon_post_target_unread.png
new file mode 100644
index 0000000..2f151c1
Binary files /dev/null and b/simplicity_darkblue/theme/images/icon_post_target_unread.png differ
diff --git a/simplicity_darkblue/theme/images/icon_post_target_unread_hd.png b/simplicity_darkblue/theme/images/icon_post_target_unread_hd.png
new file mode 100644
index 0000000..d6a4281
Binary files /dev/null and b/simplicity_darkblue/theme/images/icon_post_target_unread_hd.png differ
diff --git a/simplicity_darkblue/theme/images/icon_textbox_search.gif b/simplicity_darkblue/theme/images/icon_textbox_search.gif
new file mode 100644
index 0000000..b3b51d8
Binary files /dev/null and b/simplicity_darkblue/theme/images/icon_textbox_search.gif differ
diff --git a/simplicity_darkblue/theme/images/index.htm b/simplicity_darkblue/theme/images/index.htm
new file mode 100644
index 0000000..e69de29
diff --git a/simplicity_darkblue/theme/images/loading.gif b/simplicity_darkblue/theme/images/loading.gif
new file mode 100644
index 0000000..90964e4
Binary files /dev/null and b/simplicity_darkblue/theme/images/loading.gif differ
diff --git a/simplicity_darkblue/theme/images/logo.png b/simplicity_darkblue/theme/images/logo.png
new file mode 100644
index 0000000..e686786
Binary files /dev/null and b/simplicity_darkblue/theme/images/logo.png differ
diff --git a/simplicity_darkblue/theme/images/logo_hd.png b/simplicity_darkblue/theme/images/logo_hd.png
new file mode 100644
index 0000000..bfdffaf
Binary files /dev/null and b/simplicity_darkblue/theme/images/logo_hd.png differ
diff --git a/simplicity_darkblue/theme/images/no_avatar.gif b/simplicity_darkblue/theme/images/no_avatar.gif
new file mode 100644
index 0000000..14d2965
Binary files /dev/null and b/simplicity_darkblue/theme/images/no_avatar.gif differ
diff --git a/simplicity_darkblue/theme/images/no_avatar.png b/simplicity_darkblue/theme/images/no_avatar.png
new file mode 100644
index 0000000..a7ea9be
Binary files /dev/null and b/simplicity_darkblue/theme/images/no_avatar.png differ
diff --git a/simplicity_darkblue/theme/images/no_avatar_female.png b/simplicity_darkblue/theme/images/no_avatar_female.png
new file mode 100644
index 0000000..d57d9e0
Binary files /dev/null and b/simplicity_darkblue/theme/images/no_avatar_female.png differ
diff --git a/simplicity_darkblue/theme/images/no_avatar_female_hd.png b/simplicity_darkblue/theme/images/no_avatar_female_hd.png
new file mode 100644
index 0000000..0476494
Binary files /dev/null and b/simplicity_darkblue/theme/images/no_avatar_female_hd.png differ
diff --git a/simplicity_darkblue/theme/images/no_avatar_hd.png b/simplicity_darkblue/theme/images/no_avatar_hd.png
new file mode 100644
index 0000000..04a921c
Binary files /dev/null and b/simplicity_darkblue/theme/images/no_avatar_hd.png differ
diff --git a/simplicity_darkblue/theme/images/no_avatar_male.png b/simplicity_darkblue/theme/images/no_avatar_male.png
new file mode 100644
index 0000000..5948b73
Binary files /dev/null and b/simplicity_darkblue/theme/images/no_avatar_male.png differ
diff --git a/simplicity_darkblue/theme/images/no_avatar_male_hd.png b/simplicity_darkblue/theme/images/no_avatar_male_hd.png
new file mode 100644
index 0000000..7ac34bd
Binary files /dev/null and b/simplicity_darkblue/theme/images/no_avatar_male_hd.png differ
diff --git a/simplicity_darkblue/theme/images/pattern.png b/simplicity_darkblue/theme/images/pattern.png
new file mode 100644
index 0000000..0a2eca9
Binary files /dev/null and b/simplicity_darkblue/theme/images/pattern.png differ
diff --git a/simplicity_darkblue/theme/images/plupload/done.gif b/simplicity_darkblue/theme/images/plupload/done.gif
new file mode 100644
index 0000000..ac9ac0e
Binary files /dev/null and b/simplicity_darkblue/theme/images/plupload/done.gif differ
diff --git a/simplicity_darkblue/theme/images/plupload/error.gif b/simplicity_darkblue/theme/images/plupload/error.gif
new file mode 100644
index 0000000..7b3e277
Binary files /dev/null and b/simplicity_darkblue/theme/images/plupload/error.gif differ
diff --git a/simplicity_darkblue/theme/images/plupload/throbber.gif b/simplicity_darkblue/theme/images/plupload/throbber.gif
new file mode 100644
index 0000000..4ae8b16
Binary files /dev/null and b/simplicity_darkblue/theme/images/plupload/throbber.gif differ
diff --git a/simplicity_darkblue/theme/images/subforum_read.png b/simplicity_darkblue/theme/images/subforum_read.png
new file mode 100644
index 0000000..c5ff029
Binary files /dev/null and b/simplicity_darkblue/theme/images/subforum_read.png differ
diff --git a/simplicity_darkblue/theme/images/subforum_read_hd.png b/simplicity_darkblue/theme/images/subforum_read_hd.png
new file mode 100644
index 0000000..4cc23ca
Binary files /dev/null and b/simplicity_darkblue/theme/images/subforum_read_hd.png differ
diff --git a/simplicity_darkblue/theme/images/subforum_unread.png b/simplicity_darkblue/theme/images/subforum_unread.png
new file mode 100644
index 0000000..d9a39f6
Binary files /dev/null and b/simplicity_darkblue/theme/images/subforum_unread.png differ
diff --git a/simplicity_darkblue/theme/images/subforum_unread_hd.png b/simplicity_darkblue/theme/images/subforum_unread_hd.png
new file mode 100644
index 0000000..3bc1e87
Binary files /dev/null and b/simplicity_darkblue/theme/images/subforum_unread_hd.png differ
diff --git a/simplicity_darkblue/theme/images/topic_moved.png b/simplicity_darkblue/theme/images/topic_moved.png
new file mode 100644
index 0000000..ebf4342
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_moved.png differ
diff --git a/simplicity_darkblue/theme/images/topic_moved_hd.png b/simplicity_darkblue/theme/images/topic_moved_hd.png
new file mode 100644
index 0000000..952e1ce
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_moved_hd.png differ
diff --git a/simplicity_darkblue/theme/images/topic_read.png b/simplicity_darkblue/theme/images/topic_read.png
new file mode 100644
index 0000000..0b8182d
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_read.png differ
diff --git a/simplicity_darkblue/theme/images/topic_read_hd.png b/simplicity_darkblue/theme/images/topic_read_hd.png
new file mode 100644
index 0000000..4989c5f
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_read_hd.png differ
diff --git a/simplicity_darkblue/theme/images/topic_read_hot.png b/simplicity_darkblue/theme/images/topic_read_hot.png
new file mode 100644
index 0000000..0b8182d
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_read_hot.png differ
diff --git a/simplicity_darkblue/theme/images/topic_read_hot_hd.png b/simplicity_darkblue/theme/images/topic_read_hot_hd.png
new file mode 100644
index 0000000..4989c5f
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_read_hot_hd.png differ
diff --git a/simplicity_darkblue/theme/images/topic_read_hot_mine.png b/simplicity_darkblue/theme/images/topic_read_hot_mine.png
new file mode 100644
index 0000000..e4338d7
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_read_hot_mine.png differ
diff --git a/simplicity_darkblue/theme/images/topic_read_hot_mine_hd.png b/simplicity_darkblue/theme/images/topic_read_hot_mine_hd.png
new file mode 100644
index 0000000..f9d31a4
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_read_hot_mine_hd.png differ
diff --git a/simplicity_darkblue/theme/images/topic_read_locked.png b/simplicity_darkblue/theme/images/topic_read_locked.png
new file mode 100644
index 0000000..d418abc
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_read_locked.png differ
diff --git a/simplicity_darkblue/theme/images/topic_read_locked_hd.png b/simplicity_darkblue/theme/images/topic_read_locked_hd.png
new file mode 100644
index 0000000..0a1809f
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_read_locked_hd.png differ
diff --git a/simplicity_darkblue/theme/images/topic_read_locked_mine.png b/simplicity_darkblue/theme/images/topic_read_locked_mine.png
new file mode 100644
index 0000000..a187674
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_read_locked_mine.png differ
diff --git a/simplicity_darkblue/theme/images/topic_read_locked_mine_hd.png b/simplicity_darkblue/theme/images/topic_read_locked_mine_hd.png
new file mode 100644
index 0000000..ff32e9e
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_read_locked_mine_hd.png differ
diff --git a/simplicity_darkblue/theme/images/topic_read_mine.png b/simplicity_darkblue/theme/images/topic_read_mine.png
new file mode 100644
index 0000000..e4338d7
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_read_mine.png differ
diff --git a/simplicity_darkblue/theme/images/topic_read_mine_hd.png b/simplicity_darkblue/theme/images/topic_read_mine_hd.png
new file mode 100644
index 0000000..f9d31a4
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_read_mine_hd.png differ
diff --git a/simplicity_darkblue/theme/images/topic_unread.png b/simplicity_darkblue/theme/images/topic_unread.png
new file mode 100644
index 0000000..4cdbb02
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_unread.png differ
diff --git a/simplicity_darkblue/theme/images/topic_unread_hd.png b/simplicity_darkblue/theme/images/topic_unread_hd.png
new file mode 100644
index 0000000..353b32c
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_unread_hd.png differ
diff --git a/simplicity_darkblue/theme/images/topic_unread_hot.png b/simplicity_darkblue/theme/images/topic_unread_hot.png
new file mode 100644
index 0000000..4cdbb02
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_unread_hot.png differ
diff --git a/simplicity_darkblue/theme/images/topic_unread_hot_hd.png b/simplicity_darkblue/theme/images/topic_unread_hot_hd.png
new file mode 100644
index 0000000..353b32c
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_unread_hot_hd.png differ
diff --git a/simplicity_darkblue/theme/images/topic_unread_hot_mine.png b/simplicity_darkblue/theme/images/topic_unread_hot_mine.png
new file mode 100644
index 0000000..31d27fc
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_unread_hot_mine.png differ
diff --git a/simplicity_darkblue/theme/images/topic_unread_hot_mine_hd.png b/simplicity_darkblue/theme/images/topic_unread_hot_mine_hd.png
new file mode 100644
index 0000000..60eebf1
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_unread_hot_mine_hd.png differ
diff --git a/simplicity_darkblue/theme/images/topic_unread_locked.png b/simplicity_darkblue/theme/images/topic_unread_locked.png
new file mode 100644
index 0000000..e664f3f
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_unread_locked.png differ
diff --git a/simplicity_darkblue/theme/images/topic_unread_locked_hd.png b/simplicity_darkblue/theme/images/topic_unread_locked_hd.png
new file mode 100644
index 0000000..2bc87ba
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_unread_locked_hd.png differ
diff --git a/simplicity_darkblue/theme/images/topic_unread_locked_mine.png b/simplicity_darkblue/theme/images/topic_unread_locked_mine.png
new file mode 100644
index 0000000..ff7774c
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_unread_locked_mine.png differ
diff --git a/simplicity_darkblue/theme/images/topic_unread_locked_mine_hd.png b/simplicity_darkblue/theme/images/topic_unread_locked_mine_hd.png
new file mode 100644
index 0000000..9369d5e
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_unread_locked_mine_hd.png differ
diff --git a/simplicity_darkblue/theme/images/topic_unread_mine.png b/simplicity_darkblue/theme/images/topic_unread_mine.png
new file mode 100644
index 0000000..31d27fc
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_unread_mine.png differ
diff --git a/simplicity_darkblue/theme/images/topic_unread_mine_hd.png b/simplicity_darkblue/theme/images/topic_unread_mine_hd.png
new file mode 100644
index 0000000..60eebf1
Binary files /dev/null and b/simplicity_darkblue/theme/images/topic_unread_mine_hd.png differ
diff --git a/simplicity_darkblue/theme/index.htm b/simplicity_darkblue/theme/index.htm
new file mode 100644
index 0000000..e69de29
diff --git a/simplicity_darkblue/theme/plupload.css b/simplicity_darkblue/theme/plupload.css
new file mode 100644
index 0000000..74fd563
--- /dev/null
+++ b/simplicity_darkblue/theme/plupload.css
@@ -0,0 +1 @@
+@import "../../simplicity/theme/plupload.css";
\ No newline at end of file
diff --git a/simplicity_darkblue/theme/print.css b/simplicity_darkblue/theme/print.css
new file mode 100644
index 0000000..36a58f5
--- /dev/null
+++ b/simplicity_darkblue/theme/print.css
@@ -0,0 +1,4 @@
+/* Print Style Sheet
+---------------------------------------- */
+
+@import "../../simplicity/theme/print.css";
\ No newline at end of file
diff --git a/simplicity_darkblue/theme/stylesheet.css b/simplicity_darkblue/theme/stylesheet.css
new file mode 100644
index 0000000..ce86f81
--- /dev/null
+++ b/simplicity_darkblue/theme/stylesheet.css
@@ -0,0 +1,6062 @@
+/*!
+	DO NOT EDIT stylesheet.css!
+
+	Edit .scss files instead. See http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+	If you have any questions, please ask on support forum at http://www.artodia.com/forums/
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline; }
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block; }
+
+body {
+  line-height: 1; }
+
+ol, ul {
+  list-style: none; }
+
+blockquote, q {
+  quotes: none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+abbr {
+  text-decoration: none; }
+
+.site-description:after, .navbar.secondary:after, .navbar .nav-tabs:after, ul.topiclist dl:after, .site-description:before, .navbar.secondary:before, .navbar .nav-tabs:before, ul.topiclist dl:before {
+  content: ' ';
+  display: table;
+  clear: both; }
+
+html {
+  font-size: 100%;
+  height: 100%; }
+
+body {
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px;
+  line-height: 1.4;
+  margin: 0;
+  padding: 0 0 12px;
+  word-wrap: break-word;
+  min-height: 100%;
+  box-sizing: border-box;
+  -webkit-print-color-adjust: exact; }
+
+h1, p.sitename {
+  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+  margin-right: 200px;
+  margin-top: 15px;
+  margin-bottom: 0;
+  font-weight: bold;
+  font-size: 21px;
+  line-height: inherit; }
+
+h2 {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  font-size: 19px;
+  margin: 0.8em 0 0.2em 0; }
+
+h2.solo {
+  margin-bottom: 1em; }
+
+h3 {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-weight: 500;
+  margin-bottom: 5px;
+  font-size: 17px;
+  margin-top: 20px; }
+
+h4 {
+  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+  font-size: 15px; }
+
+p {
+  line-height: 1.3;
+  font-size: 11px;
+  margin-bottom: 1.5em; }
+
+img {
+  border-width: 0; }
+
+hr {
+  border: 0 solid transparent;
+  border-top-width: 1px;
+  height: 1px;
+  margin: 5px 0;
+  display: block;
+  clear: both; }
+
+hr.dashed {
+  border-top-style: dashed;
+  margin: 10px 0; }
+
+hr.divider {
+  display: none; }
+
+p.right {
+  text-align: right; }
+
+p.jumpbox-return {
+  margin-top: 10px;
+  margin-bottom: 0;
+  float: left; }
+
+b, strong {
+  font-weight: bold; }
+
+.text-strong {
+  font-weight: bold; }
+
+i, em {
+  font-style: italic; }
+
+.text-italics {
+  font-style: italic; }
+
+u {
+  text-decoration: underline; }
+
+ul {
+  list-style-type: disc; }
+
+ol {
+  list-style-type: decimal; }
+
+li {
+  display: list-item; }
+
+ul ul, ol ul {
+  list-style-type: circle; }
+
+ol ol ul, ol ul ul, ul ol ul, ul ul ul {
+  list-style-type: square; }
+
+.page-width {
+  box-sizing: border-box;
+  margin: 0 auto;
+  max-width: none;
+  min-width: 625px;
+  margin: 0 12px; }
+
+.page-width .page-width {
+  margin: 0; }
+
+.page-body {
+  margin: 4px 0;
+  clear: both; }
+  #wrap > .page-body:first-of-type {
+    margin-top: 0; }
+  #wrap > .page-body:last-of-type {
+    margin-bottom: 0; }
+
+.page-footer {
+  clear: both; }
+  #wrap + .page-footer {
+    margin-top: 5px; }
+
+.page-footer h3 {
+  margin-top: 20px; }
+
+.logo {
+  display: block;
+  box-sizing: border-box;
+  max-width: 100%;
+  padding: 10px 0; }
+  .logo, .logo img {
+    margin: 0 auto; }
+  .logo img {
+    display: block;
+    max-width: 100%; }
+  .logo:hover {
+    text-decoration: none; }
+
+.site-description {
+  text-align: center; }
+  .site-description h1, .site-description p.sitename {
+    margin-left: 0;
+    margin-right: 0; }
+  .site-description h1, .site-description p {
+    display: none; }
+
+.headerbar > .inner {
+  position: relative; }
+
+.navbar {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  padding: 0 9px;
+  clear: both; }
+  .navbar.tabbed, .navbar.secondary {
+    background: transparent;
+    border-width: 0;
+    border-radius: 0;
+    box-shadow: none;
+    padding: 0; }
+  .page-body .navbar {
+    margin-bottom: 10px; }
+  .navbar + .navbar {
+    margin-top: 5px; }
+  .navbar.tabbed {
+    padding: 0; }
+  .navbar.secondary {
+    margin: 0;
+    padding: 1px 0; }
+    .navbar.secondary > ul {
+      list-style-type: none;
+      margin: 0;
+      padding: 0; }
+    .navbar.secondary > ul > li {
+      position: relative;
+      display: inline-block;
+      margin: 0;
+      padding: 0; }
+      .navbar.secondary > ul > li > a {
+        display: inline-block;
+        color: inherit;
+        padding: 1px 8px;
+        text-align: center;
+        line-height: 26px;
+        font-size: 12px; }
+      .navbar.secondary > ul > li:hover {
+        border-radius: 3px; }
+        .navbar.secondary > ul > li:hover > a {
+          text-decoration: none; }
+      .navbar.secondary > ul > li.small-icon > a {
+        padding-left: 18px; }
+      .navbar.secondary > ul > li .dropdown {
+        top: 28px; }
+      .navbar.secondary > ul > li.dropdown-up .dropdown {
+        top: auto;
+        bottom: 28px; }
+      .navbar.secondary > ul > li.search-box {
+        display: block;
+        margin: 0;
+        float: right; }
+        .rtl .navbar.secondary > ul > li.search-box {
+          float: left; }
+        .navbar.secondary > ul > li.search-box, .navbar.secondary > ul > li.search-box:hover {
+          border-radius: 0;
+          border-width: 0;
+          box-shadow: none;
+          background: none;
+          filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
+    .navbar.secondary + .nav-breadcrumbs {
+      margin-top: 0; }
+  .navbar li.small-icon > a {
+    padding-left: 18px; }
+  .navbar .nav-tabs {
+    border-radius: 3px; }
+    .navbar .nav-tabs .leftside .tab:first-child, .navbar .nav-tabs .leftside .tab.first-visible {
+      border-radius: 2px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0; }
+    .rtl .navbar .nav-tabs .rightside .tab:last-child, .rtl .navbar .nav-tabs .rightside .tab.last-visible {
+      border-radius: 2px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0; }
+    .navbar .nav-tabs .rightside .tab:last-child, .navbar .nav-tabs .rightside .tab.last-visible {
+      border-radius: 2px;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0; }
+    .rtl .navbar .nav-tabs .leftside .tab:first-child, .rtl .navbar .nav-tabs .leftside .tab.first-visible {
+      border-radius: 2px;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0; }
+    .navbar .nav-tabs > ul {
+      list-style-type: none;
+      margin: 0;
+      height: 30px; }
+      .navbar .nav-tabs > ul.leftside, .rtl .navbar .nav-tabs > ul.rightside {
+        float: left; }
+      .navbar .nav-tabs > ul.rightside, .rtl .navbar .nav-tabs > ul.leftside {
+        float: right; }
+      .navbar .nav-tabs > ul > li {
+        float: left;
+        height: 30px; }
+      .rtl .navbar .nav-tabs > ul > li {
+        float: right; }
+      .navbar .nav-tabs > ul .quick-links {
+        margin: 0; }
+        .navbar .nav-tabs > ul .quick-links.empty {
+          display: none; }
+        .navbar .nav-tabs > ul .quick-links.showing-responsive-menu {
+          display: block; }
+    .navbar .nav-tabs .nav-link {
+      text-decoration: none;
+      color: inherit;
+      display: inline-block;
+      height: 30px;
+      line-height: 30px;
+      padding: 0 12px;
+      vertical-align: baseline;
+      font-size: 12px;
+      outline-style: none; }
+      .navbar .nav-tabs .nav-link.dropdown-toggle {
+        position: relative; }
+        .navbar .nav-tabs .nav-link.dropdown-toggle:before {
+          content: '\f078';
+          font-family: FontAwesome;
+          position: absolute;
+          right: 12px;
+          top: 50%;
+          font-size: 8px;
+          line-height: 12px;
+          width: 8px;
+          height: 12px;
+          margin-top: -6px; }
+          .rtl .navbar .nav-tabs .nav-link.dropdown-toggle:before {
+            right: auto;
+            left: 12px; }
+      .navbar .nav-tabs .nav-link .username-coloured {
+        color: inherit !important;
+        font-weight: inherit;
+        font-style: inherit; }
+    .navbar .nav-tabs .responsive-menu .nav-link:before,
+    .navbar .nav-tabs .dropdown-visible .nav-link:before {
+      content: '\f077';
+      font-family: FontAwesome;
+      position: absolute;
+      right: 12px;
+      top: 50%;
+      font-size: 9px;
+      line-height: 13px;
+      width: 9px;
+      height: 13px;
+      margin-top: -6px; }
+    .navbar .nav-tabs .dropdown {
+      top: 30px; }
+      .dropdown-up .navbar .nav-tabs .dropdown {
+        top: auto;
+        bottom: 30px; }
+    .navbar .nav-tabs .tab {
+      position: relative; }
+      .navbar .nav-tabs .tab > strong {
+        display: none;
+        font-weight: bold;
+        font-size: 9px;
+        padding: 0 2px;
+        border-radius: 3px;
+        position: absolute;
+        right: 5px;
+        top: -10px;
+        line-height: 14px;
+        min-width: 10px;
+        _width: 10px;
+        text-align: center;
+        text-shadow: none;
+        white-space: nowrap;
+        word-wrap: normal;
+        height: 14px;
+        pointer-events: none; }
+        .rtl .navbar .nav-tabs .tab > strong {
+          right: auto;
+          left: 5px; }
+        .navbar .nav-tabs .tab > strong .arrow {
+          border: 3px solid transparent;
+          border-bottom: 1px none black;
+          position: absolute;
+          bottom: -3px;
+          right: 4px;
+          line-height: 0;
+          text-shadow: none;
+          _display: none;
+          width: 0;
+          height: 0; }
+      .navbar .nav-tabs .tab.non-zero > strong {
+        display: block; }
+    .navbar .nav-tabs .responsive-menu .nav-link, .navbar .nav-tabs .account .nav-link, .navbar .nav-tabs .pm .nav-link, .navbar .nav-tabs .notifications .nav-link, .navbar .nav-tabs .mcp .nav-link, .navbar .nav-tabs .acp .nav-link, .navbar .nav-tabs .faq .nav-link, .navbar .nav-tabs .logout .nav-link, .navbar .nav-tabs .login .nav-link, .navbar .nav-tabs .register .nav-link, .navbar .nav-tabs .rightside .boardrules .nav-link, .navbar .nav-tabs .rightside .pages .nav-link, .navbar .nav-tabs .members .nav-link, .navbar .nav-tabs .forums .nav-link, .navbar .nav-tabs .leftside .boardrules .nav-link, .navbar .nav-tabs .leftside .pages .nav-link {
+      position: relative;
+      padding-left: 30px; }
+      .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .rightside .boardrules .nav-link:after, .navbar .nav-tabs .rightside .pages .nav-link:after, .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .leftside .boardrules .nav-link:after, .navbar .nav-tabs .leftside .pages .nav-link:after {
+        position: absolute;
+        left: 12px;
+        top: 50%;
+        margin-top: -7px;
+        width: 14px;
+        font-size: 12px;
+        line-height: 14px;
+        height: 14px;
+        text-align: left;
+        font-weight: normal;
+        font-style: normal;
+        text-indent: 0; }
+      .rtl .navbar .nav-tabs .responsive-menu .nav-link:after, .rtl .navbar .nav-tabs .account .nav-link:after, .rtl .navbar .nav-tabs .pm .nav-link:after, .rtl .navbar .nav-tabs .notifications .nav-link:after, .rtl .navbar .nav-tabs .mcp .nav-link:after, .rtl .navbar .nav-tabs .acp .nav-link:after, .rtl .navbar .nav-tabs .faq .nav-link:after, .rtl .navbar .nav-tabs .logout .nav-link:after, .rtl .navbar .nav-tabs .login .nav-link:after, .rtl .navbar .nav-tabs .register .nav-link:after, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .rightside .pages .nav-link:after, .rtl .navbar .nav-tabs .members .nav-link:after, .rtl .navbar .nav-tabs .forums .nav-link:after, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .leftside .pages .nav-link:after {
+        left: auto;
+        right: 12px; }
+    .navbar .nav-tabs .responsive-menu .nav-link, .navbar .nav-tabs .account .nav-link, .navbar .nav-tabs .pm .nav-link, .navbar .nav-tabs .notifications .nav-link, .navbar .nav-tabs .mcp .nav-link, .navbar .nav-tabs .acp .nav-link, .navbar .nav-tabs .faq .nav-link, .navbar .nav-tabs .logout .nav-link, .navbar .nav-tabs .login .nav-link, .navbar .nav-tabs .register .nav-link, .navbar .nav-tabs .rightside .boardrules .nav-link, .navbar .nav-tabs .rightside .pages .nav-link {
+      text-indent: 999px;
+      width: 14px;
+      padding: 0 8px;
+      overflow: hidden; }
+      .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .rightside .boardrules .nav-link:after, .navbar .nav-tabs .rightside .pages .nav-link:after {
+        text-align: center;
+        font-size: 14px;
+        left: 8px; }
+      .rtl .navbar .nav-tabs .responsive-menu .nav-link:after, .rtl .navbar .nav-tabs .account .nav-link:after, .rtl .navbar .nav-tabs .pm .nav-link:after, .rtl .navbar .nav-tabs .notifications .nav-link:after, .rtl .navbar .nav-tabs .mcp .nav-link:after, .rtl .navbar .nav-tabs .acp .nav-link:after, .rtl .navbar .nav-tabs .faq .nav-link:after, .rtl .navbar .nav-tabs .logout .nav-link:after, .rtl .navbar .nav-tabs .login .nav-link:after, .rtl .navbar .nav-tabs .register .nav-link:after, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .rightside .pages .nav-link:after {
+        left: auto;
+        right: 8px; }
+      .navbar .nav-tabs .responsive-menu .nav-link + strong, .navbar .nav-tabs .account .nav-link + strong, .navbar .nav-tabs .pm .nav-link + strong, .navbar .nav-tabs .notifications .nav-link + strong, .navbar .nav-tabs .mcp .nav-link + strong, .navbar .nav-tabs .acp .nav-link + strong, .navbar .nav-tabs .faq .nav-link + strong, .navbar .nav-tabs .logout .nav-link + strong, .navbar .nav-tabs .login .nav-link + strong, .navbar .nav-tabs .register .nav-link + strong, .navbar .nav-tabs .rightside .boardrules .nav-link + strong, .navbar .nav-tabs .rightside .pages .nav-link + strong {
+        right: -2px; }
+        .rtl .navbar .nav-tabs .responsive-menu .nav-link + strong, .rtl .navbar .nav-tabs .account .nav-link + strong, .rtl .navbar .nav-tabs .pm .nav-link + strong, .rtl .navbar .nav-tabs .notifications .nav-link + strong, .rtl .navbar .nav-tabs .mcp .nav-link + strong, .rtl .navbar .nav-tabs .acp .nav-link + strong, .rtl .navbar .nav-tabs .faq .nav-link + strong, .rtl .navbar .nav-tabs .logout .nav-link + strong, .rtl .navbar .nav-tabs .login .nav-link + strong, .rtl .navbar .nav-tabs .register .nav-link + strong, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link + strong, .rtl .navbar .nav-tabs .rightside .pages .nav-link + strong {
+          right: auto;
+          left: -2px; }
+    @media (max-width: 550px) {
+      .navbar .nav-tabs .members .nav-link, .navbar .nav-tabs .forums .nav-link, .navbar .nav-tabs .leftside .boardrules .nav-link, .navbar .nav-tabs .leftside .pages .nav-link {
+        text-indent: 999px;
+        width: 14px;
+        padding: 0 8px;
+        overflow: hidden; }
+        .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .leftside .boardrules .nav-link:after, .navbar .nav-tabs .leftside .pages .nav-link:after {
+          text-align: center;
+          font-size: 14px;
+          left: 8px; }
+        .rtl .navbar .nav-tabs .members .nav-link:after, .rtl .navbar .nav-tabs .forums .nav-link:after, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .leftside .pages .nav-link:after {
+          left: auto;
+          right: 8px; }
+        .navbar .nav-tabs .members .nav-link + strong, .navbar .nav-tabs .forums .nav-link + strong, .navbar .nav-tabs .leftside .boardrules .nav-link + strong, .navbar .nav-tabs .leftside .pages .nav-link + strong {
+          right: -2px; }
+          .rtl .navbar .nav-tabs .members .nav-link + strong, .rtl .navbar .nav-tabs .forums .nav-link + strong, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link + strong, .rtl .navbar .nav-tabs .leftside .pages .nav-link + strong {
+            right: auto;
+            left: -2px; } }
+    .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .boardrules .nav-link:after, .navbar .nav-tabs .pages .nav-link:after {
+      font-family: FontAwesome; }
+    .navbar .nav-tabs .responsive-menu .nav-link:after {
+      content: '\f0c9'; }
+    .navbar .nav-tabs .members .nav-link {
+      padding-left: 32px;
+      padding-right: 24px; }
+      .rtl .navbar .nav-tabs .members .nav-link {
+        padding-left: 24px;
+        padding-right: 32px; }
+      .navbar .nav-tabs .members .nav-link:after {
+        content: '\f0c0'; }
+      @media (max-width: 550px) {
+        .navbar .nav-tabs .members .nav-link {
+          padding: 0 8px !important; } }
+    .rtl .navbar .nav-tabs .forums .nav-link {
+      padding-left: 12px;
+      padding-right: 32px; }
+    .navbar .nav-tabs .forums .nav-link:after {
+      content: '\f075'; }
+    .navbar .nav-tabs .account .nav-link:after {
+      content: '\f007'; }
+    .navbar .nav-tabs .pm .nav-link:after {
+      content: '\f01c'; }
+    .navbar .nav-tabs .notifications .nav-link:after {
+      content: '\f0f3';
+      font-size: 13px; }
+    .navbar .nav-tabs .mcp .nav-link:after {
+      content: '\f0e3'; }
+    .navbar .nav-tabs .acp .nav-link:after {
+      content: '\f085'; }
+    .navbar .nav-tabs .faq .nav-link:after {
+      content: '\f059'; }
+    @media (max-width: 550px) {
+      .navbar .nav-tabs .faq, .navbar .nav-tabs .faq .nav-link {
+        display: none !important; } }
+    .navbar .nav-tabs .logout .nav-link:after {
+      content: '\f08b';
+      margin-left: 1px; }
+    .navbar .nav-tabs .login .nav-link:after {
+      content: '\f090'; }
+    .navbar .nav-tabs .register .nav-link:after {
+      content: '\f234'; }
+    .navbar .nav-tabs .boardrules .nav-link:after {
+      content: '\f071'; }
+    .navbar .nav-tabs .pages .nav-link:after {
+      content: '\f0f6'; }
+  .navbar .inner.static {
+    position: fixed;
+    top: 0;
+    z-index: 50;
+    left: 0;
+    right: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    width: auto;
+    max-width: none;
+    opacity: .9;
+    transition: opacity .2s; }
+    .navbar .inner.static > .static-inner {
+      box-sizing: border-box;
+      margin: 0 auto;
+      max-width: none;
+      min-width: 625px;
+      margin: 0 12px;
+      padding-top: 0 !important;
+      padding-bottom: 0 !important; }
+    .navbar .inner.static:hover {
+      opacity: 1; }
+    .navbar .inner.static .nav-tabs {
+      border-radius: 0; }
+      .navbar .inner.static .nav-tabs .leftside .tab:first-child, .navbar .inner.static .nav-tabs .leftside .tab.first-visible, .rtl .navbar .inner.static .nav-tabs .rightside .tab:first-child, .rtl .navbar .inner.static .nav-tabs .rightside .tab.first-visible {
+        border-radius: 0; }
+      .navbar .inner.static .nav-tabs .rightside .tab:last-child, .navbar .inner.static .nav-tabs .rightside .tab.last-visible, .rtl .navbar .inner.static .nav-tabs .leftside .tab:last-child, .rtl .navbar .inner.static .nav-tabs .leftside .tab.last-visible {
+        border-radius: 0; }
+      .navbar .inner.static .nav-tabs .tab > strong {
+        position: relative;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        vertical-align: top;
+        margin-top: 8px;
+        margin-left: -7px;
+        margin-right: 5px;
+        padding-bottom: 1px;
+        pointer-events: none; }
+        .navbar .inner.static .nav-tabs .tab > strong .arrow {
+          display: none; }
+      .navbar .inner.static .nav-tabs .tab.non-zero > strong {
+        display: inline-block; }
+      .navbar .inner.static .nav-tabs .pm > .nav-link + strong {
+        margin-left: -5px; }
+
+.forabg {
+  padding: 0;
+  margin: 10px 0; }
+
+.forumbg {
+  padding: 0; }
+
+.panel {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  margin-bottom: 10px;
+  padding: 5px 10px; }
+  .panel.bg3 {
+    border-radius: 0;
+    border-width: 0;
+    box-shadow: none;
+    border-top: 3px solid transparent;
+    position: relative; }
+    .panel.bg3:before, .panel.bg3:after {
+      content: '';
+      position: absolute;
+      top: 0;
+      width: 3px;
+      height: 50px; }
+    .panel.bg3:before {
+      left: 0; }
+    .panel.bg3:after {
+      right: 0; }
+  .postform .panel.panel {
+    border-radius: 3px; }
+
+.panel > .inner > h3:first-child, .panel > h3:first-child {
+  margin: -5px -10px 5px;
+  border-radius: 2px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  background: #1f35a6;
+  border: 0 solid #1f35a6;
+  padding: 5px;
+  text-transform: none;
+  font-size: 15px;
+  line-height: 1.4;
+  font-weight: normal;
+  color: #fff;
+  padding-left: 10px;
+  padding-right: 10px; }
+  @media (max-width: 700px) {
+    .panel > .inner > h3:first-child, .panel > h3:first-child {
+      border-radius: 0; } }
+  .panel > .inner > h3:first-child a,
+  .panel > h3:first-child a {
+    color: #fff; }
+    .panel > .inner > h3:first-child a:hover,
+    .panel > h3:first-child a:hover {
+      color: #fff; }
+  .panel-container .panel > .inner > h3:first-child,
+  .panel-container .panel > h3:first-child {
+    font-size: 15px;
+    line-height: 1.4; }
+
+.post {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  padding: 0;
+  margin-bottom: 10px;
+  position: relative; }
+
+.post > .inner {
+  padding: 5px 10px; }
+
+.rowbg {
+  margin: 5px 5px 2px 5px; }
+
+.navbar ul.linklist {
+  padding: 2px 0; }
+
+ul.linklist {
+  display: block;
+  margin: 0; }
+
+.cp-main .panel {
+  padding: 5px 10px; }
+
+ul.linklist > li {
+  float: left;
+  font-size: 11px;
+  line-height: 2;
+  list-style-type: none;
+  margin-right: 7px;
+  padding-top: 1px;
+  width: auto; }
+  ul.linklist > li.icon-only, ul.linklist > li.rightside.icon-only {
+    text-align: center;
+    min-width: 20px; }
+
+ul.linklist > li.rightside, p.rightside, a.rightside {
+  float: right;
+  margin-right: 0;
+  margin-left: 7px;
+  text-align: right; }
+
+ul.navlinks {
+  border-top: 1px solid transparent; }
+  ul.navlinks.nav-breadcrumbs {
+    border-top-width: 0; }
+
+ul.leftside {
+  float: left;
+  margin-left: 0;
+  margin-right: 5px;
+  text-align: left; }
+
+ul.rightside {
+  float: right;
+  margin-left: 5px;
+  margin-right: -5px;
+  text-align: right; }
+
+ul.linklist li.responsive-menu {
+  position: relative;
+  margin: 0 5px; }
+
+.fa-bars:before {
+  display: none; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+  display: inline-block;
+  margin: 0 5px;
+  font-size: 17px;
+  position: relative;
+  width: 17px;
+  line-height: 21px;
+  text-decoration: none; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+  content: '\f0c9';
+  font-family: FontAwesome;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  margin-top: -6.5px;
+  width: 15px;
+  font-size: 13px;
+  line-height: 13px;
+  height: 13px;
+  text-align: center;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0; }
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before {
+  font-family: FontAwesome;
+  content: '\f078'; }
+
+.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
+  max-width: 48%; }
+
+.hasjs ul.linklist.fullwidth {
+  max-width: none; }
+
+ul.linklist .dropdown {
+  top: 22px; }
+
+ul.linklist .dropdown-up .dropdown {
+  bottom: 22px;
+  top: auto; }
+
+ul.linklist.bulletin > li:before {
+  display: inline-block;
+  content: "\2022";
+  font-size: inherit;
+  line-height: inherit;
+  padding-right: 4px; }
+
+ul.linklist.bulletin > li:first-child:before,
+ul.linklist.bulletin > li.rightside:last-child:before {
+  content: none; }
+
+ul.linklist.bulletin > li.no-bulletin:before {
+  content: none; }
+
+.responsive-menu:before {
+  display: none !important; }
+
+.header-profile {
+  display: inline-block;
+  vertical-align: top; }
+
+.header-avatar:hover {
+  text-decoration: none; }
+
+.header-avatar img {
+  margin-bottom: 2px;
+  max-height: 20px;
+  vertical-align: middle;
+  width: auto; }
+
+.header-avatar span:after {
+  content: '\f078';
+  font-family: FontAwesome;
+  display: inline-block;
+  font-size: 7px;
+  float: right;
+  padding-left: 2px;
+  font-weight: normal;
+  opacity: 0.7; }
+
+.dropdown-container {
+  position: relative; }
+
+.dropdown-container-right {
+  float: right; }
+
+.dropdown-container-left {
+  float: left; }
+
+.nojs .dropdown-container:hover .dropdown {
+  display: block !important; }
+
+.dropdown {
+  display: none;
+  position: absolute;
+  left: 0;
+  top: 1.4em;
+  z-index: 30;
+  padding: 0;
+  margin-right: -500px; }
+
+.dropdown.live-search {
+  top: auto; }
+
+.dropdown-container.topic-tools {
+  float: left; }
+
+.dropdown-up .dropdown {
+  top: auto;
+  bottom: 1.4em; }
+
+.dropdown-left .dropdown, .nojs .rightside .dropdown {
+  left: auto;
+  right: 0;
+  margin-left: -500px;
+  margin-right: 0; }
+
+.dropdown-button-control .dropdown {
+  top: 24px; }
+
+.dropdown-button-control.dropdown-up .dropdown {
+  top: auto;
+  bottom: 24px; }
+
+.dropdown .pointer, .dropdown .pointer-inner {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-top-width: 0;
+  border-bottom: 10px solid transparent;
+  border-left: 10px dashed transparent;
+  border-right: 10px dashed transparent;
+  -webkit-transform: rotate(360deg);
+  /* better anti-aliasing in webkit */
+  display: block; }
+
+.dropdown-up .pointer, .dropdown-up .pointer-inner {
+  border-bottom-width: 0;
+  border-top: 10px solid transparent; }
+
+.dropdown .pointer {
+  right: auto;
+  left: 10px;
+  top: 0;
+  z-index: 3; }
+
+.dropdown-up .pointer {
+  bottom: 0;
+  top: auto; }
+
+.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
+  left: auto;
+  right: 10px; }
+
+.dropdown .pointer-inner {
+  top: auto;
+  bottom: -11px;
+  left: -10px; }
+
+.dropdown-up .pointer-inner {
+  bottom: auto;
+  top: -11px; }
+
+.dropdown .dropdown-contents {
+  z-index: 30;
+  overflow: hidden;
+  overflow-y: auto;
+  border: 0px solid transparent;
+  border-radius: 0 0 3px 3px;
+  border-top-width: 3px;
+  padding: 5px;
+  position: relative;
+  min-width: 40px;
+  max-height: 300px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  .notifications .dropdown .dropdown-contents {
+    min-width: 300px; }
+
+.dropdown-up .dropdown-contents {
+  border-bottom-width: 3px;
+  border-top-width: 0;
+  border-radius: 3px 3px 0 0; }
+
+.dropdown-contents > li {
+  padding-right: 15px;
+  min-width: 180px; }
+
+.dropdown-nonscroll > li {
+  padding-right: 0; }
+
+.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
+  border-top: 0; }
+
+.dropdown li li:first-child {
+  margin-top: 4px; }
+
+.dropdown li li:last-child {
+  padding-bottom: 0; }
+
+.dropdown li li {
+  border-top: 1px dotted transparent;
+  padding-left: 18px; }
+
+#wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
+  white-space: normal; }
+
+.dropdown li.separator {
+  border-top: 1px solid transparent;
+  margin: 4px 0;
+  padding: 0; }
+
+.dropdown li.separator:first-child, .dropdown li.separator:last-child {
+  display: none !important; }
+
+.dropdown-trigger > i.glyphicons, .dropdown-trigger > i.fa {
+  display: inline;
+  line-height: inherit;
+  top: 0;
+  vertical-align: baseline; }
+  .dropdown-trigger > i.glyphicons:before, .dropdown-trigger > i.fa:before {
+    font-size: 1.4em;
+    line-height: 1;
+    position: relative;
+    top: 1px; }
+
+.breadcrumbs .crumb {
+  float: left;
+  font-weight: bold;
+  word-wrap: normal;
+  position: relative;
+  padding-left: 13px; }
+  .rtl .breadcrumbs .crumb {
+    padding-left: 0;
+    padding-right: 13px; }
+
+.breadcrumbs .crumb:before {
+  content: '\f054';
+  font-family: FontAwesome;
+  font-weight: normal;
+  position: absolute;
+  left: 1px;
+  width: 11px;
+  top: 50%;
+  margin-top: -5.5px;
+  font-size: 7px;
+  height: 11px;
+  line-height: 11px;
+  text-align: center; }
+  .rtl .breadcrumbs .crumb:before {
+    left: auto;
+    right: 1px;
+    content: '\f053'; }
+
+.breadcrumbs .crumb:first-child {
+  padding-left: 0;
+  padding-right: 0; }
+  .breadcrumbs .crumb:first-child:before {
+    display: none; }
+
+.breadcrumbs .crumb a {
+  display: inline-block;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  vertical-align: bottom;
+  overflow: hidden; }
+
+.breadcrumbs.wrapped .crumb a {
+  letter-spacing: -.3px; }
+
+.breadcrumbs.wrapped .crumb.wrapped-medium a {
+  letter-spacing: -.4px; }
+
+.breadcrumbs.wrapped .crumb.wrapped-tiny a {
+  letter-spacing: -.5px; }
+
+.breadcrumbs .crumb.wrapped-max a {
+  max-width: 120px; }
+
+.breadcrumbs .crumb.wrapped-wide a {
+  max-width: 100px; }
+
+.breadcrumbs .crumb.wrapped-medium a {
+  max-width: 80px; }
+
+.breadcrumbs .crumb.wrapped-small a {
+  max-width: 60px; }
+
+.breadcrumbs .crumb.wrapped-tiny a {
+  max-width: 40px; }
+
+table.table1 {
+  width: 100%; }
+
+.ucp-main table.table1 {
+  padding: 2px; }
+
+table.table1 thead th {
+  background: #1f35a6;
+  border: 0 solid #1f35a6;
+  color: #fff;
+  text-transform: none;
+  line-height: 1.4;
+  font-weight: normal;
+  font-size: 13px;
+  padding: 4px; }
+  table.table1 thead th:first-child {
+    border-top-left-radius: 2px; }
+  table.table1 thead th:last-child {
+    border-top-right-radius: 2px; }
+
+table.table1 thead th span {
+  padding-left: 7px; }
+
+table.table1 tbody tr {
+  border-top: 1px solid transparent; }
+
+table.table1 td {
+  font-size: 12px;
+  line-height: 1.4; }
+
+table.table1 tbody td {
+  padding: 5px;
+  border-top: 1px solid transparent; }
+
+table.table1 tbody th {
+  padding: 5px;
+  border-bottom: 1px solid transparent;
+  text-align: left; }
+
+table.table1 .name {
+  text-align: left; }
+
+table.table1 .center {
+  text-align: center; }
+
+table.table1 .reportby {
+  width: 15%; }
+
+table.table1 .posts {
+  text-align: center;
+  width: 7%; }
+
+table.table1 .joined {
+  text-align: left;
+  width: 15%; }
+
+table.table1 .active {
+  text-align: left;
+  width: 15%; }
+
+table.table1 .mark {
+  text-align: center;
+  width: 7%; }
+
+table.table1 .info {
+  text-align: left;
+  width: 30%;
+  max-width: 200px; }
+  @media (max-width: 550px) {
+    table.table1 .info {
+      max-width: 150px; } }
+
+table.table1 .info div {
+  width: 100%;
+  white-space: normal;
+  overflow: hidden; }
+
+table.table1 .autocol {
+  line-height: 2em;
+  white-space: nowrap; }
+
+table.table1 thead .autocol {
+  padding-left: 1em; }
+
+table.table1 th.info {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+table.table1 span.rank-img {
+  float: right;
+  width: auto; }
+
+table.info td {
+  padding: 3px; }
+
+table.info tbody th {
+  padding: 3px;
+  text-align: right;
+  vertical-align: top;
+  font-weight: normal; }
+
+.forumbg table.table1 {
+  margin: 0; }
+
+.forumbg-table > .inner {
+  margin: 0 -1px; }
+
+.color_palette_placeholder table {
+  border-collapse: separate;
+  border-spacing: 1px; }
+
+.column1 {
+  float: left;
+  clear: left;
+  width: 49%; }
+
+.column2 {
+  float: right;
+  clear: right;
+  width: 49%; }
+
+.left-box {
+  float: left;
+  width: auto;
+  text-align: left;
+  max-width: 100%; }
+
+.left-box.profile-details {
+  width: 80%; }
+
+.right-box {
+  float: right;
+  width: auto;
+  text-align: right;
+  max-width: 100%; }
+
+dl.details {
+  font-size: 11px; }
+
+dl.details dt {
+  float: left;
+  clear: left;
+  width: 30%;
+  text-align: right;
+  display: block; }
+
+dl.details dd {
+  margin-left: 0;
+  padding-left: 5px;
+  margin-bottom: 5px;
+  float: left;
+  width: 65%;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+.clearfix, fieldset dl, dl.polls {
+  overflow: hidden; }
+
+ul.topiclist dd.lastpost {
+  float: right; }
+
+fieldset.fields1 ul.recipients {
+  list-style-type: none;
+  line-height: 1.8;
+  max-height: 150px;
+  overflow-y: auto; }
+
+fieldset.fields1 dd.recipients {
+  clear: left;
+  margin-left: 1em; }
+
+fieldset.fields1 ul.recipients input.button2 {
+  font-size: 9px;
+  margin-right: 0;
+  padding: 0; }
+
+fieldset.fields1 dl.pmlist > dt {
+  width: auto !important; }
+
+fieldset.fields1 dl.pmlist dd.recipients {
+  margin-left: 0 !important; }
+
+.action-bar {
+  font-size: 11px;
+  margin: 4px 0; }
+
+.forabg + .action-bar {
+  margin-top: 10px; }
+
+.action-bar .button {
+  margin-right: 5px;
+  float: left; }
+
+.action-bar .button-search {
+  margin-right: 0; }
+
+.pagination {
+  float: right;
+  font-size: 11px;
+  text-align: right;
+  width: auto; }
+
+.action-bar.bottom .pagination {
+  margin-top: 0; }
+
+.action-bar .pagination .button {
+  margin-right: 0;
+  float: none; }
+
+.pagination > ul {
+  display: inline-block;
+  list-style: none !important;
+  margin-left: 5px; }
+
+.pagination > ul > li {
+  display: inline-block !important;
+  padding: 0;
+  font-size: 11px;
+  line-height: normal;
+  vertical-align: middle; }
+
+.pagination li a, .pagination li span {
+  border-radius: 2px;
+  padding: 2px 5px; }
+
+.pagination li.active span {
+  display: inline-block;
+  font-size: 13px;
+  font-weight: normal;
+  font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+  line-height: 1.4;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  border: 1px solid transparent; }
+
+.pagination li.ellipsis span {
+  border: none;
+  padding: 0; }
+
+.pagination li.page-jump {
+  margin-right: 5px; }
+
+.pagination li.page-jump a {
+  background: transparent none !important;
+  border-color: transparent !important;
+  padding: 0 8px; }
+
+.pagination li.page-jump a i {
+  font-size: 21px; }
+
+.pagination .arrow a {
+  padding: 2px 0; }
+
+.rtl .pagination li.previous a:after {
+  content: '\f054';
+  right: 1px;
+  left: 3px; }
+
+.rtl .pagination li.next a:after {
+  content: '\f053';
+  left: 1px;
+  right: 3px; }
+
+.row .pagination {
+  display: block;
+  margin-top: 3px;
+  margin-bottom: 3px; }
+
+.row .pagination > ul {
+  margin: 0; }
+
+.row .pagination li a, .row .pagination li span {
+  border-radius: 2px;
+  padding: 1px 3px;
+  font-size: 9px; }
+
+.phpbb_alert {
+  border: 1px solid transparent;
+  display: none;
+  left: 0;
+  padding: 0 25px 20px 25px;
+  position: fixed;
+  right: 0;
+  top: 150px;
+  z-index: 50;
+  width: 620px;
+  margin: 0 auto; }
+
+@media (max-height: 500px) {
+  .phpbb_alert {
+    top: 25px; } }
+.phpbb_alert .alert_close {
+  display: block;
+  float: right;
+  width: 24px;
+  height: 24px;
+  overflow: hidden;
+  text-decoration: none !important;
+  background: transparent none 0 0 no-repeat;
+  margin-top: -12px;
+  margin-right: -36px;
+  position: relative; }
+
+.phpbb_alert .alert_close:before,
+.phpbb_alert .alert_close:after {
+  content: '\f057';
+  font-family: FontAwesome;
+  position: absolute;
+  font-size: 18px;
+  line-height: 24px;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0;
+  text-align: center;
+  left: 0;
+  top: 0;
+  margin: 0;
+  padding: 0;
+  width: 24px;
+  height: 24px; }
+
+.phpbb_alert .alert_close:before {
+  content: '\f111';
+  font-size: 20px; }
+
+.phpbb_alert p {
+  margin: 8px 0;
+  padding-bottom: 8px; }
+
+.phpbb_alert label {
+  display: block;
+  margin: 8px 0;
+  padding-bottom: 8px; }
+
+.phpbb_alert div.alert_text > p,
+.phpbb_alert div.alert_text > label,
+.phpbb_alert div.alert_text > select,
+.phpbb_alert div.alert_text > textarea,
+.phpbb_alert div.alert_text > input {
+  font-size: 11px; }
+
+.darkenwrapper {
+  display: none;
+  position: relative;
+  z-index: 44; }
+
+.darken {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.5;
+  z-index: 45; }
+
+.loading_indicator {
+  background: center center no-repeat;
+  border-radius: 5px;
+  display: none;
+  opacity: 0.8;
+  margin-top: -50px;
+  margin-left: -50px;
+  height: 50px;
+  width: 50px;
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  z-index: 51; }
+
+.forum-permissions {
+  float: right;
+  width: auto;
+  padding-left: 5px;
+  margin-left: 5px;
+  margin-top: 10px;
+  text-align: right; }
+
+.copyright {
+  font-size: 10px;
+  text-align: center;
+  padding: 10px; }
+
+.footer-row {
+  font-size: 10px;
+  line-height: 1.8;
+  margin: 0; }
+
+.small {
+  font-size: 0.9em !important; }
+
+.titlespace {
+  margin-bottom: 15px; }
+
+.headerspace {
+  margin-top: 20px; }
+
+.error {
+  font-weight: bold;
+  font-size: 11px; }
+
+div.rules {
+  margin: 10px 0;
+  font-size: 11px;
+  padding: 5px 10px;
+  border-radius: 3px; }
+
+div.rules ul, div.rules ol {
+  margin-left: 20px; }
+
+p.post-notice {
+  position: relative;
+  padding: 5px;
+  padding-left: 26px;
+  min-height: 14px;
+  margin-bottom: 1em;
+  font-size: 12px; }
+
+p.post-notice:before {
+  content: '';
+  display: block;
+  position: absolute;
+  top: 50%;
+  margin-top: -10px;
+  font-size: 16px;
+  height: 18px;
+  line-height: 18px;
+  text-align: center;
+  vertical-align: baseline;
+  left: 0;
+  width: 28px;
+  background: transparent none 50% 50% no-repeat;
+  pointer-events: none;
+  font-weight: normal;
+  font-style: normal;
+  text-transform: none; }
+
+form > p.post-notice strong {
+  line-height: 20px; }
+
+.jumpbox {
+  margin: 5px 0; }
+
+.jumpbox .dropdown li {
+  border-top: 1px solid transparent; }
+
+.jumpbox .dropdown-select {
+  margin: 0; }
+
+.jumpbox .dropdown-contents {
+  padding: 0;
+  text-decoration: none; }
+
+.jumpbox .dropdown-contents li {
+  padding: 0; }
+
+.jumpbox .dropdown-contents a {
+  margin-right: 20px;
+  padding: 5px 10px;
+  text-decoration: none;
+  width: 100%; }
+
+.jumpbox .spacer {
+  display: inline-block;
+  width: 0px; }
+
+.jumpbox .spacer + .spacer {
+  width: 20px; }
+
+.dropdown-contents a {
+  display: block;
+  padding: 5px; }
+
+.jumpbox .dropdown-select {
+  margin: 0; }
+
+.jumpbox .dropdown-contents a {
+  text-decoration: none; }
+
+.dropdown li {
+  display: list-item;
+  border-top: 1px dotted transparent;
+  float: none !important;
+  line-height: normal !important;
+  font-size: 1em !important;
+  list-style: none;
+  margin: 0;
+  white-space: nowrap;
+  text-align: left; }
+
+.stat-block {
+  clear: both; }
+
+.top {
+  position: absolute;
+  top: -20px; }
+
+.clear {
+  display: block;
+  clear: both;
+  font-size: 1px;
+  line-height: 1px;
+  background: transparent; }
+
+.inner:after,
+ul.linklist:after,
+.action-bar:after,
+.notification_text:after,
+.tabs-container:after,
+.tabs > ul:after,
+.minitabs > ul:after,
+.postprofile .avatar-container:after {
+  clear: both;
+  content: '';
+  display: block; }
+
+.emoji {
+  min-height: 18px;
+  min-width: 18px;
+  height: 1em;
+  width: 1em; }
+
+.hidden {
+  display: none; }
+
+.smilies {
+  vertical-align: text-bottom; }
+
+.icon-notification {
+  position: relative; }
+
+.member-search {
+  float: left;
+  margin: 0;
+  padding: 6px 10px; }
+
+.member-search strong {
+  font-size: 11px; }
+
+.dropdown-extended {
+  display: none;
+  z-index: 3; }
+
+.dropdown-extended ul {
+  max-height: 350px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  clear: both; }
+
+.dropdown-extended ul li {
+  padding: 0;
+  margin: 0 !important;
+  float: none;
+  border-top: 1px solid;
+  list-style-type: none;
+  font-size: 11px;
+  clear: both;
+  position: relative; }
+
+.dropdown-extended ul li:first-child {
+  border-top: none; }
+
+.dropdown-extended ul li.no_notifications {
+  padding: 10px; }
+
+.dropdown-extended .dropdown-contents {
+  max-height: none;
+  padding: 0;
+  position: absolute;
+  width: 340px; }
+
+.nojs .dropdown-extended .dropdown-contents {
+  position: relative; }
+
+.dropdown-extended .header {
+  padding: 0 10px;
+  font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  font-weight: bold;
+  text-align: left;
+  line-height: 30px; }
+  .dropdown-down .dropdown-extended .header {
+    margin-top: -3px; }
+
+.dropdown-extended .header .header_settings {
+  float: right;
+  font-weight: normal;
+  text-transform: none; }
+
+.dropdown-extended .header .header_settings a {
+  display: inline-block;
+  padding: 0 5px; }
+
+.dropdown-extended .header:after {
+  content: '';
+  display: table;
+  clear: both; }
+
+.dropdown-extended .footer {
+  text-align: center;
+  font-size: 11px; }
+
+.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
+  padding: 8px; }
+
+.dropdown-extended .footer > a {
+  padding: 5px 0; }
+
+.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
+  display: block;
+  text-decoration: none; }
+
+.notification_list ul li img {
+  float: left;
+  max-height: 50px;
+  max-width: 50px;
+  width: auto !important;
+  height: auto !important;
+  margin-right: 5px; }
+
+.notification_list ul li p {
+  margin-bottom: 4px;
+  font-size: 11px; }
+
+.notification_list p.notification-reference,
+.notification_list p.notification-location,
+.notification_list li a p.notification-reason {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+.notification_list p.notification-time {
+  font-size: 10px;
+  margin: 0;
+  text-align: right; }
+
+.notification_list div.notifications {
+  margin-left: 50px;
+  padding: 5px; }
+
+.notification_list div.notifications a {
+  display: block; }
+
+.notification_list p.notifications_title {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 15px !important; }
+
+.notification_list p.notifications_title strong {
+  font-weight: 600; }
+
+.notification_list p.notifications_time {
+  font-size: 11px !important; }
+
+.notification_text {
+  margin-left: 58px;
+  white-space: normal; }
+
+.badge {
+  border-radius: 10px;
+  opacity: 0.8;
+  text-align: center;
+  white-space: nowrap;
+  font-size: 10px;
+  line-height: 1;
+  float: right;
+  display: inline-block;
+  margin-left: 3px;
+  vertical-align: baseline;
+  position: relative;
+  top: 3px;
+  padding: 4px 6px; }
+
+.badge.hidden {
+  display: none; }
+
+.linklist .quick-links {
+  margin: 0 7px 0 0; }
+
+.linklist.compact .rightside > a > span span {
+  display: none; }
+
+.dropdown-page-jump .dropdown {
+  top: 20px; }
+
+.dropdown-page-jump.dropdown-up .dropdown {
+  bottom: 20px; }
+
+.dropdown-page-jump input.tiny {
+  width: 50px; }
+
+.dropdown .clone.hidden {
+  display: none; }
+
+.dropdown .clone.hidden + li.separator {
+  display: none; }
+
+.dropdown .clone.hidden + li {
+  border-top: none; }
+
+a {
+  direction: ltr;
+  unicode-bidi: embed;
+  text-decoration: none;
+  /* we use links inline more often then not so to address several bugs with
+  IE and some other browsers we render all links as inlineblock by default */
+  display: inline-block; }
+
+.username-coloured {
+  font-weight: bold;
+  display: inline !important;
+  padding: 0 !important; }
+
+span.username-coloured {
+  margin-left: 10px; }
+
+.forumbg .header a, .forabg .header a, th a {
+  text-decoration: none; }
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+  text-decoration: underline; }
+
+.dropdown-extended a.mark_read {
+  display: block;
+  opacity: .2;
+  position: absolute;
+  z-index: 2;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 30px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  transition: opacity .2s; }
+
+.dropdown-extended li:hover a.mark_read {
+  opacity: .85; }
+
+.dropdown-extended li a.mark_read:hover {
+  opacity: 1; }
+
+.dropdown-extended a.mark_read:after {
+  width: auto;
+  left: 4px;
+  right: 0;
+  font-size: 16px; }
+
+.jumpbox-cat-link,
+.jumpbox-forum-link {
+  font-weight: bold; }
+
+a.forumtitle, a.topictitle {
+  display: inline-block;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.2;
+  font-weight: 500;
+  padding-bottom: 2px;
+  text-decoration: none; }
+  a.forumtitle:hover, a.topictitle:hover {
+    text-decoration: underline; }
+
+a.topictitle {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 15px; }
+
+a.lastsubject {
+  font-weight: bold;
+  text-decoration: none; }
+
+a.lastsubject:hover {
+  text-decoration: underline; }
+
+.postprofile a, .postprofile dt.author a {
+  font-weight: bold;
+  text-decoration: none; }
+
+.postprofile a:hover, .postprofile dt.author a:hover {
+  text-decoration: underline; }
+
+.search .postprofile a {
+  text-decoration: none;
+  font-weight: normal; }
+
+.search .postprofile a:hover {
+  text-decoration: underline; }
+
+.top {
+  font-size: 12px;
+  text-decoration: none;
+  margin-top: 10px; }
+
+.back2top {
+  clear: both; }
+  .post > .back2top {
+    position: relative;
+    right: 5px;
+    bottom: 5px; }
+    .rtl .post > .back2top {
+      right: auto;
+      left: 5px; }
+
+.back2top .top {
+  float: right;
+  margin-top: 0; }
+
+a.top, a.top2 {
+  position: relative; }
+
+a.arrow-up, a.arrow-down {
+  position: relative; }
+  a.arrow-up:after, a.arrow-down:after {
+    position: absolute;
+    top: 50%;
+    margin-top: -5px;
+    text-align: center;
+    font-family: FontAwesome;
+    font-size: 8px;
+    line-height: 10px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+
+a.arrow-up:after {
+  content: '\f077';
+  left: 0; }
+.rtl a.arrow-up:after {
+  left: auto;
+  right: 0; }
+
+a.arrow-down:after {
+  content: '\f078';
+  right: 0;
+  padding-top: 1px; }
+.rtl a.arrow-down:after {
+  right: auto;
+  left: 0; }
+
+a.arrow-up {
+  padding-left: 10px;
+  text-decoration: none;
+  border-bottom-width: 0; }
+
+a.arrow-down {
+  padding-right: 10px; }
+
+a.arrow-down:hover {
+  text-decoration: none; }
+
+a.arrow-left:hover {
+  text-decoration: none; }
+
+a.arrow-right:hover {
+  text-decoration: none; }
+
+.skiplink {
+  position: absolute;
+  left: -999px;
+  width: 990px; }
+
+a.feed-icon-forum {
+  float: right;
+  margin: 3px;
+  width: 16px;
+  height: 16px;
+  position: relative; }
+
+.topiclist.forums a.feed-icon-forum {
+  margin-top: 12px; }
+
+a.feed-icon-forum:after {
+  content: '\f09e';
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: 16px;
+  height: 16px;
+  font-family: FontAwesome;
+  font-size: 14px;
+  font-weight: normal;
+  font-style: normal;
+  line-height: 16px;
+  text-align: center; }
+
+a.top-anchor {
+  display: block; }
+
+ul.topiclist {
+  display: block;
+  list-style-type: none;
+  margin: 0; }
+
+ul.topiclist li {
+  display: block;
+  list-style-type: none;
+  margin: 0; }
+  .forabg ul.topiclist li.header, .forumbg ul.topiclist li.header {
+    margin: -5px -10px 5px;
+    border-radius: 2px;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    background: #1f35a6;
+    border: 0 solid #1f35a6;
+    padding: 5px;
+    text-transform: none;
+    font-size: 15px;
+    line-height: 1.4;
+    font-weight: normal;
+    color: #fff;
+    border-radius: 3px;
+    margin: 0;
+    position: relative; }
+    @media (max-width: 700px) {
+      .forabg ul.topiclist li.header, .forumbg ul.topiclist li.header {
+        border-radius: 0; } }
+    .forabg ul.topiclist li.header a, .forumbg ul.topiclist li.header a {
+      color: #fff; }
+      .forabg ul.topiclist li.header a:hover, .forumbg ul.topiclist li.header a:hover {
+        color: #fff; }
+    .forabg ul.topiclist li.header .forum-toggle, .forumbg ul.topiclist li.header .forum-toggle {
+      position: absolute;
+      right: 5px;
+      top: 50%;
+      margin-top: -8px;
+      height: 16px;
+      width: 16px;
+      text-decoration: none !important;
+      outline-style: none !important;
+      color: inherit;
+      transition: opacity 0.3s ease;
+      opacity: .5; }
+      .forabg ul.topiclist li.header .forum-toggle:after, .forumbg ul.topiclist li.header .forum-toggle:after {
+        content: '\f056';
+        font-family: FontAwesome;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 16px;
+        height: 16px;
+        font-size: 12px;
+        line-height: 16px; }
+      .forabg ul.topiclist li.header .forum-toggle.toggled:after, .forumbg ul.topiclist li.header .forum-toggle.toggled:after {
+        content: '\f055'; }
+      .forabg ul.topiclist li.header .forum-toggle:hover, .forumbg ul.topiclist li.header .forum-toggle:hover {
+        opacity: 1; }
+      .rtl .forabg ul.topiclist li.header .forum-toggle, .rtl .forumbg ul.topiclist li.header .forum-toggle {
+        right: auto;
+        left: 4px; }
+
+ul.topiclist dl {
+  position: relative; }
+
+ul.topiclist li.row dl {
+  margin: 2px 0; }
+
+ul.topiclist dt, ul.topiclist dd {
+  display: block;
+  float: left; }
+
+ul.topiclist dt {
+  width: 100%;
+  margin-right: -440px;
+  font-size: 11px; }
+
+ul.topiclist.missing-column dt {
+  margin-right: -345px; }
+
+dl.elegant-row dt,
+ul.topiclist.two-long-columns dt {
+  margin-right: -250px; }
+
+ul.topiclist.two-columns dt {
+  margin-right: -80px; }
+
+ul.topiclist dt .list-inner {
+  margin-right: 440px;
+  padding-left: 5px;
+  padding-right: 5px;
+  position: relative; }
+
+ul.topiclist.missing-column dt .list-inner {
+  margin-right: 345px; }
+
+dl.elegant-row dt .list-inner,
+ul.topiclist.two-long-columns dt .list-inner {
+  margin-right: 250px; }
+
+ul.topiclist.two-columns dt .list-inner {
+  margin-right: 80px; }
+
+ul.topiclist dd {
+  border-left: 1px solid transparent;
+  padding: 4px 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+ul.topiclist dfn {
+  display: none;
+  position: absolute;
+  left: -999px;
+  width: 990px; }
+
+.forum-image {
+  float: left;
+  padding-top: 5px;
+  margin-right: 5px; }
+
+li.row {
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent; }
+  li.row:first-child {
+    border-top-width: 0;
+    padding-top: 0; }
+  li.row:last-child {
+    border-bottom-width: 0;
+    padding-bottom: 0; }
+  .forabg ul.topiclist li.row, .forumbg ul.topiclist li.row {
+    background: #f4f4f4;
+    border: 0 solid #e0e0e0;
+    border-radius: 3px;
+    padding: 5px 10px;
+    padding: 5px;
+    margin: 5px 0;
+    padding: 0; }
+    .forabg ul.topiclist li.row.reported, .forumbg ul.topiclist li.row.reported {
+      background-color: #f5efe9; }
+  li.row .subforums-list ul {
+    list-style-type: none;
+    display: inline;
+    margin: 0; }
+  li.row .subforums-list li {
+    display: inline; }
+    li.row .subforums-list li > span {
+      display: inline; }
+  li.row .forum-mcplink {
+    right: 4px;
+    top: 4px; }
+    .rtl li.row .forum-mcplink {
+      right: auto;
+      left: 4px; }
+
+li.row strong {
+  font-weight: normal; }
+
+li.header dt, li.header dd {
+  border-left-width: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  font-size: 12px;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  line-height: 18px; }
+
+li.header dt {
+  width: 100%;
+  margin-right: -440px; }
+  .forabg li.header dt {
+    font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+    font-weight: 500;
+    font-size: 14px; }
+  li.header dt .list-inner {
+    margin-right: 440px;
+    text-indent: 5px;
+    padding-left: 0; }
+
+li.header dd {
+  padding-left: 1px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+li.header dl dt, li.header dl dd {
+  min-height: 0; }
+
+.forabg li.header dl.row-item dt .list-inner {
+  padding-left: 0;
+  padding-right: 50px; }
+
+.row .list-inner {
+  padding: 4px 0; }
+
+dl.row-item {
+  background-position: 10px 50%;
+  background-repeat: no-repeat;
+  background-size: 36px; }
+
+dl.row-item dt {
+  background-repeat: no-repeat;
+  background-position: 5px 95%;
+  background-size: 17px; }
+
+dl.row-item dt .list-inner {
+  padding-left: 55px;
+  position: relative;
+  padding-top: 5px;
+  padding-bottom: 5px; }
+  li.header dl.row-item dt .list-inner {
+    padding-top: 0;
+    padding-bottom: 0; }
+
+dl.row-item dt .list-inner .topic-status {
+  position: absolute;
+  right: 4px;
+  top: 3px;
+  font-size: 14px;
+  pointer-events: none; }
+  .rtl dl.row-item dt .list-inner .topic-status {
+    right: auto;
+    left: 4px; }
+
+dl.row-item dt .list-inner .topic-status + .topic-status {
+  right: 20px; }
+
+dl.row-item dt, dl.row-item dd {
+  min-height: 42px; }
+
+dl.row-item dt a {
+  display: inline; }
+
+dl.row-item.with-description dt, dl.row-item.with-description dd {
+  min-height: 50px; }
+
+dl a.row-item-link {
+  display: block;
+  width: 36px;
+  height: 36px;
+  padding: 0;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  margin-top: -15px;
+  margin-left: 9px;
+  z-index: 2; }
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
+  width: 80px;
+  text-align: center; }
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark, dd.lastpost.empty {
+  line-height: 34px;
+  font-size: 12px; }
+  .with-description dd.posts, .with-description dd.topics, .with-description dd.views, .with-description dd.extra, .with-description dd.mark, .with-description dd.lastpost.empty {
+    line-height: 42px; }
+
+dd.lastpost.empty br {
+  display: none; }
+
+dd.posts, dd.topics, dd.views {
+  width: 95px; }
+  .elegant-row dd.posts, .elegant-row dd.topics, .elegant-row dd.views {
+    display: none; }
+
+dl.row-item dt ol,
+dl.row-item dt ul {
+  list-style-position: inside;
+  margin-left: 1em; }
+
+dl.row-item dt li {
+  display: list-item;
+  list-style-type: inherit; }
+
+dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
+  width: 250px;
+  font-size: 11px; }
+
+dd.redirect {
+  line-height: 2.5em; }
+
+dd.time {
+  line-height: 200%; }
+
+dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
+  display: block;
+  padding-left: 5px; }
+
+dd.extra, dd.mark {
+  line-height: 200%; }
+
+dd.option {
+  width: 125px;
+  line-height: 200%;
+  text-align: center;
+  font-size: 11px; }
+
+.forum-description {
+  font-size: 13px;
+  padding-top: 2px; }
+
+.forum-statistics {
+  font-size: 11px;
+  padding-top: 2px; }
+
+.forum-lastpost {
+  display: none; }
+  @media (max-width: 550px) {
+    .forum-lastpost {
+      display: block !important;
+      padding-top: 2px;
+      line-height: 1.2;
+      overflow: hidden; } }
+  .forum-lastpost strong, .forum-lastpost span {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap; }
+  .forum-lastpost strong, .forum-lastpost span, .forum-lastpost a.lastsubject {
+    font-weight: normal; }
+  .forum-lastpost strong {
+    display: block;
+    float: left;
+    max-width: 200px;
+    padding-right: 5px; }
+    .rtl .forum-lastpost strong {
+      float: right;
+      padding-right: 0;
+      padding-left: 5px; }
+    @media (max-width: 400px) {
+      .forum-lastpost strong {
+        max-width: 130px; } }
+  .forum-lastpost span {
+    display: inline-block;
+    max-width: 100%; }
+    .forum-lastpost span:after {
+      content: '|';
+      display: inline-block;
+      text-align: center;
+      width: 12px; }
+    .forum-lastpost span:last-of-type:after {
+      display: none; }
+
+.subforums-list {
+  padding-top: 2px; }
+
+.forum-description.toggle {
+  display: none;
+  position: absolute;
+  font-size: 11px;
+  border-radius: 4px;
+  padding: 4px 9px;
+  max-width: 500px;
+  cursor: pointer; }
+  a.forumtitle + .forum-description.toggle, a.topictitle + .forum-description.toggle {
+    left: 55px;
+    top: 25px;
+    z-index: 30; }
+    .rtl a.forumtitle + .forum-description.toggle, .rtl a.topictitle + .forum-description.toggle {
+      left: auto;
+      right: 55px; }
+  .forum-description.toggle a {
+    background: none !important;
+    text-decoration: underline !important;
+    border-width: 0 !important; }
+  .forum-description.toggle span.arrow {
+    position: absolute;
+    line-height: 0;
+    width: 0;
+    height: 0;
+    border: 6px solid transparent;
+    border-left: 1px none transparent;
+    top: 6px;
+    left: -6px;
+    bottom: auto; }
+  .rtl .forum-description.toggle span.arrow {
+    border-left: 6px solid transparent;
+    border-right: 1px none transparent;
+    left: auto;
+    right: -6px; }
+  .forum-description.toggle.no-arrow span.arrow {
+    display: none; }
+
+.postbody {
+  padding: 0;
+  font-size: 11px;
+  line-height: 1.4; }
+  .postprofile + .postbody {
+    float: right;
+    margin-left: -160px;
+    width: 100%;
+    position: relative; }
+    .rtl .postprofile + .postbody {
+      margin-left: 0;
+      margin-right: -160px;
+      float: left; }
+    .search .postprofile + .postbody {
+      margin-left: -260px; }
+      .rtl .search .postprofile + .postbody {
+        margin-left: 0;
+        margin-right: -260px; }
+
+.postprofile + .postbody > div {
+  margin-left: 160px; }
+  .postprofile + .postbody > div:only-child:after {
+    content: ' ';
+    display: table;
+    clear: both; }
+  .rtl .postprofile + .postbody > div {
+    margin-left: 0;
+    margin-right: 160px; }
+  .search .postprofile + .postbody > div {
+    margin-left: 260px; }
+    .rtl .search .postprofile + .postbody > div {
+      margin-left: 0;
+      margin-right: 260px; }
+
+.postbody .ignore {
+  font-size: 13px;
+  line-height: 1.4; }
+
+.postbody h3 {
+  float: left;
+  font-size: 16px;
+  padding: 2px 0 0 0;
+  margin-top: 0 !important;
+  margin-bottom: 0.3em !important;
+  text-transform: none;
+  border: none;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  line-height: 1.25; }
+  .rtl .postbody h3 {
+    float: right; }
+
+.postbody h3 img {
+  vertical-align: bottom; }
+
+.has-profile .postbody h3 {
+  float: none !important;
+  margin-right: 180px; }
+  .rtl .has-profile .postbody h3 {
+    margin-right: 0;
+    margin-left: 180px; }
+
+.postbody .content {
+  font-size: 13px;
+  line-height: 1.4;
+  overflow-x: auto; }
+
+.postbody img.postimage {
+  max-width: 100%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.panel .review {
+  margin-top: 2em; }
+
+.topicreview {
+  padding-right: 5px;
+  overflow: auto;
+  height: 300px; }
+
+.topicreview .postbody {
+  width: auto;
+  float: none;
+  margin: 0;
+  height: auto; }
+
+.topicreview .post {
+  height: auto; }
+
+.topicreview h2 {
+  border-bottom-width: 0; }
+
+.post-ignore .postbody {
+  display: none; }
+
+.post_details {
+  overflow: auto;
+  max-height: 300px; }
+
+.content {
+  clear: both;
+  min-height: 3em;
+  overflow: hidden;
+  line-height: 1.4;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  padding-bottom: 1px; }
+
+.content h2, .panel h2 {
+  font-weight: normal;
+  border-bottom: 1px solid transparent;
+  font-size: 15px;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+  padding-bottom: 0.5em; }
+  .content h2.faq-title, .panel h2.faq-title {
+    margin-top: 5px; }
+
+.panel h3 {
+  margin: 0.5em 0; }
+
+.panel p {
+  font-size: 13px;
+  margin-bottom: 1em;
+  line-height: 1.4; }
+
+.content p {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  margin-bottom: 1em;
+  line-height: 1.4; }
+
+dl.faq, .content dl.faq {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  margin-top: 1em;
+  margin-bottom: 2em;
+  line-height: 1.4; }
+
+dl.faq dt, .content dl.faq dt {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.25;
+  font-weight: normal;
+  margin-bottom: 5px; }
+
+.content dl.faq {
+  margin-bottom: 0.5em; }
+
+.content li {
+  list-style-type: inherit; }
+
+.content ul, .content ol {
+  margin: 0.8em 0 0.9em 3em; }
+
+.posthilit {
+  padding: 0 2px 1px 2px; }
+
+p.author {
+  margin-bottom: 0.3em;
+  padding: 0 0 5px 0;
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px;
+  line-height: 1.4;
+  clear: both; }
+
+.signature {
+  margin-top: 1.5em;
+  padding-top: 0.2em;
+  font-size: 12px;
+  border-top: 1px solid transparent;
+  clear: left;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  line-height: 1.4;
+  overflow: hidden;
+  width: 100%; }
+
+.signature.standalone {
+  border-top-width: 0;
+  margin-top: 0; }
+
+dd .signature {
+  margin: 0;
+  padding: 0;
+  clear: none;
+  border: none; }
+
+.signature li {
+  list-style-type: inherit; }
+
+.signature ul, .signature ol {
+  margin: 0.8em 0 0.9em 3em; }
+
+.notice {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: auto;
+  margin-top: 1.5em;
+  padding-top: 0.2em;
+  font-size: 13px;
+  border-top: 1px dashed transparent;
+  clear: left;
+  line-height: 1.4; }
+
+ul.searchresults {
+  list-style: none;
+  text-align: right;
+  clear: both; }
+  .rtl ul.searchresults {
+    text-align: left; }
+
+blockquote {
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  font-size: 12px;
+  margin: 8px 12px;
+  overflow: hidden;
+  padding: 5px;
+  position: relative; }
+  .rtl blockquote {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+/*blockquote:before {
+	position: absolute;
+	font-family: 'Trebuchet MS';
+	top: 5px;
+	left: 4px;
+	height: 16px;
+	font-size: 30px;
+	line-height: 30px;
+	pointer-events: none;
+}*/
+blockquote blockquote {
+  margin: 5px; }
+
+blockquote cite {
+  font-style: normal;
+  font-weight: bold;
+  display: block;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6; }
+
+blockquote cite:before, .uncited:before {
+  padding-right: 5px; }
+
+blockquote cite > div {
+  float: right;
+  font-weight: normal; }
+
+.postbody .content li blockquote {
+  overflow: inherit;
+  margin-left: 0; }
+
+.codebox {
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  margin: 8px 12px;
+  font-size: 12px;
+  word-wrap: normal; }
+  .rtl .codebox {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+.codebox p {
+  text-transform: uppercase;
+  border-bottom: 1px solid transparent;
+  margin-bottom: 3px;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px !important;
+  line-height: 1.6;
+  font-weight: bold;
+  display: block; }
+
+blockquote .codebox {
+  margin-left: 0; }
+
+.codebox code {
+  overflow: auto;
+  display: block;
+  height: auto;
+  max-height: 200px;
+  padding: 5px 3px;
+  font-family: Monaco, "Andale Mono","Courier New", Courier, mono;
+  font-size: 12px;
+  line-height: 1.3; }
+
+.attachbox {
+  float: left;
+  width: auto;
+  max-width: 100%;
+  margin: 5px 5px 5px 0;
+  padding: 6px;
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  clear: left;
+  box-sizing: border-box; }
+  .rtl .attachbox {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+.attachbox dt {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6;
+  font-weight: 500; }
+
+.attachbox dd {
+  margin-top: 4px;
+  padding-top: 4px;
+  clear: left;
+  border-top: 1px solid transparent;
+  overflow-x: auto; }
+
+.attachbox dd dd {
+  border: none; }
+
+.attachbox p, .attachbox p.stats {
+  line-height: 1.4;
+  font-weight: normal;
+  clear: left; }
+
+.attach-image {
+  margin: 3px 0;
+  max-width: 100%; }
+
+.attach-image img {
+  cursor: default; }
+
+div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
+  display: block;
+  margin-bottom: 4px; }
+
+div.inline-attachment p {
+  font-size: 12px; }
+
+dl.file {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  display: block; }
+
+dl.file dt {
+  text-transform: none;
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6; }
+
+dl.file dd {
+  margin: 0;
+  padding: 0; }
+
+dl.thumbnail img {
+  padding: 3px;
+  border: 1px solid transparent;
+  box-sizing: border-box; }
+
+dl.thumbnail dd {
+  font-style: italic;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+.attachbox dl.thumbnail dd {
+  font-size: 100%; }
+
+dl.thumbnail dt a:hover img {
+  border: 1px solid transparent; }
+
+fieldset.polls {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px; }
+
+fieldset.polls dl {
+  margin: 0;
+  border: 1px solid transparent;
+  border-width: 1px 0;
+  padding: 5px 0;
+  line-height: 1.4; }
+  fieldset.polls dl:first-child {
+    border-top-width: 0; }
+  fieldset.polls dl:last-child {
+    border-bottom-width: 0; }
+
+fieldset.polls dl.voted {
+  font-weight: bold; }
+
+fieldset.polls dt {
+  text-align: left;
+  float: left;
+  display: block;
+  width: 30%;
+  border-right: none;
+  padding: 0;
+  margin: 0;
+  font-size: 13px; }
+
+fieldset.polls dd {
+  float: left;
+  width: 10%;
+  border-left: none;
+  padding: 0 5px;
+  margin-left: 0;
+  font-size: 13px; }
+
+fieldset.polls dd.resultbar {
+  width: 50%; }
+
+fieldset.polls dd input {
+  margin: 2px 0; }
+
+fieldset.polls dd div {
+  text-align: right;
+  font-family: Arial, Helvetica, sans-serif;
+  font-weight: bold;
+  font-size: .9em;
+  padding: 0 3px;
+  overflow: visible;
+  min-width: 8px;
+  border-radius: 2px; }
+
+.vote-submitted {
+  font-size: 15px;
+  font-weight: bold;
+  text-align: center; }
+
+.postprofile {
+  margin: 0;
+  padding: 5px 0;
+  min-height: 80px;
+  border: 0px solid transparent;
+  border-right-width: 1px;
+  width: 150px;
+  float: left;
+  position: relative;
+  box-sizing: border-box;
+  z-index: 2; }
+  .rtl .postprofile {
+    float: right;
+    border-width: 0;
+    border-left-width: 1px; }
+  .search .postprofile {
+    width: 250px; }
+
+.postprofile dd, .postprofile dt {
+  font-size: 11px;
+  line-height: 1.4;
+  margin-right: 8px; }
+  .rtl .postprofile dd, .rtl .postprofile dt {
+    margin-left: 8px;
+    margin-right: 0; }
+
+.postprofile dd {
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+.postprofile strong {
+  font-weight: normal; }
+
+.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
+  margin-bottom: 10px; }
+
+.postprofile .has-avatar .avatar-container {
+  margin-bottom: 3px;
+  overflow: hidden; }
+
+.postprofile .avatar {
+  display: block;
+  float: left;
+  max-width: 100%; }
+  .rtl .postprofile .avatar {
+    float: right; }
+
+.postprofile .avatar img {
+  display: block;
+  height: auto !important;
+  max-width: 100%; }
+
+.postprofile .profile-posts a {
+  font-weight: normal; }
+
+dd.profile-warnings {
+  font-weight: bold; }
+
+dd.profile-contact {
+  overflow: visible; }
+
+.profile-contact .dropdown-container {
+  display: inline-block; }
+
+.profile-contact .icon_contact {
+  vertical-align: middle; }
+
+.profile-contact .dropdown {
+  margin-right: -14px; }
+
+.online-ribbon {
+  display: block;
+  width: 70px;
+  height: 70px;
+  position: absolute;
+  overflow: hidden;
+  top: 0;
+  left: 0;
+  pointer-events: none; }
+  .rtl .online-ribbon {
+    left: auto;
+    right: 0; }
+  .online-ribbon span {
+    display: block;
+    font-weight: 500;
+    font-style: normal;
+    width: 100px;
+    font-size: 11px;
+    line-height: 18px;
+    height: 18px;
+    text-align: center;
+    position: absolute;
+    top: 17px;
+    white-space: nowrap;
+    left: -25px;
+    -webkit-transform: rotate(-45deg);
+    -ms-transform: rotate(-45deg);
+    transform: rotate(-45deg); }
+    .online-ribbon span + span {
+      opacity: .75;
+      z-index: 29; }
+    .rtl .online-ribbon span {
+      left: auto;
+      right: -25px;
+      -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+      transform: rotate(45deg); }
+
+.panel.online > .inner {
+  position: relative;
+  z-index: 2; }
+
+.no-avatar .avatar-container {
+  display: block;
+  width: 92px;
+  height: 92px;
+  background: transparent none 50% 50% no-repeat;
+  background-size: cover; }
+
+.profile-avatar img {
+  max-width: 100%; }
+
+dl.pmlist dt {
+  width: 60% !important; }
+
+dl.pmlist dt textarea {
+  width: 95%; }
+
+dl.pmlist dd {
+  margin-left: 61% !important;
+  margin-bottom: 2px; }
+
+.action-bar div.dl_links {
+  padding: 10px 0 0 10px; }
+
+div.dl_links {
+  display: inline-block;
+  text-transform: none; }
+
+.dl_links strong {
+  font-weight: bold; }
+
+.dl_links ul {
+  list-style-type: none;
+  margin: 0;
+  display: inline-block; }
+
+.dl_links li {
+  display: inline-block; }
+
+.attachment-filename {
+  width: 100%; }
+
+.ellipsis-text {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+table.fixed-width-table {
+  table-layout: fixed; }
+
+.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  -webkit-appearance: none;
+  border-radius: 3px; }
+
+.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+  border-radius: 3px; }
+
+#memberlist tr.inactive, #team tr.inactive {
+  font-style: italic; }
+
+a.post {
+  display: inline !important;
+  background: none !important;
+  box-shadow: none !important;
+  border: none !important; }
+
+.button {
+  display: inline-block;
+  padding: 2px 8px;
+  font-size: 14px;
+  font-weight: 600;
+  font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+  line-height: 18px;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  border: 1px solid transparent;
+  border-radius: 4px; }
+  .button > strong {
+    font-weight: 600; }
+
+.button:focus,
+.button:hover {
+  text-decoration: none;
+  outline: none; }
+
+.caret {
+  border-left: 1px solid;
+  position: relative;
+  right: -6px; }
+
+.caret i {
+  vertical-align: top; }
+
+/* Posting page styles
+----------------------------------------*/
+.button-search,
+.button-search-end {
+  float: left;
+  border-radius: 0;
+  margin: 0;
+  padding: 2px 5px; }
+
+.button-search-end {
+  border-left-width: 0;
+  border-radius: 0 4px 4px 0; }
+
+.search-header .button-search,
+.search-header .button-search-end {
+  border-top-width: 0;
+  border-bottom-width: 0;
+  padding: 3px 5px; }
+
+.search-header .button-search-end {
+  border-right-width: 0; }
+
+.button-icon-only {
+  padding-left: 3px;
+  padding-right: 3px; }
+
+.contact-icons.dropdown-contents {
+  min-width: 0;
+  padding: 0;
+  font-size: 0; }
+
+.contact-icon {
+  position: relative;
+  display: block;
+  height: 16px;
+  width: 16px; }
+  .contact-icon:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    text-align: center;
+    font-family: FontAwesome;
+    font-size: 14px;
+    line-height: 16px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+
+.contact-icons a {
+  border-bottom: 1px dotted;
+  border-right: 1px dotted;
+  display: block;
+  float: left;
+  padding: 8px; }
+
+.contact-icons .last-cell {
+  border-right: none; }
+
+.contact-icons div:last-child a {
+  border-bottom: none; }
+
+.contact-icons div {
+  clear: left; }
+
+.pm-icon:after {
+  content: '\f086'; }
+
+.email-icon:after {
+  content: '\f0e0'; }
+
+.jabber-icon:after {
+  content: '\f0eb';
+  font-size: 16px; }
+
+.phpbb_icq-icon:after {
+  content: '\f013'; }
+
+.phpbb_wlm-icon:after {
+  content: '\f007'; }
+
+.phpbb_aol-icon:after {
+  content: '\f2bb'; }
+
+.phpbb_website-icon:after {
+  content: '\f08e'; }
+
+.phpbb_youtube-icon:after {
+  content: '\f16a'; }
+
+.phpbb_facebook-icon:after {
+  content: '\f230'; }
+
+.phpbb_googleplus-icon:after {
+  content: '\f0d5'; }
+
+.phpbb_skype-icon:after {
+  content: '\f17e'; }
+
+.phpbb_twitter-icon:after {
+  content: '\f099'; }
+
+.phpbb_yahoo-icon:after {
+  content: '\f19e'; }
+
+.post-buttons {
+  float: right;
+  list-style: none;
+  margin-top: 2px; }
+  .rtl .post-buttons {
+    float: left; }
+
+.has-profile .post-buttons {
+  float: none;
+  position: absolute;
+  margin: 0;
+  top: 5px;
+  right: 0; }
+  .rtl .has-profile .post-buttons {
+    left: 0; }
+  .rtl .has-profile .post-buttons {
+    right: auto; }
+
+.post-buttons > li {
+  float: left;
+  margin-right: 3px; }
+
+.post-buttons .button, .format-buttons .button {
+  padding-left: 3px;
+  padding-right: 3px; }
+
+.hastouch .post-buttons {
+  margin-right: 10px; }
+
+.post-buttons .button span {
+  font-size: 0; }
+
+.post-buttons .dropdown {
+  top: 20px; }
+
+.post-buttons .dropdown a {
+  display: block;
+  font-size: 12px;
+  line-height: 1.4;
+  text-align: left;
+  margin-left: 18px;
+  position: relative; }
+  .post-buttons .dropdown a:before {
+    position: absolute;
+    left: -16px;
+    top: 50%;
+    height: 12px;
+    line-height: 14px;
+    margin: -6px 0 0;
+    pointer-events: none;
+    color: inherit; }
+  .rtl .post-buttons .dropdown a {
+    text-align: right; }
+
+.hasjs .postbody .post-buttons {
+  max-width: 40%; }
+
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+/* Deprecated as of version 3.2
+-------------------------------------------------*/
+.small-icon {
+  background-position: 0 50%;
+  background-repeat: no-repeat;
+  background-image: none; }
+
+.dropdown .small-icon {
+  background-position: 5px 50%;
+  padding: 5px; }
+
+.small-icon > a {
+  padding: 0 0 0 18px; }
+
+ul.linklist.bulletin > li.small-icon:before {
+  display: none; }
+
+.dropdown .small-icon > a {
+  display: block; }
+
+.rtl .small-icon {
+  background-position: 100% 50%; }
+
+.rtl .small-icon > a {
+  padding-left: 0;
+  padding-right: 19px; }
+
+.cp-menu {
+  float: left;
+  width: 19%;
+  margin: 0 -2px;
+  padding-right: 7px;
+  box-sizing: border-box; }
+  .rtl .cp-menu {
+    float: right;
+    padding-left: 7px;
+    padding-right: 0; }
+
+.cp-main {
+  float: left;
+  width: 81%; }
+  .rtl .cp-main {
+    float: right; }
+
+.cp-main .content {
+  padding: 0; }
+
+.panel-container .panel {
+  margin-bottom: 10px; }
+
+.panel-container .panel p {
+  font-size: 13px;
+  line-height: 1.4; }
+
+.panel-container .panel ol {
+  margin-left: 2em;
+  font-size: 13px; }
+
+.panel-container .panel li.row {
+  border-bottom: 1px solid transparent;
+  border-top: 1px solid transparent; }
+
+ul.cplist {
+  margin-bottom: 5px;
+  border-top: 1px solid transparent; }
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+  margin-bottom: 2px; }
+
+.panel-container table.table1 {
+  margin-bottom: 1em; }
+
+.panel-container table.table1 thead th {
+  background: transparent;
+  color: inherit;
+  padding: 5px;
+  font-weight: bold;
+  font-size: inherit;
+  line-height: inherit; }
+
+.panel-container table.table1 tbody th {
+  font-style: italic;
+  background-color: transparent !important;
+  border-bottom: none; }
+
+.cp-main .pm-message {
+  border: 1px solid transparent;
+  margin: 10px 0;
+  width: auto;
+  float: none; }
+
+.pm-message h2 {
+  padding-bottom: 5px; }
+
+.cp-main .postbody h3, .cp-main .box2 h3 {
+  margin-top: 0; }
+
+.panel-container .postbody p.author {
+  font-size: 11px; }
+
+.cp-main .buttons {
+  margin-left: 0; }
+
+.cp-main ul.linklist {
+  margin: 0; }
+
+.mcp-main .postbody {
+  width: 100%; }
+
+.tabs-container h2 {
+  float: left;
+  margin-bottom: 0px; }
+
+.tabs, .minitabs {
+  line-height: normal; }
+
+.tabs > ul, .minitabs > ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  position: relative; }
+
+.tabs .tab, .minitabs .tab {
+  display: block;
+  float: left;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 26px; }
+
+.tabs .tab > a, .minitabs .tab > a {
+  display: block;
+  padding: 0 9px;
+  position: relative;
+  text-decoration: none;
+  white-space: nowrap;
+  cursor: pointer;
+  font-size: inherit;
+  line-height: inherit; }
+
+.tabs {
+  margin: 20px 0 0 7px; }
+
+.tabs .tab > a {
+  border: 1px solid transparent;
+  border-radius: 4px 4px 0 0;
+  margin: 1px 1px 0 0; }
+
+.tabs .activetab > a {
+  margin-top: 0;
+  padding-bottom: 2px; }
+
+.minitabs {
+  float: right;
+  margin: 15px 7px 0 0;
+  max-width: 50%; }
+
+.minitabs .tab {
+  float: right; }
+
+.minitabs .tab > a {
+  border-radius: 5px 5px 0 0;
+  margin-left: 2px; }
+
+.minitabs .tab > a:hover {
+  text-decoration: none; }
+
+.responsive-tab {
+  position: relative; }
+
+.responsive-tab > a.responsive-tab-link {
+  display: block;
+  font-size: 16px;
+  position: relative;
+  width: 16px;
+  line-height: 14px;
+  text-decoration: none; }
+.responsive-tab > a.responsive-tab-link:before {
+  content: '\f0c9';
+  font-family: FontAwesome;
+  position: absolute;
+  left: 10px;
+  top: 50%;
+  margin-top: -7px;
+  width: 14px;
+  font-size: 13px;
+  line-height: 15px;
+  height: 15px;
+  text-align: center;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0; }
+.dropdown-visible.responsive-tab > a.responsive-tab-link:before, .responsive-tab > a.responsive-tab-link:hover:before {
+  font-family: FontAwesome;
+  content: '\f078'; }
+
+.tabs .dropdown, .minitabs .dropdown {
+  top: 28px;
+  margin-right: -2px;
+  font-size: 12px;
+  line-height: 1.4;
+  font-weight: normal; }
+
+.minitabs .dropdown {
+  margin-right: -4px; }
+
+.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
+  bottom: 28px;
+  top: auto; }
+
+.tabs .dropdown li {
+  text-align: right; }
+
+.minitabs .dropdown li {
+  text-align: left; }
+
+.navigation {
+  width: 100%; }
+  .navigation hr {
+    display: none; }
+    .navigation hr + ul {
+      margin-top: 10px; }
+
+.navigation ul {
+  list-style: none; }
+
+.navigation li {
+  display: inline;
+  font-weight: bold;
+  margin: 1px 0;
+  padding: 0; }
+
+.navigation a {
+  display: block;
+  padding: 5px;
+  margin: 2px 0;
+  border-radius: 1px;
+  text-decoration: none;
+  font-size: 11px;
+  line-height: 1.4; }
+
+.navigation a:hover {
+  text-decoration: none; }
+
+.cp-main h2 {
+  border-bottom: none;
+  padding: 0;
+  margin-left: 10px; }
+
+.cp-mini {
+  margin: 10px 15px 10px 5px;
+  max-height: 200px;
+  overflow-y: auto;
+  padding: 5px 10px;
+  border-radius: 3px; }
+
+dl.mini dt {
+  font-weight: bold; }
+
+dl.mini dd {
+  padding-top: 4px; }
+
+.friend-online {
+  font-weight: bold; }
+
+.friend-offline {
+  font-style: italic; }
+
+ol.def-rules {
+  padding-left: 0; }
+
+ol.def-rules li {
+  line-height: 180%;
+  padding: 1px; }
+
+.pmlist li.bg1 {
+  padding: 0 3px; }
+
+.pmlist li.bg2 {
+  padding: 0 3px; }
+
+/* DEPRECATED 3.2.6
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: transparent;
+	border-right-color: transparent;
+}
+*/
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour,
+.pmlist li.pm_marked_colour, .pm_marked_colour,
+.pmlist li.pm_replied_colour, .pm_replied_colour,
+.pmlist li.pm_friend_colour, .pm_friend_colour,
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+  padding: 0;
+  border: solid 3px transparent;
+  border-width: 0 3px; }
+
+.pm-legend {
+  border-left-width: 10px;
+  border-left-style: solid;
+  border-right-width: 0;
+  margin-bottom: 3px;
+  padding-left: 3px; }
+
+.gallery label {
+  position: relative;
+  float: left;
+  margin: 10px;
+  padding: 5px;
+  width: auto;
+  border: 1px solid transparent;
+  text-align: center; }
+
+@media (max-width: 900px) {
+  .nojs .tabs a span, .nojs .minitabs a span {
+    max-width: 40px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    letter-spacing: -.5px; }
+
+  .cp-menu, .navigation, .cp-main {
+    float: none;
+    width: auto;
+    margin: 0; }
+
+  .cp-menu:after {
+    content: ' ';
+    display: table;
+    clear: both; }
+
+  .navigation {
+    padding: 0;
+    max-width: 320px; }
+    .cp-menu .navigation {
+      margin: 0 10px;
+      float: left; } }
+    @media (max-width: 900px) and (max-width: 450px) {
+      .cp-menu .navigation {
+        float: none;
+        margin: 0 auto; } }
+@media (max-width: 900px) {
+    .navigation, .cp-menu .navigation:only-child {
+      float: none;
+      margin: 0 auto; }
+    .cp-menu .navigation + .cp-mini {
+      float: left;
+      margin: 0 10px;
+      max-width: 220px; } }
+    @media (max-width: 900px) and (max-width: 450px) {
+      .cp-menu .navigation + .cp-mini {
+        float: none;
+        margin: 10px auto 0; } }
+
+@media (max-width: 900px) {
+  .navigation a {
+    background-image: none; }
+
+  .navigation li:first-child a {
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px; }
+
+  .navigation li:last-child a {
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px; } }
+fieldset {
+  border-width: 0;
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px; }
+
+input {
+  font-weight: normal;
+  vertical-align: middle;
+  padding: 0 3px;
+  font-size: 12px;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+select {
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  cursor: pointer;
+  vertical-align: middle;
+  border: 1px solid transparent;
+  border-radius: 2px;
+  padding: 1px;
+  font-size: 12px; }
+
+select:focus {
+  outline-style: none; }
+
+option {
+  padding-right: 1em; }
+
+select optgroup option {
+  padding-right: 1em;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+textarea {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: 60%;
+  padding: 2px;
+  font-size: 13px;
+  line-height: 1.4;
+  border-radius: 2px;
+  -webkit-appearance: none; }
+
+label {
+  cursor: default;
+  padding-right: 5px; }
+
+label input {
+  vertical-align: middle; }
+
+label img {
+  vertical-align: middle; }
+
+fieldset dl {
+  padding: 4px 0; }
+
+fieldset dt {
+  float: left;
+  width: 40%;
+  text-align: left;
+  display: block; }
+
+fieldset dd {
+  margin-left: 41%;
+  vertical-align: top;
+  margin-bottom: 3px; }
+
+fieldset.fields1 dt {
+  width: 15em;
+  border-right-width: 0; }
+
+fieldset.fields1 dd {
+  margin-left: 15em;
+  border-left-width: 0; }
+
+fieldset.fields1 div {
+  margin-bottom: 3px; }
+
+fieldset.fields1 .live-search div {
+  margin-bottom: 0; }
+
+fieldset.fields2 dt {
+  width: 15em;
+  border-right-width: 0; }
+
+fieldset.fields2 dd {
+  margin-left: 16em;
+  border-left-width: 0; }
+
+dt label {
+  font-weight: bold;
+  text-align: left; }
+
+dd label {
+  white-space: nowrap; }
+
+dd input, dd textarea {
+  margin-right: 3px; }
+
+dd select {
+  width: auto; }
+
+dd select[multiple] {
+  width: 100%; }
+
+dd textarea {
+  width: 85%; }
+
+.timezone {
+  width: 95%; }
+
+/* Browser-specific tweaks */
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+fieldset.quick-login {
+  margin-top: 5px; }
+
+fieldset.quick-login input {
+  width: auto; }
+
+fieldset.quick-login input.inputbox {
+  width: 15%;
+  vertical-align: middle;
+  margin-right: 5px; }
+
+fieldset.quick-login label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.display-options {
+  text-align: center;
+  margin: 3px 0 5px 0; }
+
+fieldset.display-options label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.display-options a {
+  margin-top: 3px; }
+
+.dropdown fieldset.display-options {
+  font-size: 1em;
+  margin: 0;
+  padding: 0; }
+
+.dropdown fieldset.display-options label {
+  display: block;
+  margin: 4px;
+  padding: 0;
+  text-align: right;
+  white-space: nowrap; }
+
+.dropdown fieldset.display-options select {
+  min-width: 120px; }
+
+fieldset.display-actions {
+  text-align: right;
+  line-height: 2em;
+  white-space: nowrap;
+  padding-right: 1em; }
+
+fieldset.display-actions label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.sort-options {
+  line-height: 2em; }
+
+fieldset.forum-selection {
+  margin: 5px 0 3px 0;
+  float: right; }
+
+fieldset.forum-selection2 {
+  margin: 13px 0 3px 0;
+  float: right; }
+
+fieldset.submit-buttons {
+  text-align: center;
+  vertical-align: middle;
+  margin: 5px 0; }
+
+fieldset.submit-buttons input {
+  vertical-align: middle; }
+
+.format-buttons {
+  margin: 15px 0 2px 0; }
+
+.format-buttons input, .format-buttons select {
+  vertical-align: middle; }
+
+.message-box {
+  width: 80%; }
+
+.message-box textarea {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: 450px;
+  height: 270px;
+  min-width: 100%;
+  max-width: 100%;
+  font-size: 13px;
+  line-height: 1.4;
+  resize: vertical;
+  outline: 3px dashed transparent;
+  outline-offset: -4px;
+  -webkit-transition: all .5s ease, height 1ms linear;
+  -moz-transition: all .5s ease, height 1ms linear;
+  -ms-transition: all .5s ease, height 1ms linear;
+  -o-transition: all .5s ease, height 1ms linear;
+  transition: all .5s ease, height 1ms linear; }
+
+.smiley-box {
+  width: 18%;
+  float: right; }
+
+.smiley-box img {
+  margin: 3px; }
+
+.inputbox {
+  border: 1px solid transparent;
+  padding: 2px;
+  border-radius: 2px;
+  -webkit-appearance: none; }
+
+.inputbox:hover, .inputbox:focus {
+  border: 1px solid transparent;
+  outline-style: none; }
+
+input.inputbox {
+  width: 85%; }
+
+input.medium {
+  width: 50%; }
+
+input.narrow {
+  width: 25%; }
+
+input.tiny {
+  width: 150px; }
+
+textarea.inputbox {
+  width: 85%; }
+
+.autowidth {
+  width: auto !important; }
+
+input[type="number"] {
+  -moz-padding-end: 0; }
+
+input[type="search"] {
+  -webkit-appearance: none;
+  -webkit-box-sizing: content-box; }
+
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
+  display: none; }
+
+input[type="search"]::-webkit-search-cancel-button {
+  cursor: pointer; }
+
+input.button1, input.button2 {
+  font-size: 13px; }
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+  width: auto !important;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
+  background: transparent none repeat-x top left;
+  line-height: 1.5;
+  border-radius: 3px;
+  font-size: 13px; }
+  .format-buttons a.button1, .format-buttons input.button1, .format-buttons input.button3, .format-buttons a.button2, .format-buttons input.button2 {
+    font-size: 12px; }
+
+a.button1, input.button1 {
+  font-weight: bold;
+  border: 1px solid transparent; }
+
+input.button3 {
+  padding: 0;
+  margin: 0;
+  line-height: 5px;
+  height: 12px;
+  background-image: none;
+  font-variant: small-caps; }
+
+input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li {
+  cursor: pointer; }
+
+a.button2, input.button2, input.button3 {
+  border: 1px solid transparent; }
+
+a.button1, a.button2 {
+  text-decoration: none;
+  padding: 0 3px;
+  vertical-align: text-bottom; }
+
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+  border: 1px solid transparent; }
+
+input.disabled {
+  font-weight: normal; }
+
+input.button1:focus, input.button2:focus, input.button3:focus {
+  outline-style: none; }
+
+.search-box {
+  float: left; }
+
+.search-box .inputbox {
+  background-image: none;
+  border-right-width: 0;
+  border-radius: 4px 0 0 4px;
+  float: left;
+  height: 24px;
+  padding: 3px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  .rtl .search-box .inputbox {
+    border-radius: 0 4px 4px 0; }
+
+.search-header {
+  border-radius: 4px;
+  display: block;
+  border: 1px solid transparent; }
+  .navbar.with-search .search-header {
+    margin-top: 1px; }
+  .headerbar .search-header {
+    position: absolute;
+    top: 50%;
+    right: 5px;
+    margin-top: -13px; }
+
+.search-header .inputbox {
+  border: 0; }
+
+.navbar .linklist > li.responsive-search {
+  display: none; }
+
+.full {
+  width: 95%; }
+
+.medium {
+  width: 50%; }
+
+.narrow {
+  width: 25%; }
+
+.tiny {
+  width: 10%; }
+
+.icon-search-new, .icon-search-unanswered, .icon-search-unread, .icon-search-self, .icon-search, .icon-search-active, .icon-search-advanced, .icon-acp, .icon-bookmark, .icon-bump, .icon-contact, .icon-delete-cookies, .icon-download, .icon-faq, .icon-home, .icon-logout, .icon-login, .icon-mark, .icon-mcp, .icon-members, .icon-notification, .icon-pages, .icon-pm, .icon-print, .icon-profile, .icon-register, .icon-sendemail, .icon-subscribe, .icon-team, .icon-ucp, .icon-unsubscribe, .icon-new-posts, .icon-forums, .icon-chat, .icon-time, .icon-thanks, .icon-thanks_toplist {
+  position: relative;
+  background-image: none; }
+  .icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 0;
+    height: 14px;
+    margin-top: -7px;
+    text-align: center;
+    font-size: 12px;
+    line-height: 14px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+  .small-icon.icon-search-new:after, .small-icon.icon-search-unanswered:after, .small-icon.icon-search-unread:after, .small-icon.icon-search-self:after, .small-icon.icon-search:after, .small-icon.icon-search-active:after, .small-icon.icon-search-advanced:after, .small-icon.icon-acp:after, .small-icon.icon-bookmark:after, .small-icon.icon-bump:after, .small-icon.icon-contact:after, .small-icon.icon-delete-cookies:after, .small-icon.icon-download:after, .small-icon.icon-faq:after, .small-icon.icon-home:after, .small-icon.icon-logout:after, .small-icon.icon-login:after, .small-icon.icon-mark:after, .small-icon.icon-mcp:after, .small-icon.icon-members:after, .small-icon.icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .small-icon.icon-notification:after, .small-icon.icon-pages:after, .small-icon.icon-pm:after, .small-icon.icon-print:after, .small-icon.icon-profile:after, .small-icon.icon-register:after, .small-icon.icon-sendemail:after, .small-icon.icon-subscribe:after, .small-icon.icon-team:after, .small-icon.icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .small-icon.icon-ucp:after, .small-icon.icon-unsubscribe:after, .small-icon.icon-new-posts:after, .small-icon.icon-forums:after, .small-icon.icon-chat:after, .small-icon.icon-time:after, .small-icon.icon-thanks:after, .small-icon.icon-thanks_toplist:after {
+    width: 18px;
+    text-align: center; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+  font-family: FontAwesome; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after {
+  content: '\f002'; }
+
+.icon-acp:after {
+  content: '\f085'; }
+
+.icon-bookmark:after {
+  content: '\f02e';
+  margin-left: -1px;
+  margin-right: -1px; }
+
+.icon-bump:after {
+  content: '\f079'; }
+
+.icon-contact:after {
+  content: '\f0e0'; }
+
+.icon-delete-cookies:after {
+  content: '\f014'; }
+
+.icon-download:after {
+  content: '\f019'; }
+
+.icon-faq:after {
+  content: '\f059'; }
+
+.icon-home:after {
+  content: '\f015'; }
+.icon-home.breadcrumbs:after {
+  text-align: left; }
+
+.icon-logout:after {
+  content: '\f08b'; }
+
+.icon-login:after {
+  content: '\f090'; }
+
+.icon-mark:after {
+  content: '\f046'; }
+
+.icon-mcp:after {
+  content: '\f0e3'; }
+
+.icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before {
+  content: '\f007'; }
+.icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before {
+  display: block;
+  font-size: 10px;
+  padding: 0;
+  padding-left: 4px;
+  padding-top: 1px;
+  opacity: .7; }
+
+.icon-notification:after {
+  content: '\f0a2'; }
+.icon-notification.non-zero:after {
+  content: '\f0f3'; }
+
+.icon-pages:after {
+  content: '\f0c5'; }
+
+.icon-pm:after {
+  content: '\f003'; }
+.icon-pm.non-zero:after {
+  content: '\f0e0'; }
+
+.icon-print:after {
+  content: '\f02f'; }
+
+.icon-profile:after {
+  content: '\f007'; }
+
+.icon-register:after {
+  content: '\f234'; }
+
+.icon-sendemail:after {
+  content: '\f003'; }
+
+.icon-subscribe:after {
+  content: '\f05d'; }
+
+.icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before {
+  content: '\f007'; }
+.icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before {
+  display: block;
+  font-size: 10px;
+  padding: 0;
+  white-space: nowrap;
+  padding-top: 1px;
+  opacity: .7;
+  content: '\f007\f007'; }
+
+.icon-ucp:after {
+  content: '\f0ad'; }
+
+.icon-unsubscribe:after {
+  content: '\f05c'; }
+
+.icon-new-posts:after {
+  content: '\f086'; }
+
+.icon-forums:after {
+  content: '\f075'; }
+
+.icon-chat:after {
+  content: '\f086'; }
+
+.icon-time:after {
+  content: '\f017'; }
+
+.icon-thanks {
+  background-image: none !important; }
+  .icon-thanks:after {
+    content: '\f087'; }
+
+.icon-thanks_toplist {
+  background-image: none !important; }
+  .icon-thanks_toplist:after {
+    content: '\f005'; }
+
+@media (max-width: 320px) {
+  select, .inputbox {
+    max-width: 240px; } }
+/* Notifications list
+----------------------------------------*/
+@media (max-width: 350px) {
+  .dropdown-extended .dropdown-contents {
+    width: auto; } }
+@media (max-width: 430px) {
+  .action-bar .search-box .inputbox {
+    width: 120px; }
+
+  .section-viewtopic .search-box .inputbox {
+    width: 57px; }
+
+  .action-bar .search-box .inputbox ::-moz-placeholder {
+    content: "Search..."; }
+
+  .action-bar .search-box .inputbox :-ms-input-placeholder {
+    content: "Search..."; }
+
+  .action-bar .search-box .inputbox ::-webkit-input-placeholder {
+    content: "Search..."; } }
+@media (max-width: 500px) {
+  dd label {
+    white-space: normal; }
+
+  select, .inputbox {
+    max-width: 260px; }
+
+  .captcha-panel dd.captcha {
+    margin-left: 0; }
+
+  .captcha-panel dd.captcha-image img {
+    width: 100%; }
+
+  dl.details dt, dl.details dd {
+    width: auto;
+    float: none;
+    text-align: left; }
+
+  dl.details dd {
+    margin-left: 20px; }
+
+  p.responsive-center {
+    float: none;
+    text-align: center;
+    margin-bottom: 5px; }
+
+  .action-bar > div {
+    margin-bottom: 5px; }
+
+  .action-bar > .pagination {
+    float: none;
+    clear: both;
+    padding-bottom: 1px;
+    text-align: center; }
+
+  .action-bar > .pagination li.page-jump {
+    margin: 0 2px; }
+
+  p.jumpbox-return {
+    display: none; }
+
+  .display-options > label:nth-child(1) {
+    display: block;
+    margin-bottom: 5px; }
+
+  .attach-controls {
+    margin-top: 5px;
+    width: 100%; }
+
+  .quick-links .dropdown-trigger span {
+    display: none; } }
+@media (max-width: 550px) {
+  ul.topiclist.forums dt {
+    margin-right: 0; }
+
+  ul.topiclist.forums dt .list-inner {
+    margin-right: 0; }
+
+  ul.topiclist.forums dd.lastpost {
+    display: none; } }
+@media (max-width: 700px) {
+  .responsive-hide {
+    display: none !important; }
+
+  .responsive-show {
+    display: block !important; }
+
+  .responsive-show-inline {
+    display: inline !important; }
+
+  .responsive-show-inline-block {
+    display: inline-block !important; }
+
+  /* Content wrappers
+  ----------------------------------------*/
+  html {
+    height: auto; }
+
+  body {
+    padding: 0; }
+
+  #wrap {
+    border: none;
+    border-radius: 0;
+    margin: 0;
+    padding: 0 5px; }
+
+  .page-width, .navbar .inner.static > .static-inner {
+    min-width: 290px;
+    margin: 0; }
+
+  .navbar .inner.static > .static-inner,
+  #wrap .navbar .inner.static > .static-inner {
+    padding: 0; }
+
+  .forabg, .forumbg, .post, .panel {
+    border-radius: 0;
+    margin-left: -5px;
+    margin-right: -5px; }
+
+  .headerbar, .navbar {
+    border-radius: 0; }
+
+  #wrap .headerbar, #wrap .navbar {
+    margin-left: -5px;
+    margin-right: -5px; }
+
+  .cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
+    border-radius: 0; }
+
+  .navbar.tabbed .nav-tabs, .navbar.tabbed .nav-tabs .tab {
+    border-radius: 0 !important; }
+
+  .site-description {
+    float: none;
+    width: auto;
+    text-align: center; }
+
+  .logo {
+    float: none;
+    margin: 0 auto;
+    padding: 10px; }
+    .logo img {
+      margin: 0 auto; }
+
+  .site-description h1, .site-description p, .site-description p.sitename {
+    text-align: inherit;
+    float: none;
+    margin: 5px;
+    line-height: 1.2em;
+    overflow: hidden;
+    text-overflow: ellipsis; }
+
+  .site-description p, .headerbar .search-header {
+    display: none; }
+
+  .responsive-search {
+    display: block !important; }
+
+  ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
+    margin-right: 0 !important;
+    padding-right: 0; }
+
+  ul.topiclist li.header dd {
+    display: none !important; }
+
+  ul.topiclist dt, ul.topiclist dt .list-inner,
+  ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
+  ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
+  ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
+    margin-right: 0; }
+
+  ul.topiclist dt .list-inner.with-mark {
+    padding-right: 34px; }
+
+  ul.topiclist dt .list-inner {
+    min-height: 28px; }
+
+  ul.topiclist li.header dt .list-inner {
+    min-height: 0; }
+
+  ul.topiclist dd {
+    display: none; }
+
+  ul.topiclist dd.mark {
+    display: block; }
+
+  /* Forums and topics lists
+  ----------------------------------------*/
+  ul.topiclist.forums dt {
+    margin-right: -250px; }
+
+  ul.topiclist dd.mark {
+    display: block;
+    position: absolute;
+    right: 5px;
+    top: 0;
+    margin: 0;
+    width: auto;
+    min-width: 0;
+    text-align: left; }
+
+  ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
+    position: relative;
+    left: 0;
+    width: auto;
+    display: inline;
+    font-weight: normal; }
+
+  li.row .responsive-show strong {
+    font-weight: bold;
+    color: inherit; }
+
+  ul.topiclist li.row dt a.subforum {
+    vertical-align: bottom;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100px; }
+
+  /* Pagination
+  ----------------------------------------*/
+  .pagination > ul {
+    margin: 5px 0 0; }
+
+  .row .pagination .ellipsis + li {
+    display: none !important; }
+
+  /* Responsive tables
+  ----------------------------------------*/
+  table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
+    display: block; }
+
+  table.responsive thead, table.responsive th {
+    display: none; }
+
+  table.responsive.show-header thead, table.responsive.show-header th:first-child {
+    display: block;
+    width: auto !important;
+    text-align: left !important;
+    border-radius: 0; }
+
+  table.responsive.show-header th:first-child span.rank-img {
+    display: none; }
+
+  table.responsive tr {
+    margin: 2px 0; }
+
+  table.responsive td {
+    width: auto !important;
+    text-align: left !important;
+    padding: 4px; }
+
+  table.responsive td.empty {
+    display: none !important; }
+
+  table.responsive td > dfn {
+    display: inline-block !important; }
+
+  table.responsive td > dfn:after {
+    content: ':';
+    padding-right: 5px; }
+
+  table.responsive span.rank-img {
+    float: none;
+    padding-right: 5px; }
+
+  table.responsive.memberlist td:first-child input[type="checkbox"] {
+    float: right; }
+
+  /* Forms
+  ----------------------------------------*/
+  fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
+    width: auto;
+    float: none; }
+
+  fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
+    margin-left: 0px; }
+
+  textarea, dd textarea, .message-box textarea {
+    width: 100%;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box; }
+
+  dl.pmlist dt {
+    width: auto !important;
+    margin-bottom: 5px; }
+
+  dl.pmlist dd {
+    display: inline-block;
+    margin-left: 0 !important; }
+
+  dl.pmlist dd:first-of-type {
+    padding-left: 20px; }
+
+  .smiley-box, .message-box {
+    float: none;
+    width: auto; }
+
+  .smiley-box {
+    margin-top: 5px; }
+
+  .bbcode-status {
+    display: none; }
+
+  .colour-palette, .colour-palette tbody, .colour-palette tr {
+    display: block; }
+
+  .colour-palette td {
+    display: inline-block;
+    margin-right: 2px; }
+
+  .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
+    display: none; }
+
+  fieldset.quick-login label {
+    display: block;
+    margin-bottom: 5px;
+    white-space: normal; }
+
+  fieldset.quick-login label > span {
+    display: inline-block;
+    min-width: 100px; }
+
+  fieldset.quick-login input.inputbox {
+    width: 85%;
+    max-width: 300px;
+    margin-left: 20px; }
+
+  fieldset.quick-login label[for="autologin"] {
+    display: inline-block;
+    text-align: right;
+    min-width: 50%; }
+
+  /* User profile
+  ----------------------------------------*/
+  .column1, .column2, .left-box.profile-details {
+    float: none;
+    width: auto;
+    clear: both; }
+
+  /* Polls
+  ----------------------------------------*/
+  fieldset.polls dt {
+    width: 90%; }
+
+  fieldset.polls dd.resultbar {
+    padding-left: 20px; }
+
+  fieldset.polls dd.poll_option_percent {
+    width: 20%; }
+
+  fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
+    margin-top: 5px; }
+
+  /* Post
+  ----------------------------------------*/
+  .postbody {
+    position: inherit; }
+
+  .postprofile + .postbody {
+    float: none;
+    position: inherit;
+    width: auto; }
+
+  .postprofile, .postbody, .search .postbody {
+    display: block;
+    width: auto;
+    float: none;
+    padding: 0;
+    min-height: 0; }
+
+  .post .postprofile {
+    width: auto;
+    border-width: 0 0 1px 0;
+    padding-bottom: 5px;
+    margin: 0;
+    margin-bottom: 5px;
+    min-height: 40px;
+    overflow: hidden;
+    z-index: auto !important; }
+
+  .postprofile dd {
+    display: none; }
+
+  .postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
+    display: block;
+    margin: 0; }
+
+  .postprofile .has-avatar .avatar-container,
+  .postprofile .no-avatar .avatar-container {
+    margin: 0;
+    overflow: inherit;
+    float: left;
+    padding-right: 5px; }
+
+  .postprofile .avatar-container:after {
+    clear: none; }
+
+  .postprofile .avatar, .postprofile .no-avatar .avatar-container {
+    margin-right: 5px; }
+
+  .postprofile .avatar img {
+    width: auto !important;
+    height: auto !important;
+    max-height: 32px; }
+
+  .no-avatar .avatar-container {
+    width: 32px;
+    height: 32px; }
+
+  .has-profile .postbody h3 {
+    margin-left: 0 !important;
+    margin-right: 0 !important; }
+
+  .has-profile .post-buttons {
+    right: 10px;
+    top: 10px; }
+    .rtl .has-profile .post-buttons {
+      right: auto;
+      left: 10px; }
+
+  .online-ribbon {
+    width: 35px;
+    height: 35px;
+    top: 0;
+    left: 0; }
+    .rtl .online-ribbon {
+      left: auto;
+      right: 0; }
+    .online-ribbon span {
+      width: 50px;
+      font-size: 6px;
+      line-height: 10px;
+      height: 10px;
+      text-align: center;
+      position: absolute;
+      top: 8px;
+      white-space: nowrap;
+      left: -12px; }
+      .rtl .online-ribbon span {
+        left: auto;
+        right: -12px; }
+
+  h2 {
+    margin-top: .5em; }
+
+  p {
+    margin-bottom: .5em;
+    overflow: hidden; }
+
+  p.rightside {
+    margin-bottom: 0; }
+
+  fieldset.display-options label {
+    display: inline-block;
+    clear: both;
+    margin-bottom: 5px;
+    letter-spacing: -.3px; }
+
+  dl.mini dd.pm-legend {
+    float: left;
+    min-width: 200px; }
+
+  .topicreview {
+    margin: 0 -5px;
+    padding: 0 5px; }
+
+  fieldset.display-actions {
+    white-space: normal; }
+
+  .phpbb_alert {
+    width: auto;
+    margin: 0 5px; }
+
+  .attach-comment dfn {
+    width: 100%; } }
+@media (min-width: 700px) {
+  .postbody {
+    width: 70%; } }
+@media (min-width: 850px) {
+  .postbody {
+    width: 76%; } }
+@media (min-width: 701px) and (max-width: 950px) {
+  ul.topiclist dt {
+    margin-right: -410px; }
+
+  ul.topiclist dt .list-inner {
+    margin-right: 410px; }
+
+  ul.topiclist dd.lastpost {
+    float: right; }
+
+  dd.posts, dd.topics, dd.views {
+    width: 80px; } }
+html, body {
+  color: #141414;
+  background-image: url("./images/pattern.png");
+  background-color: #e0e0e0; }
+
+h1, p.sitename {
+  color: #141414; }
+
+h2 {
+  color: #1f35a6; }
+
+h3 {
+  color: #1f35a6; }
+  .post h3 {
+    color: #2438a1; }
+  h3 a {
+    color: inherit; }
+    h3 a:hover {
+      color: #d0863c; }
+
+hr {
+  border-color: #fafafa;
+  border-top-color: #c7c7c7; }
+
+/* Post body links */
+.postlink {
+  border-bottom-color: #1f35a6;
+  color: #1f35a6; }
+
+.postlink:visited {
+  border-bottom-color: #868686;
+  color: #868686; }
+
+.postlink:hover {
+  background-color: #dbdbdb;
+  color: #d0863c; }
+
+.signature a, .signature a:hover {
+  background-color: transparent; }
+
+.search-box .inputbox,
+.search-box .inputbox:hover,
+.search-box .inputbox:focus,
+.search-box .button:hover {
+  border-color: #c6c6c6; }
+
+.search-box .button, .search-box .button:hover {
+  background-color: #f4f4f4 !important;
+  border-color: #c6c6c6 !important; }
+.search-box .button, .search-box .button:before, .search-box .button:after {
+  color: #1f35a6; }
+.search-box .button:hover, .search-box .button:hover:before, .search-box .button:hover:after {
+  color: #d0863c !important; }
+
+.search-header {
+  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
+  .navbar.with-search .search-header {
+    box-shadow: none; }
+  .search-header .inputbox, .search-header .button {
+    background: #f4f4f4 !important;
+    border-color: #f4f4f4 !important; }
+  .navbar.with-search .search-header .button, .navbar.with-search .search-header .button:before, .navbar.with-search .search-header .button:after {
+    color: #1f35a6; }
+  .search-header .inputbox:hover, .search-header .inputbox:focus {
+    background-color: #f8f8f8 !important;
+    color: #000 !important;
+    border-color: #f4f4f4 !important; }
+  .search-header .button:hover, .search-header .button:hover:before, .search-header .button:hover:after, .search-header .button:focus, .search-header .button:focus:before, .search-header .button:focus:after {
+    background-color: #d0863c !important;
+    color: #fff !important;
+    border-color: #d0863c !important; }
+
+.headerbar {
+  color: #141414; }
+
+.breadcrumbs .crumb:before {
+  color: #868686; }
+
+.navbar {
+  background-image: none; }
+  .navbar.secondary {
+    color: #1f35a6; }
+    .navbar.secondary > ul > li:hover, .navbar.secondary > ul > li:hover:after, .navbar.secondary > ul > li:hover:before,
+    .navbar.secondary > ul > li.dropdown-visible,
+    .navbar.secondary > ul > li.dropdown-visible:after,
+    .navbar.secondary > ul > li.dropdown-visible:before {
+      color: #d0863c; }
+    .navbar.secondary .dropdown {
+      color: #141414; }
+  .navbar .nav-tabs {
+    background-color: #1f35a6; }
+    .navbar .nav-tabs .tab {
+      color: #fff; }
+      .navbar .nav-tabs .tab.selected {
+        color: #1f35a6;
+        background-color: #f4f4f4; }
+      .navbar .nav-tabs .tab:hover, .navbar .nav-tabs .tab.dropdown-visible {
+        color: #d0863c;
+        background-color: #f4f4f4; }
+      .navbar .nav-tabs .tab > strong {
+        color: #fff;
+        background-color: #d03c3c;
+        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
+        .navbar .nav-tabs .tab > strong .arrow {
+          border-top-color: #d03c3c; }
+      .navbar .nav-tabs .tab .dropdown {
+        color: #141414; }
+
+.panel {
+  background-color: #f4f4f4;
+  color: #141414; }
+
+.post:target .content {
+  color: #000; }
+
+.post:target h3 a {
+  color: #000; }
+
+.bg1 {
+  background-color: #f4f4f4; }
+
+table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
+  background-color: #f4f4f4; }
+
+.bg2 {
+  background-color: #f6f6f6; }
+
+table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
+  background-color: #f6f6f6; }
+
+.bg3 {
+  background-color: #f8f8f8; }
+  .bg3.panel {
+    background: transparent none;
+    background-color: rgba(224, 224, 224, 0.3);
+    border-top-color: #f8f8f8; }
+    .bg3.panel:before, .bg3.panel:after {
+      background: -webkit-linear-gradient(to bottom, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%);
+      background: linear-gradient(to bottom, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%); }
+  .section-posting .bg3.panel {
+    background-color: #f4f4f4; }
+    .section-posting .bg3.panel:before, .section-posting .bg3.panel:after {
+      background: transparent; }
+
+ul.navlinks {
+  border-top-color: #e7e7e7; }
+
+.forum_unread .forumtitle, .forum_unread_subforum .forumtitle, .forum_unread_locked .forumtitle {
+  color: #d0863c; }
+
+.global_unread .topictitle, .global_unread_mine .topictitle, .announce_unread_mine .topictitle, .announce_unread .topictitle, .global_unread_mine .topictitle, .announce_unread_mine .topictitle, .global_unread_locked .topictitle, .global_unread_locked_mine .topictitle, .announce_unread_locked_mine .topictitle, .announce_unread_locked .topictitle, .global_unread_locked_mine .topictitle, .announce_unread_locked_mine .topictitle, .announce_unread .topictitle, .announce_unread_mine .topictitle, .announce_unread_locked .topictitle, .announce_unread_locked_mine .topictitle, .sticky_unread .topictitle, .sticky_unread_mine .topictitle, .sticky_unread_locked .topictitle, .sticky_unread_locked_mine .topictitle, .topic_unread .topictitle, .sticky_unread .topictitle, .pm_unread .topictitle, .topic_unread_mine .topictitle, .sticky_unread_mine .topictitle, .topic_unread_locked .topictitle, .sticky_unread_locked .topictitle, .topic_unread_locked_mine .topictitle, .sticky_unread_locked_mine .topictitle, .topic_unread_hot .topictitle, .topic_unread_hot_mine .topictitle {
+  color: #d0863c; }
+
+.forum-statistics {
+  color: #868686; }
+
+.forum-lastpost {
+  color: #868686; }
+  .forum-lastpost span:before {
+    opacity: .5; }
+
+.forum-description.toggle {
+  color: #fff;
+  background-color: rgba(61, 61, 61, 0.8); }
+  .forum-description.toggle a {
+    color: inherit !important; }
+  .forum-description.toggle span.arrow {
+    border-right-color: rgba(61, 61, 61, 0.8); }
+  .rtl .forum-description.toggle span.arrow {
+    border-right-color: transparent;
+    border-left-color: rgba(61, 61, 61, 0.8); }
+
+.forum-statistics .value {
+  color: #000; }
+
+table.table1 thead th {
+  color: #fff; }
+
+table.table1 tbody tr {
+  border-color: #e7e7e7; }
+
+table.table1 tbody tr:hover, table.table1 tbody tr.hover {
+  background-color: #f8f8f8;
+  color: #000; }
+
+table.table1 td {
+  color: #141414; }
+
+table.table1 tbody td {
+  border-top-color: #e7e7e7; }
+
+table.table1 tbody th {
+  border-bottom-color: #e7e7e7;
+  color: #000;
+  background-color: #e0e0e0; }
+
+table.info tbody th {
+  color: #000; }
+
+dl.details dt {
+  color: #000; }
+
+dl.details dd {
+  color: #334292; }
+
+.sep {
+  color: #1f35a6; }
+
+/* Icon styles
+---------------------------------------- */
+.icon.icon-blue, a:hover .icon.icon-blue {
+  color: #196db5; }
+
+.icon.icon-green, a:hover .icon.icon-green {
+  color: #1b9A1B; }
+
+.icon.icon-red, a:hover .icon.icon-red {
+  color: #BC2A4D; }
+
+.icon.icon-orange, a:hover .icon.icon-orange {
+  color: #FF6600; }
+
+.icon.icon-bluegray, a:hover .icon.icon-bluegray {
+  color: #536482; }
+
+.icon.icon-gray, a:hover .icon.icon-gray {
+  color: #777777; }
+
+.icon.icon-lightgray, a:hover .icon.icon-lightgray {
+  color: #999999; }
+
+.icon.icon-black, a:hover .icon.icon-black {
+  color: #333333; }
+
+.alert_close .icon:before {
+  background-color: #FFFFFF; }
+
+/* Jumpbox */
+.jumpbox .dropdown li {
+  border-top-color: #1f35a6; }
+
+.jumpbox-cat-link {
+  background-color: #1f35a6;
+  color: #fff; }
+
+.jumpbox-cat-link:hover {
+  background-color: #d0863c;
+  border-top-color: #d0863c;
+  color: #fff; }
+
+.jumpbox-forum-link {
+  background-color: #f4f4f4; }
+
+.jumpbox-forum-link:hover {
+  background-color: #e0e0e0; }
+
+.jumpbox .dropdown .pointer-inner {
+  border-color: #f4f4f4 transparent; }
+
+.jumpbox-sub-link {
+  background-color: #f4f4f4; }
+
+.jumpbox-sub-link:hover {
+  background-color: #e0e0e0; }
+
+.pagination li a {
+  color: #1f35a6;
+  background-color: #f4f4f4;
+  border-color: #e7e7e7; }
+
+.pagination li.ellipsis span {
+  background-color: transparent;
+  color: #000; }
+
+.pagination li.active span {
+  color: #fff;
+  background-color: #1f35a6;
+  border-color: #1f35a6; }
+
+.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
+  border-color: #d0863c;
+  background-color: #d0863c;
+  color: #fff; }
+
+.pagination li.page-jump a:after {
+  color: #1f35a6; }
+
+.pagination li.page-jump a:hover:after {
+  color: #d0863c; }
+
+.copyright {
+  color: #868686; }
+
+.error {
+  color: #d0863c; }
+
+.reported {
+  background-color: #f5efe9; }
+  .reported .postprofile, .reported .signature {
+    border-color: #f0e7de; }
+
+li.reported:hover {
+  background-color: #f5efe9; }
+
+div.rules {
+  background-color: #ded3c7;
+  color: #d0863c; }
+
+p.post-notice {
+  background-color: #efe4d8;
+  color: #d0863c;
+  background-image: none; }
+
+p.post-notice.deleted:before, p.post-notice.unapproved:before, p.post-notice.reported:before, p.post-notice.error:before {
+  font-family: FontAwesome; }
+
+p.post-notice.deleted:before {
+  content: '\f057';
+  color: #d0863c; }
+
+p.post-notice.unapproved:before {
+  content: '\f059';
+  color: #d0863c; }
+
+p.post-notice.reported:before, p.post-notice.error:before {
+  content: '\f071';
+  color: #d0863c; }
+
+.topic-status.sticky {
+  color: #868686; }
+
+a {
+  color: #1f35a6; }
+
+a:hover {
+  color: #d0863c; }
+
+a.time {
+  color: #9d9d9d; }
+  a.time:hover {
+    color: #d0863c; }
+
+.forumbg .header a, .forabg .header a, th a {
+  color: #fff; }
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+  color: #fff; }
+
+.dropdown-extended a.mark_read {
+  background-color: #f4f4f4; }
+
+a.top, a.top2 {
+  color: #868686; }
+  a.top:hover, a.top2:hover {
+    color: #d0863c; }
+
+a.feed-icon-forum:after {
+  color: #bdbdbd; }
+
+a.feed-icon-forum:hover:after {
+  color: #d0863c; }
+
+ul.topiclist li {
+  color: #141414; }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  ul.topiclist li.row dt a.subforum.read {
+    background-size: 11px 9px; } }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  ul.topiclist li.row dt a.subforum.unread {
+    background-size: 11px 9px; } }
+
+li.row {
+  border-top-color: white;
+  border-bottom-color: #e7e7e7; }
+  li.row .forum-lastpost strong,
+  li.row .subforums-list strong {
+    color: #868686; }
+
+li.row strong {
+  color: #000; }
+
+.icon-link + .list-inner > a.forumtitle, .icon-link + .list-inner > a.topictitle,
+.pm_unread .topictitle,
+a.subforum.unread {
+  color: #d0863c; }
+
+.postbody {
+  color: #141414; }
+
+.content {
+  color: #141414; }
+
+.content h2, .panel h2 {
+  color: #293469;
+  border-bottom-color: #e7e7e7; }
+
+dl.faq dt, .content dl.faq dt {
+  color: #141414; }
+
+.posthilit {
+  background-color: #f5efe9;
+  color: #af6d2a; }
+
+.signature {
+  border-top-color: #e7e7e7; }
+
+.notice {
+  border-top-color: #e7e7e7; }
+
+blockquote {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #dfac7a; }
+  .rtl blockquote {
+    border-left-color: #ededed;
+    border-right-color: #dfac7a; }
+
+blockquote blockquote, blockquote .codebox, blockquote .attachbox {
+  background-color: #f4f4f4;
+  background-color: rgba(196, 196, 196, 0.1);
+  border-left-color: #6273c9; }
+  .rtl blockquote blockquote,
+  .rtl blockquote .codebox,
+  .rtl blockquote .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #6273c9; }
+
+blockquote blockquote blockquote, blockquote blockquote .codebox, blockquote blockquote .attachbox {
+  background-color: #fff;
+  border-left-color: #dfac7a; }
+  .rtl blockquote blockquote blockquote,
+  .rtl blockquote blockquote .codebox,
+  .rtl blockquote blockquote .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #dfac7a; }
+
+blockquote:before {
+  color: #868686; }
+
+.codebox {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #6273c9; }
+  .rtl .codebox {
+    border-left-color: #ededed;
+    border-right-color: #6273c9; }
+
+.codebox p {
+  border-bottom-color: #f2f2f2; }
+
+.codebox code {
+  color: #1fa631; }
+
+.attachbox {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #6273c9; }
+  .rtl .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #6273c9; }
+
+.attachbox dd {
+  border-top-color: #f2f2f2; }
+
+.attachbox p {
+  color: #666; }
+
+.attachbox p.stats {
+  color: #666; }
+
+dl.file dd {
+  color: #666; }
+
+dl.thumbnail img {
+  border-color: #f2f2f2;
+  background-color: #f4f4f4; }
+
+dl.thumbnail dd {
+  color: #666; }
+
+fieldset.polls dl {
+  border-top-color: white;
+  border-bottom-color: #e7e7e7;
+  color: #141414; }
+
+fieldset.polls dl.voted {
+  color: #000; }
+
+fieldset.polls dd div {
+  color: #fff; }
+
+.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
+  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2); }
+
+.pollbar1 {
+  background-color: #ac8660; }
+
+.pollbar2 {
+  background-color: #b2865a; }
+
+.pollbar3 {
+  background-color: #b88654; }
+
+.pollbar4 {
+  background-color: #c48648; }
+
+.pollbar5 {
+  background-color: #d0863c; }
+
+.postprofile {
+  color: #141414;
+  border-color: #e7e7e7; }
+
+.postprofile strong {
+  color: #000; }
+
+.online-ribbon span {
+  background-color: #d0863c;
+  color: #fff; }
+
+dd.profile-warnings {
+  color: #BC2A4D; }
+
+.no-avatar .avatar-container {
+  background-image: url("./images/no_avatar.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .no-avatar .avatar-container {
+      background-image: url("./images/no_avatar_hd.png"); } }
+
+.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+  background: rgba(0, 0, 0, 0.1); }
+
+.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.3); }
+
+.button, .buttons > .button.locked-icon {
+  border-color: #3448ae;
+  background-color: #3448ae;
+  color: #fff;
+  box-shadow: none; }
+.buttons > .button.locked-icon {
+  color: #fff; }
+  .buttons > .button.locked-icon:after, .buttons > .button.locked-icon:before {
+    color: #fff !important; }
+  .buttons > .button.locked-icon:hover {
+    box-shadow: none; }
+.buttons > .button, .button.report-icon, .button.delete-icon {
+  border-color: #1f35a6;
+  background-color: #1f35a6;
+  color: #fff; }
+  .buttons > .button:after, .buttons > .button:before, .button.report-icon:after, .button.report-icon:before, .button.delete-icon:after, .button.delete-icon:before {
+    color: #dde1f2 !important; }
+.button.report-icon, .button.delete-icon {
+  border-color: #d0863c;
+  background-color: #d0863c; }
+  .button.report-icon:after, .button.report-icon:before, .button.delete-icon:after, .button.delete-icon:before {
+    color: #f8ede2 !important; }
+
+.buttons > .dropdown-select {
+  color: #868686; }
+
+.dropdown-select:after {
+  border-color: #7985c2; }
+
+.dropdown-select:hover {
+  border-color: #3448ae; }
+
+.dropdown-select:hover:after, .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after {
+  border-color: #d28f4c; }
+
+.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select,
+.buttons > .button:hover,
+.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
+  border-color: #d0863c !important;
+  background-color: #d0863c;
+  color: #fff; }
+  .dropdown-visible .dropdown-select:after, .dropdown-visible .dropdown-select:before, .dropdown-visible .dropdown-select:hover:after, .dropdown-visible .dropdown-select:hover:before, .nojs .dropdown-container:hover .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:before,
+  .buttons > .button:hover:after,
+  .buttons > .button:hover:before,
+  .button:hover:after,
+  .button:hover:before, .dropdown-visible .dropdown-select:after, .dropdown-visible .dropdown-select:before, .nojs .dropdown-container:hover .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:before {
+    color: #fff !important; }
+
+.contact-icons a {
+  border-color: #e7e7e7; }
+
+.jabber-icon:after {
+  color: #c90000; }
+
+.phpbb_icq-icon:after {
+  color: #60ff00;
+  text-shadow: 0 0 1px #000, 0 0 2px #000; }
+
+.phpbb_wlm-icon:after {
+  color: #79aad3; }
+
+.phpbb_aol-icon:after {
+  color: #ffd800;
+  text-shadow: 0 0 1px #000, 0 0 2px #000; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+  color: #1f35a6; }
+.icon-search-new:hover:after, .icon-search-unanswered:hover:after, .icon-search-unread:hover:after, .icon-search-self:hover:after, .icon-search:hover:after, .icon-search-active:hover:after, .icon-search-advanced:hover:after, .icon-acp:hover:after, .icon-bookmark:hover:after, .icon-bump:hover:after, .icon-contact:hover:after, .icon-delete-cookies:hover:after, .icon-download:hover:after, .icon-faq:hover:after, .icon-home:hover:after, .icon-logout:hover:after, .icon-login:hover:after, .icon-mark:hover:after, .icon-mcp:hover:after, .icon-members:hover:after, .icon-members:hover:before, ul.linklist.bulletin > li.small-icon.icon-members:hover:before, .icon-notification:hover:after, .icon-pages:hover:after, .icon-pm:hover:after, .icon-print:hover:after, .icon-profile:hover:after, .icon-register:hover:after, .icon-sendemail:hover:after, .icon-subscribe:hover:after, .icon-team:hover:after, .icon-team:hover:before, ul.linklist.bulletin > li.small-icon.icon-team:hover:before, .icon-ucp:hover:after, .icon-unsubscribe:hover:after, .icon-new-posts:hover:after, .icon-forums:hover:after, .icon-chat:hover:after, .icon-time:hover:after, .icon-thanks:hover:after, .icon-thanks_toplist:hover:after {
+  color: #d0863c; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after {
+  color: #d0863c; }
+
+.icon-search-self:after {
+  color: #9d9d9d; }
+
+.icon-home.breadcrumbs:after {
+  color: #1f35a6; }
+
+.icon-notification.non-zero:after, .icon-pm.non-zero:after {
+  color: #d0863c; }
+
+.icon-time:after {
+  color: #9d9d9d; }
+
+/* Profile & navigation icons */
+.pm-icon {
+  background-position: 0 0; }
+
+.email-icon {
+  background-position: -21px 0; }
+
+.jabber-icon {
+  background-position: -80px 0; }
+
+.phpbb_icq-icon {
+  background-position: -61px 0; }
+
+.phpbb_wlm-icon {
+  background-position: -182px 0; }
+
+.phpbb_aol-icon {
+  background-position: -244px 0; }
+
+.phpbb_website-icon {
+  background-position: -40px 0; }
+
+.phpbb_youtube-icon {
+  background-position: -98px 0; }
+
+.phpbb_facebook-icon {
+  background-position: -119px 0; }
+
+.phpbb_googleplus-icon {
+  background-position: -140px 0; }
+
+.phpbb_skype-icon {
+  background-position: -161px 0; }
+
+.phpbb_twitter-icon {
+  background-position: -203px 0; }
+
+.phpbb_yahoo-icon {
+  background-position: -224px 0; }
+
+.global_read, .global_read_mine, .announce_read_mine, .announce_read {
+  background-image: url("./images/announce_read.png"); }
+
+.global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked {
+  background-image: url("./images/announce_read_locked.png"); }
+
+.global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread {
+  background-image: url("./images/announce_unread.png"); }
+
+.global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked {
+  background-image: url("./images/announce_unread_locked.png"); }
+
+.forum_link {
+  background-image: url("./images/forum_link.png"); }
+
+.forum_read {
+  background-image: url("./images/forum_read.png"); }
+
+.forum_read_locked {
+  background-image: url("./images/forum_read_locked.png"); }
+
+.forum_read_subforum {
+  background-image: url("./images/forum_read_subforum.png"); }
+
+.forum_unread {
+  background-image: url("./images/forum_unread.png"); }
+
+.forum_unread_locked {
+  background-image: url("./images/forum_unread_locked.png"); }
+
+.forum_unread_subforum {
+  background-image: url("./images/forum_unread_subforum.png"); }
+
+.topic_moved {
+  background-image: url("./images/topic_moved.png"); }
+
+.topic_read, .sticky_read, .pm_read {
+  background-image: url("./images/topic_read.png"); }
+
+.topic_read_mine, .sticky_read_mine {
+  background-image: url("./images/topic_read_mine.png"); }
+
+.topic_read_hot {
+  background-image: url("./images/topic_read_hot.png"); }
+
+.topic_read_hot_mine {
+  background-image: url("./images/topic_read_hot_mine.png"); }
+
+.topic_read_locked, .sticky_read_locked {
+  background-image: url("./images/topic_read_locked.png"); }
+
+.topic_read_locked_mine, .sticky_read_locked_mine {
+  background-image: url("./images/topic_read_locked_mine.png"); }
+
+.topic_unread, .sticky_unread, .pm_unread {
+  background-image: url("./images/topic_unread.png"); }
+
+.topic_unread_mine, .sticky_unread_mine {
+  background-image: url("./images/topic_unread_mine.png"); }
+
+.topic_unread_hot {
+  background-image: url("./images/topic_unread_hot.png"); }
+
+.topic_unread_hot_mine {
+  background-image: url("./images/topic_unread_hot_mine.png"); }
+
+.topic_unread_locked, .sticky_unread_locked {
+  background-image: url("./images/topic_unread_locked.png"); }
+
+.topic_unread_locked_mine, .sticky_unread_locked_mine {
+  background-image: url("./images/topic_unread_locked_mine.png"); }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  .global_read, .global_read_mine, .announce_read_mine, .announce_read, .global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked, .global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread, .global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked,
+  .forum_link, .forum_read, .forum_read_locked, .forum_read_subforum, .forum_unread, .forum_unread_locked, .forum_unread_subforum,
+  .topic_moved, .topic_read, .sticky_read, .pm_read, .topic_read_mine, .sticky_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .sticky_read_locked, .topic_read_locked_mine, .sticky_read_locked_mine,
+  .topic_unread,
+  .sticky_unread,
+  .pm_unread, .topic_unread_mine, .sticky_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .sticky_unread_locked, .topic_unread_locked_mine, .sticky_unread_locked_mine {
+    background-size: 36px 36px; }
+
+  .global_read, .global_read_mine, .announce_read_mine, .announce_read {
+    background-image: url("./images/announce_read_hd.png"); }
+
+  .global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked {
+    background-image: url("./images/announce_read_locked_hd.png"); }
+
+  .global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread {
+    background-image: url("./images/announce_unread_hd.png"); }
+
+  .global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked {
+    background-image: url("./images/announce_unread_locked_hd.png"); }
+
+  .forum_link {
+    background-image: url("./images/forum_link_hd.png"); }
+
+  .forum_read {
+    background-image: url("./images/forum_read_hd.png"); }
+
+  .forum_read_locked {
+    background-image: url("./images/forum_read_locked_hd.png"); }
+
+  .forum_read_subforum {
+    background-image: url("./images/forum_read_subforum_hd.png"); }
+
+  .forum_unread {
+    background-image: url("./images/forum_unread_hd.png"); }
+
+  .forum_unread_locked {
+    background-image: url("./images/forum_unread_locked_hd.png"); }
+
+  .forum_unread_subforum {
+    background-image: url("./images/forum_unread_subforum_hd.png"); }
+
+  .topic_moved {
+    background-image: url("./images/topic_moved_hd.png"); }
+
+  .topic_read, .sticky_read, .pm_read {
+    background-image: url("./images/topic_read_hd.png"); }
+
+  .topic_read_mine, .sticky_read_mine {
+    background-image: url("./images/topic_read_mine_hd.png"); }
+
+  .topic_read_hot {
+    background-image: url("./images/topic_read_hot_hd.png"); }
+
+  .topic_read_hot_mine {
+    background-image: url("./images/topic_read_hot_mine_hd.png"); }
+
+  .topic_read_locked, .sticky_read_locked {
+    background-image: url("./images/topic_read_locked_hd.png"); }
+
+  .topic_read_locked_mine, .sticky_read_locked_mine {
+    background-image: url("./images/topic_read_locked_mine_hd.png"); }
+
+  .topic_unread, .sticky_unread, .pm_unread {
+    background-image: url("./images/topic_unread_hd.png"); }
+
+  .topic_unread_mine, .sticky_unread_mine {
+    background-image: url("./images/topic_unread_mine_hd.png"); }
+
+  .topic_unread_hot {
+    background-image: url("./images/topic_unread_hot_hd.png"); }
+
+  .topic_unread_hot_mine {
+    background-image: url("./images/topic_unread_hot_mine_hd.png"); }
+
+  .topic_unread_locked, .sticky_unread_locked {
+    background-image: url("./images/topic_unread_locked_hd.png"); }
+
+  .topic_unread_locked_mine, .sticky_unread_locked_mine {
+    background-image: url("./images/topic_unread_locked_mine_hd.png"); } }
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+  color: #000; }
+
+.panel-container table.table1 thead th {
+  color: #141414;
+  border-bottom-color: #e7e7e7; }
+
+#cp-main .pm-message {
+  border-color: #e0e0e0;
+  background-color: #f4f4f4; }
+
+#tabs .tab > a {
+  background: #f4f4f4;
+  color: #334292; }
+
+#tabs .tab > a:hover {
+  background: #f8f8f8;
+  color: #d0863c; }
+
+#tabs .activetab > a,
+#tabs .activetab > a:hover {
+  background: #f8f8f8;
+  box-shadow: 0 5px 5px -5px #f8f8f8;
+  border-color: #f8f8f8;
+  color: #2b2b2b; }
+
+#minitabs .tab > a {
+  background-color: #f6f6f6; }
+
+#minitabs .activetab > a,
+#minitabs .activetab > a:hover {
+  background-color: #F9F9F9;
+  color: #333333; }
+
+.responsive-tab .responsive-tab-link:before {
+  color: #334292; }
+
+#navigation a {
+  color: #141414;
+  background: #f4f4f4;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.1); }
+
+#navigation a:hover {
+  background: #f6f6f6;
+  color: #d0863c; }
+
+#navigation #active-subsection a {
+  background: #1f35a6;
+  color: #fff; }
+
+#navigation #active-subsection a:hover {
+  background-color: #d0863c; }
+
+#navigation > hr {
+  border-top-color: #f6f6f6; }
+
+.panel-container h2 {
+  color: #141414; }
+
+.panel-container .panel {
+  background: #eaeaea;
+  box-shadow: none;
+  border-width: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
+  .panel-container .panel > .inner > h3:first-child {
+    background-color: transparent;
+    color: #1f35a6;
+    background-image: none; }
+    .panel-container .panel > .inner > h3:first-child a {
+      color: #1f35a6; }
+      .panel-container .panel > .inner > h3:first-child a:hover {
+        color: #d0863c; }
+  .panel-container .panel:before, .panel-container .panel:after {
+    background: transparent; }
+
+#cp-main .pm {
+  background-color: #f4f4f4; }
+
+.cp-mini {
+  background-color: #f6f6f6; }
+
+.current {
+  color: #000 !important; }
+
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+  border-left-color: #BC2A4D;
+  border-right-color: #BC2A4D; }
+
+.pmlist li.pm_marked_colour, .pm_marked_colour {
+  border-color: #ff9100; }
+
+.pmlist li.pm_replied_colour, .pm_replied_colour {
+  border-color: #aab7c2; }
+
+.pmlist li.pm_friend_colour, .pm_friend_colour {
+  border-color: #5D8FBD; }
+
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+  border-color: #000000; }
+
+#gallery label {
+  background: #f6f6f6;
+  border-color: #e7e7e7; }
+
+#gallery label:hover {
+  background-color: #f8f8f8; }
+
+select {
+  border-color: #c6c6c6;
+  background-color: #fff;
+  color: #141414; }
+
+label {
+  color: #141414; }
+
+option.disabled-option {
+  color: #868686; }
+
+dd label {
+  color: #141414; }
+
+fieldset.fields1 {
+  background-color: transparent; }
+
+fieldset dl:hover dt label {
+  color: #000; }
+
+fieldset.fields2 dl:hover dt label {
+  color: inherit; }
+
+#message-box textarea {
+  color: #141414; }
+
+#message-box textarea.drag-n-drop {
+  outline-color: rgba(157, 157, 157, 0.5); }
+
+#message-box textarea.drag-n-drop-highlight {
+  outline-color: rgba(134, 134, 134, 0.5); }
+
+.inputbox, select {
+  background-color: #fff;
+  border-color: #c6c6c6;
+  color: #141414; }
+
+.inputbox::-moz-placeholder {
+  color: #5b5b5b; }
+.inputbox::-webkit-input-placeholder {
+  color: #5b5b5b; }
+.inputbox:-ms-input-placeholder {
+  color: #5b5b5b; }
+
+.inputbox:hover, select:hover {
+  background-color: #fff;
+  border-color: #d0863c;
+  color: #141414; }
+
+.inputbox:focus, select:focus {
+  background-color: #fff;
+  border-color: #1f35a6;
+  color: #141414; }
+
+.inputbox:hover::-moz-placeholder {
+  color: #141414; }
+.inputbox:hover::-webkit-input-placeholder {
+  color: #141414; }
+.inputbox:hover:-ms-input-placeholder {
+  color: #141414; }
+
+.inputbox:focus::-moz-placeholder {
+  color: transparent; }
+.inputbox:focus::-webkit-input-placeholder {
+  color: transparent; }
+.inputbox:focus:-ms-input-placeholder {
+  color: transparent; }
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+  color: #fff;
+  border-color: #3448ae;
+  background-color: #3448ae; }
+
+a.button1, input.button1 {
+  border-color: #1f35a6;
+  background-color: #1f35a6;
+  color: #fff; }
+
+input.button3 {
+  background-image: none; }
+
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+  border-color: #d0863c;
+  background-color: #d0863c;
+  color: #fff; }
+
+input.button1:focus, input.button2:focus, input.button3:focus {
+  border-color: #d0863c;
+  background-color: #d0863c;
+  color: #fff; }
+
+input.disabled {
+  color: #868686; }
+
+.phpbb_alert {
+  background-color: #e0e0e0;
+  border-color: #e7e7e7; }
+
+.phpbb_alert .alert_close:before {
+  color: #1f35a6; }
+
+.phpbb_alert .alert_close:hover:before {
+  color: #d0863c; }
+
+.phpbb_alert .alert_close:after {
+  color: #e0e0e0; }
+
+.darken {
+  background-color: #000; }
+
+.loading_indicator {
+  background-color: #000;
+  background-image: url("./images/loading.gif"); }
+
+.dropdown-extended ul li {
+  border-top-color: #e7e7e7; }
+
+.dropdown-extended ul li:hover {
+  background-color: #f6f6f6;
+  color: #000; }
+
+.dropdown-extended .header, .dropdown-extended .footer {
+  border-color: #e7e7e7;
+  color: #000; }
+
+.dropdown-extended .footer {
+  border-top-style: solid;
+  border-top-width: 1px; }
+
+.dropdown-extended .header {
+  background: #1f35a6;
+  color: #fff; }
+  .dropdown-extended .header a {
+    color: #fff; }
+    .dropdown-extended .header a:hover {
+      color: #fff; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+  color: #1f35a6; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
+  color: #d0863c; }
+
+.dropdown .dropdown-contents {
+  background: #f4f4f4;
+  border-color: #1f35a6;
+  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5); }
+
+.dropdown-up .dropdown-contents {
+  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5); }
+
+.dropdown li, .dropdown li li {
+  border-color: #dbdbdb; }
+
+.dropdown li.separator {
+  border-color: #dbdbdb; }
+
+.notification_list li.notification-reported strong, .notification_list li.notification-disapproved strong {
+  color: #d0863c; }
+.notification_list li.dropdown-notification {
+  background-color: #f4f4f4;
+  color: #1f35a6; }
+  .notification_list li.dropdown-notification, .panel-container .notification_list li.dropdown-notification {
+    border-top-color: white;
+    border-bottom-color: #dbdbdb; }
+  .notification_list li.dropdown-notification strong {
+    color: #161616; }
+  .notification_list li.dropdown-notification a {
+    color: inherit; }
+  .notification_list li.dropdown-notification p.notification-time, .notification_list li.dropdown-notification p.notifications_time {
+    color: #7b81a1; }
+  .notification_list li.dropdown-notification a.mark_read {
+    background-color: white; }
+    .notification_list li.dropdown-notification a.mark_read, .notification_list li.dropdown-notification a.mark_read:after {
+      color: #161616; }
+      .notification_list li.dropdown-notification a.mark_read:hover, .notification_list li.dropdown-notification a.mark_read:after:hover {
+        color: #1f35a6; }
+.notification_list li.bg3 {
+  background-color: #ded7d0;
+  color: #d0863c; }
+  .notification_list li.bg3, .panel-container .notification_list li.bg3 {
+    border-top-color: #f3f1ee;
+    border-bottom-color: #c9beb2; }
+  .notification_list li.bg3 strong {
+    color: #000; }
+  .notification_list li.bg3 a {
+    color: inherit; }
+  .notification_list li.bg3 p.notification-time, .notification_list li.bg3 p.notifications_time {
+    color: #bc9e80; }
+  .notification_list li.bg3 a.mark_read {
+    background-color: white; }
+    .notification_list li.bg3 a.mark_read, .notification_list li.bg3 a.mark_read:after {
+      color: #000; }
+      .notification_list li.bg3 a.mark_read:hover, .notification_list li.bg3 a.mark_read:after:hover {
+        color: #d0863c; }
+.notification_list li.dropdown-notification:hover {
+  background-color: #f6f6f6;
+  color: #1f35a6; }
+  .notification_list li.dropdown-notification:hover, .panel-container .notification_list li.dropdown-notification:hover {
+    border-top-color: white;
+    border-bottom-color: #dddddd; }
+  .notification_list li.dropdown-notification:hover strong {
+    color: #161616; }
+  .notification_list li.dropdown-notification:hover a {
+    color: inherit; }
+  .notification_list li.dropdown-notification:hover p.notification-time, .notification_list li.dropdown-notification:hover p.notifications_time {
+    color: #7c82a2; }
+  .notification_list li.dropdown-notification:hover a.mark_read {
+    background-color: white; }
+    .notification_list li.dropdown-notification:hover a.mark_read, .notification_list li.dropdown-notification:hover a.mark_read:after {
+      color: #161616; }
+      .notification_list li.dropdown-notification:hover a.mark_read:hover, .notification_list li.dropdown-notification:hover a.mark_read:after:hover {
+        color: #1f35a6; }
+
+.imageset.icon_post_target {
+  background-image: url("./images/icon_post_target.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .imageset.icon_post_target {
+      background-image: url("./images/icon_post_target_hd.png"); } }
+
+.imageset.icon_post_target_unread {
+  background-image: url("./images/icon_post_target_unread.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .imageset.icon_post_target_unread {
+      background-image: url("./images/icon_post_target_unread_hd.png"); } }
+
+.imageset.icon_topic_attach:after {
+  color: #868686; }
+
+.imageset.icon_topic_poll:after {
+  color: #707590; }
+
+/* --------------------------------------------------------------
+	$Icons
+-------------------------------------------------------------- */
+/* Global module setup
+--------------------------------*/
+/* Renamed version of .fa class for agnostic usage of icon fonts.
+ * Just change the name of the font after the 14/1 to the name of
+ * the font you wish to use.
+ */
+.icon, .button .icon, blockquote cite:before, .uncited:before {
+  display: inline-block;
+  font-weight: normal;
+  font-style: normal;
+  font-variant: normal;
+  font-family: FontAwesome;
+  font-size: 14px;
+  line-height: 1;
+  text-rendering: auto;
+  /* optimizelegibility throws things off #1094 */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+.icon:before {
+  padding-right: 2px; }
+
+.button .icon:before {
+  padding-right: 0; }
+
+/* Icon size classes - Default size is 14px, use these for small variations */
+.icon.icon-xl {
+  font-size: 20px; }
+
+.icon.icon-lg {
+  font-size: 16px; }
+
+.icon.icon-md {
+  font-size: 10px; }
+
+.icon.icon-sm {
+  font-size: 8px; }
+
+/* icon modifiers */
+.icon-tiny {
+  width: 12px;
+  transform: scale(0.65, 0.75);
+  vertical-align: text-bottom;
+  font-size: 16px; }
+
+.arrow-left .icon {
+  float: left; }
+
+.arrow-left:hover .icon {
+  margin-left: -5px;
+  margin-right: 5px; }
+
+.arrow-right .icon {
+  float: right; }
+
+.arrow-right:hover .icon {
+  margin-left: 5px;
+  margin-right: -5px; }
+
+.post-buttons .dropdown-contents .icon {
+  float: right;
+  margin-left: 5px; }
+
+.alert_close .icon:before {
+  padding: 0;
+  border-radius: 50%;
+  width: 11px;
+  display: block;
+  line-height: .9;
+  height: 12px; }
+
+blockquote cite:before, .uncited:before {
+  content: '\f10d';
+  /* Font Awesome quote-left */ }
+
+.rtl blockquote cite:before, .rtl .uncited:before {
+  content: '\f10e';
+  /* Font Awesome quote-right */ }
+
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
+ */
+html {
+  font-family: sans-serif;
+  /* 1 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */ }
+
+/**
+ * Remove default margin.
+ */
+body {
+  margin: 0; }
+
+/* HTML5 display definitions
+	 ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block; }
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  /* 1 */
+  vertical-align: baseline;
+  /* 2 */ }
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+[hidden],
+template {
+  display: none; }
+
+/* Links
+	 ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+  background-color: transparent; }
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+a:active,
+a:hover {
+  outline: 0; }
+
+/* Text-level semantics
+	 ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+b,
+strong {
+  font-weight: bold; }
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+dfn {
+  font-style: italic; }
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0; }
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+mark {
+  background: #ff0;
+  color: #000; }
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+  font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -0.5em; }
+
+sub {
+  bottom: -0.25em; }
+
+/* Embedded content
+	 ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+  border: 0; }
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+  overflow: hidden; }
+
+/* Grouping content
+	 ========================================================================== */
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+figure {
+  margin: 1em 40px; }
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+  box-sizing: content-box;
+  height: 0; }
+
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+  overflow: auto; }
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+/* Forms
+	 ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+  margin: 0;
+  /* 3 */ }
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+  overflow: visible; }
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+  text-transform: none; }
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  /* 2 */
+  cursor: pointer;
+  /* 3 */ }
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+html input[disabled] {
+  cursor: default; }
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+  line-height: normal; }
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  box-sizing: content-box;
+  /* 2 */ }
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+  border: 0;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+  overflow: auto; }
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+  font-weight: bold; }
+
+/* Tables
+	 ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+td,
+th {
+  padding: 0; }
+
+/* --------------------------------------------------------------
+	$Utilities
+-------------------------------------------------------------- */
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto; }
+
+.clearfix:before,
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after {
+  content: " ";
+  display: table; }
+
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after {
+  clear: both; }
+
+.center-block {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.pull-right {
+  float: right !important; }
+
+.pull-left {
+  float: left !important; }
+
+.hide {
+  display: none !important; }
+
+.show {
+  display: block !important; }
+
+.invisible {
+  visibility: hidden; }
+
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0; }
+
+.hidden {
+  display: none; }
+
+.affix {
+  position: fixed; }
diff --git a/simplicity_darkblue/theme/stylesheet.scss b/simplicity_darkblue/theme/stylesheet.scss
new file mode 100644
index 0000000..d6de161
--- /dev/null
+++ b/simplicity_darkblue/theme/stylesheet.scss
@@ -0,0 +1,35 @@
+//
+//	stylesheet.css replacement
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
+//	If you have any questions please visit support forum at:
+//		http://www.artodia.com/forums/
+//
+//	Set your custom configuration variables in _custom_config.scss
+//	Add your custom code to _custom.scss
+//	
+//	After editing any .scss file you must recompile stylesheet.
+//
+/*!
+	DO NOT EDIT stylesheet.css!
+
+	Edit .scss files instead. See http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+	If you have any questions, please ask on support forum at http://www.artodia.com/forums/
+*/
+@import "custom_config";
+@import "style_config";
+@import "common/common";
+@import "common/links";
+@import "common/content";
+@import "common/buttons";
+@import "common/cp";
+@import "common/forms";
+@import "common/imageset";
+@import "common/responsive";
+@import "colours";
+@import "custom";
+@import "common/icons";
+@import "common/normalize";
+@import "common/utilities";
diff --git a/simplicity_darkblue/theme/tweaks.css b/simplicity_darkblue/theme/tweaks.css
new file mode 100644
index 0000000..820faa4
--- /dev/null
+++ b/simplicity_darkblue/theme/tweaks.css
@@ -0,0 +1,7 @@
+/* Style Sheet Tweaks
+
+These style definitions are IE 8 & 9 only.
+They are required due to the poor CSS support in IE browsers.
+------------------------------------------------------------------------------*/
+
+@import "../../simplicity/theme/tweaks.css";
\ No newline at end of file
diff --git a/simplicity_gray/license.txt b/simplicity_gray/license.txt
new file mode 100644
index 0000000..a5319f7
--- /dev/null
+++ b/simplicity_gray/license.txt
@@ -0,0 +1,33 @@
+IMPORTANT: This license does not apply to files in directory theme/fonts/
+
+Files in those directories have their own licenses, see license.txt in respective
+directories for details.
+
+-----------------------------------------------------------------------------
+
+Copyright (c) 2015, Vjacheslav Trushkin
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer. 
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+The views and conclusions contained in the software and documentation are those
+of the authors and should not be interpreted as representing official policies, 
+either expressed or implied, of the FreeBSD Project.
\ No newline at end of file
diff --git a/simplicity_gray/style.cfg b/simplicity_gray/style.cfg
new file mode 100644
index 0000000..6b5a5c6
--- /dev/null
+++ b/simplicity_gray/style.cfg
@@ -0,0 +1,32 @@
+#
+# phpBB Style Configuration File
+#
+# This file is part of the phpBB Forum Software package.
+#
+# @copyright (c) phpBB Limited <https://www.phpbb.com>
+# @license GNU General Public License, version 2 (GPL-2.0)
+#
+# For full copyright and license information, please see
+# the docs/CREDITS.txt file.
+#
+# At the left is the name, please do not change this
+# At the right the value is entered
+#
+# Values get trimmed, if you want to add a space in front or at the end of
+# the value, then enclose the value with single or double quotes.
+# Single and double quotes do not need to be escaped.
+#
+#
+
+# General Information about this style
+name = Simplicity Gray
+copyright = Created by Arty (Vjacheslav Trushkin), http://www.artodia.com/, Modified by Gabriel Fischer
+style_version = 3.3.0
+phpbb_version = 3.3.0
+
+# Defining a different template bitfield
+# template_bitfield = lNg=
+
+# Parent style
+# Set value to empty or to this style's name if this style does not have a parent style
+parent = Simplicity
diff --git a/simplicity_gray/theme/_colours.scss b/simplicity_gray/theme/_colours.scss
new file mode 100644
index 0000000..29178ac
--- /dev/null
+++ b/simplicity_gray/theme/_colours.scss
@@ -0,0 +1,1685 @@
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for common.css
+// --------------------------------------------------------------
+
+html, body {
+	color: $text-color;
+	background-image: url('./images/pattern.png');
+	@if $use-wrapper {
+		background-color: $page-background;
+		&.simple {
+			background-color: $content-background;
+		}
+	}
+	@else {
+		background-color: $content-background;
+	}
+}
+
+h1, p.sitename {
+	color: $header-text;
+}
+
+h2 {
+	color: $page-title-color;
+}
+
+h3 {
+	color: $stats-title-color;
+	.post & {
+		color: $block-title-color;
+	}
+	a {
+		color: inherit;
+		&:hover {
+			color: $link-hover-color;
+		}
+	}
+}
+
+hr {
+	border-color: $content-top-border;
+	border-top-color: $content-bottom-border;
+}
+
+/* Post body links */
+.postlink {
+	border-bottom-color: $link-color;
+	color: $link-color;
+}
+
+.postlink:visited {
+	border-bottom-color: $muted-color;
+	color: $muted-color;
+}
+
+.postlink:hover {
+	background-color: darken($block-background, 10%);
+	color: $link-hover-color;
+}
+
+.signature a, .signature a:hover {
+	background-color: transparent;
+}
+
+// Search box
+// ---------------------------------------------
+
+.search-box .inputbox,
+.search-box .inputbox:hover,
+.search-box .inputbox:focus,
+.search-box .button:hover {
+	border-color: $search-box-border;
+}
+
+.search-box .button {
+	&, &:hover {
+		background-color: $block-background !important;
+		border-color: $search-box-border !important;
+	}
+	&, &:before, &:after {
+		color: $primary-color;
+	}
+	&:hover, &:hover:before, &:hover:after {
+		color: $secondary-color !important;
+	}
+}
+
+.search-header {
+	box-shadow: $search-box-shadow;
+	.navbar.with-search & {
+		box-shadow: none;
+	}
+	.inputbox, .button {
+		background: $block-background !important;
+		border-color: $block-background !important;
+	}
+	.navbar.with-search & .button {
+		&, &:before, &:after {
+			color: $link-color;
+		}
+	}
+	.inputbox:hover, .inputbox:focus {
+		background-color: $block-background3 !important;
+		color: $bold-text-color !important;
+		border-color: $block-background !important;
+	}
+	.button:hover, .button:focus {
+		&, &:before, &:after {
+			background-color: $secondary-color !important;
+			color: #fff !important;
+			border-color: $secondary-color !important;
+		}
+	}
+}
+
+// Round cornered boxes and backgrounds
+// ----------------------------------------
+#wrap {
+	@if $use-wrapper {
+		background-color: $content-background;
+		background-image: url('./images/pattern.png');
+		border-color: $content-border-color;
+	}
+}
+
+.headerbar {
+	color: $header-text;
+}
+
+// Navigation
+.breadcrumbs .crumb:before {
+	color: $muted-color;
+}
+
+.navbar {
+	background-image: none;
+	&.secondary {
+		color: $link-color;
+		> ul > li:hover,
+		> ul > li.dropdown-visible {
+			&, &:after, &:before {
+				color: $secondary-nav-hover-link;
+			}
+		}
+		.dropdown {
+			color: $text-color;
+		}
+	}
+
+	.nav-tabs {
+		background-color: $primary-nav-bg;
+
+		.tab {
+			color: $primary-nav-color;
+			&.selected {
+				color: $primary-nav-selected-color;
+				background-color: $primary-nav-selected-bg;
+			}
+			&:hover,
+			&.dropdown-visible {
+				color: $primary-nav-hover-color;
+				background-color: $primary-nav-hover-bg;
+			}
+			& > strong {
+				color: $primary-nav-alert-color;
+				background-color: $primary-nav-alert-bg;
+				box-shadow: $primary-nav-alert-shadow;
+				.arrow {
+					border-top-color: $primary-nav-alert-bg;
+				}
+			}
+			.dropdown {
+				color: $text-color;
+			}
+		}
+	}
+
+	// Tabbed navigation
+	@if $tabbed-navigation {
+		&.tabbed.not-static {
+			.nav-tabs {
+				li.tab {
+					// Tabs layout
+					color: $link-color;
+					background-color: $block-background;
+
+					&.selected {
+						@include tabbed-nav-layout-all {
+							background-color: $primary-color;
+							color: $overlay-color;
+						}
+					}
+
+					&:hover {
+						@include tabbed-nav-layout-all {
+							background-color: $secondary-color;
+							color: $overlay-color;
+						}
+					}
+
+					&.dropdown-visible {
+						@include tabbed-nav-layout-all {
+							background-color: $primary-color;
+							color: $overlay-color;
+						}
+					}
+				}
+			}
+
+			// Second row
+			+ .navbar.secondary {
+				background: $primary-color;
+				color: $overlay-color;
+
+				> ul > li {
+					&, &:after, &:before {
+						color: $overlay-color;
+					}
+				}
+
+				> ul > li:hover,
+				> ul > li.dropdown-visible {
+					&, &:after, &:before {
+						color: $overlay-color;
+					}
+					background: none;
+					box-shadow: none;
+					filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+				}
+			}
+		}
+	}
+}
+
+.panel {
+	background-color: $block-background;
+	color: $text-color;
+}
+
+.post:target .content {
+	color: $bold-text-color;
+}
+
+.post:target h3 a {
+	color: $bold-text-color;
+}
+
+.bg1 {
+	background-color: $block-background;
+}
+
+table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
+	background-color: $block-background;
+}
+
+.bg2 {
+	background-color: $block-background2;
+}
+
+table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
+	background-color: $block-background2;
+}
+
+.bg3 { 
+	background-color: $block-background3;
+	&.panel {
+		background: transparent none;
+		background-color: rgba($content-background, .3);
+		border-top-color: $tab-selected-background;
+		&:before, &:after {
+			background: -webkit-linear-gradient(to bottom, $tab-selected-background 0%, rgba($tab-selected-background, 0) 100%);
+			background: linear-gradient(to bottom, $tab-selected-background 0%, rgba($tab-selected-background, 0) 100%);
+		}
+	}
+	.section-posting &.panel {
+		background-color: $block-background;
+		&:before, &:after {
+			background: transparent;
+		}
+	}
+}
+
+// Horizontal lists
+// ----------------------------------------
+
+ul.navlinks {
+	border-top-color: $block-inner-border;
+}
+
+// Forums list layout
+// ----------------------
+.forumtitle {
+	.forum_unread &,
+	.forum_unread_subforum &,
+	.forum_unread_locked & {
+		color: $link-hover-color;
+	}
+}
+
+.topictitle {
+	.global_unread &,
+	.global_unread_mine &,
+	.global_unread_locked &,
+	.global_unread_locked_mine &,
+	.announce_unread &,
+	.announce_unread_mine &,
+	.announce_unread_locked &,
+	.announce_unread_locked_mine &,
+	.sticky_unread &,
+	.sticky_unread_mine &,
+	.sticky_unread_locked &,
+	.sticky_unread_locked_mine &,
+	.topic_unread &,
+	.topic_unread_mine &,
+	.topic_unread_locked &,
+	.topic_unread_locked_mine &,
+	.topic_unread_hot &,
+	.topic_unread_hot_mine &
+	{
+		color: $link-hover-color;
+	}
+}
+
+.forum-statistics {
+	color: $muted-color;
+}
+
+.forum-lastpost {
+	color: $muted-color;
+	span:before {
+		opacity: .5;
+	}
+}
+
+.forum-description.toggle {
+	color: $forum-description-color;
+	background-color: fade-out($forum-description-bg, .2);
+	a {
+		color: inherit !important;
+	}
+	span.arrow {
+		border-right-color: fade-out($forum-description-bg, .2);
+	}
+	.rtl & span.arrow {
+		border-right-color: transparent;
+		border-left-color: fade-out($forum-description-bg, .2);
+	}
+}
+
+.forum-statistics {
+	.value {
+		color: $bold-text-color;
+	}
+}
+
+// Table styles
+// ----------------------------------------
+table.table1 thead th {
+	color: $heading-color;
+}
+
+table.table1 tbody tr {
+	border-color: $block-inner-border;
+}
+
+table.table1 tbody tr:hover, table.table1 tbody tr.hover {
+	background-color: $block-background3;
+	color: $bold-text-color;
+}
+
+table.table1 td {
+	color: $text-color;
+}
+
+table.table1 tbody td {
+	border-top-color: $block-inner-border;
+}
+
+table.table1 tbody th {
+	border-bottom-color: $block-bottom-border;
+	color: $bold-text-color;
+	background-color: $content-background;
+}
+
+table.info tbody th {
+	color: $bold-text-color;
+}
+
+// Misc layout styles
+// ----------------------------------------
+dl.details dt {
+	color: $bold-text-color;
+}
+
+dl.details dd {
+	color: $tab-color;
+}
+
+.sep {
+	color: $primary-color;
+}
+
+/* Icon styles
+---------------------------------------- */
+.icon.icon-blue, a:hover .icon.icon-blue {
+	color: #196db5;
+}
+
+.icon.icon-green, a:hover .icon.icon-green{
+	color: #1b9A1B;
+}
+
+.icon.icon-red, a:hover .icon.icon-red{
+	color: #BC2A4D;
+}
+
+.icon.icon-orange, a:hover .icon.icon-orange{
+	color: #FF6600;
+}
+
+.icon.icon-bluegray, a:hover .icon.icon-bluegray{
+	color: #536482;
+}
+
+.icon.icon-gray, a:hover .icon.icon-gray{
+	color: #777777;
+}
+
+.icon.icon-lightgray, a:hover .icon.icon-lightgray{
+	color: #999999;
+}
+
+.icon.icon-black, a:hover .icon.icon-black{
+	color: #333333;
+}
+
+.alert_close .icon:before {
+	background-color: #FFFFFF;
+}
+
+/* Jumpbox */
+.jumpbox .dropdown li {
+	border-top-color: $dropdown-heading-top;
+}
+
+.jumpbox-cat-link {
+	background-color: $dropdown-heading-top;
+	color: $dropdown-heading-color;
+}
+
+.jumpbox-cat-link:hover {
+	background-color: $secondary-color;
+	border-top-color: $secondary-color;
+	color: $dropdown-heading-link-hover-color;
+}
+
+.jumpbox-forum-link {
+	background-color: $dropdown-bg;
+}
+
+.jumpbox-forum-link:hover {
+	background-color: $content-background;
+}
+
+.jumpbox .dropdown .pointer-inner {
+	border-color: $dropdown-bg transparent;
+}
+
+.jumpbox-sub-link {
+	background-color: $dropdown-bg;
+}
+
+.jumpbox-sub-link:hover {
+	background-color: $content-background;
+}
+
+
+
+// Pagination
+// ----------------------------------------
+
+.pagination li a {
+	color: $link-color;
+	background-color: $block-background;
+	border-color: $block-inner-border;
+}
+
+.pagination li.ellipsis span {
+	background-color: transparent;
+	color: $bold-text-color;
+}
+
+.pagination li.active span {
+	color: $overlay-color;
+	background-color: $primary-color;
+	border-color: $primary-color;
+}
+
+.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
+	border-color: $link-hover-color;
+	background-color: $link-hover-color;
+	color: $overlay-color;
+}
+
+.pagination li.page-jump a:after {
+	color: $link-color;
+}
+
+.pagination li.page-jump a:hover:after {
+	color: $link-hover-color;
+}
+
+// Miscellaneous styles
+// ----------------------------------------
+
+.copyright {
+	color: $muted-color;
+}
+
+.error {
+	color: $secondary-color;
+}
+
+.reported {
+	background-color: $block-background-reported;
+	.postprofile, .signature {
+		border-color: darken($block-background-reported, 3%);
+	}
+}
+
+li.reported:hover {
+	background-color: $block-background-reported;
+}
+.sticky, .announce {
+	// you can add a background for stickies and announcements
+}
+
+div.rules {
+	background-color: mix($content-background, $rules-color, 85%);
+	color: $rules-color;
+}
+
+p.post-notice {
+	background-color: mix($block-background, $rules-color, 85%);
+	color: $rules-color;
+	background-image: none;
+}
+
+// Blank FontAwesome replacement
+%post-notice {
+	font-family: FontAwesome;
+}
+
+p.post-notice.deleted:before {
+	@extend %post-notice;
+	content: '\f057';	// fa-times-circle
+	color: $secondary-color;
+}
+
+p.post-notice.unapproved:before {
+	@extend %post-notice;
+	content: '\f059';	// fa-question-circle
+	color: $secondary-color;
+}
+
+p.post-notice.reported:before, p.post-notice.error:before {
+	@extend %post-notice;
+	content: '\f071';	// fa-warning
+	color: $secondary-color;
+}
+
+// Topic status
+.topic-status.sticky {
+	color: $muted-color;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for links.css
+// --------------------------------------------------------------
+
+a { color: $link-color; }
+a:hover	{ color: $link-hover-color; }
+
+a.time { 
+	color: $faint-color; 
+	&:hover {
+		color: $link-hover-color;
+	}
+}
+
+// Links on gradient backgrounds
+.forumbg .header a, .forabg .header a, th a {
+	color: $heading-link;
+}
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+	color: $heading-link-hover;
+}
+
+// Notification mark read link
+.dropdown-extended a.mark_read {
+	background-color: $dropdown-bg;
+}
+
+// Back to top of page
+a.top, a.top2 {
+	color: $muted-color;
+	&:hover {
+		color: $link-hover-color;
+	}
+}
+
+// Arrow links
+a.arrow-left:hover {
+}
+
+a.arrow-right:hover {
+}
+
+a.feed-icon-forum:after {
+	color: mix($muted-color, $block-background, 50%);
+}
+
+a.feed-icon-forum:hover:after {
+	color: $link-hover-color;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for content.css
+// --------------------------------------------------------------
+
+ul.forums {
+}
+
+ul.topiclist li {
+	color: $text-color;
+	@if $split-forums == false {
+		.forabg &, .forumbg & {
+			background: transparent;
+		}
+	}
+}
+
+ul.topiclist li.row dt a.subforum.read {
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-size: 11px 9px;
+	}
+}
+
+ul.topiclist li.row dt a.subforum.unread {
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-size: 11px 9px;
+	}
+}
+
+li.row {
+	border-top-color: $block-top-border;
+	border-bottom-color: $block-bottom-border;
+	.forum-lastpost strong,
+	.subforums-list strong {
+		color: $muted-color;
+	}
+}
+
+li.row strong {
+	color: $bold-text-color;
+}
+
+li.row:hover {
+}
+
+li.row:hover dd {
+}
+
+// Unread forum/topic
+.icon-link + .list-inner > a.forumtitle,
+.pm_unread .topictitle,
+a.subforum.unread {
+	color: $secondary-color;
+}
+
+// Post body styles
+// ----------------------------------------
+.postbody {
+	color: $post-text-color;
+}
+
+// Content container styles
+// ----------------------------------------
+.content {
+	color: $post-text-color;
+}
+
+.content h2, .panel h2 {
+	color: $panel-title-color;
+	border-bottom-color:  $panel-title-border;
+}
+
+dl.faq dt {
+	color: $post-text-color;
+}
+
+.posthilit {
+	background-color: $block-background-reported;
+	color: if($light, darken($secondary-color, 10%), lighten($secondary-color, 10%));
+}
+
+.announce, .unreadpost {
+	// Highlight the announcements & unread posts box
+}
+
+// Post signature
+.signature {
+	border-top-color: $block-inner-border;
+}
+
+// Post noticies
+.notice {
+	border-top-color:  $block-inner-border;
+}
+
+// BB Code styles
+// ----------------------------------------
+// Quote block
+blockquote {
+	background-color: $bbcode-background;
+	border-color: $bbcode-outer-border;
+	border-left-color: lighten($secondary-color, 15%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten($secondary-color, 15%);
+	}
+}
+
+blockquote blockquote,
+blockquote .codebox,
+blockquote .attachbox {
+	// Nested quotes
+	background-color: $bbcode-background2;
+	background-color: rgba(196, 196, 196, 0.1);
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+blockquote blockquote blockquote,
+blockquote blockquote .codebox,
+blockquote blockquote .attachbox {
+	// Nested quotes
+	background-color: $bbcode-background;
+	border-left-color: lighten($secondary-color, 15%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten($secondary-color, 15%);
+	}
+}
+
+blockquote:before {
+	color: $muted-color;
+}
+
+// Code block
+.codebox {
+	background-color: $bbcode-background;
+	border-color: $bbcode-outer-border;
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+.codebox p {
+	border-bottom-color:  $bbcode-inner-border;
+}
+
+.codebox code {
+	color: $bbcode-code-color;
+}
+
+// Attachments
+// ----------------------------------------
+.attachbox {
+	background-color: $bbcode-background;
+	border-color:  $bbcode-outer-border;
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+.attachbox dd {
+	border-top-color: $bbcode-inner-border;
+}
+
+.attachbox p {
+	color: $bbcode-heading-text;
+}
+
+.attachbox p.stats {
+	color: $bbcode-heading-text;
+}
+
+// Inline image thumbnails
+
+dl.file dd {
+	color: $bbcode-heading-text;
+}
+
+dl.thumbnail img {
+	border-color: $bbcode-inner-border;
+	background-color: $block-background;
+}
+
+dl.thumbnail dd {
+	color: $bbcode-heading-text;
+}
+
+// Post poll styles
+// ----------------------------------------
+
+fieldset.polls dl {
+	border-top-color: $block-top-border;
+	border-bottom-color: $block-bottom-border;
+	color: $text-color;
+}
+
+fieldset.polls dl.voted {
+	color: $bold-text-color;
+}
+
+fieldset.polls dd div {
+	color: $overlay-color;
+}
+
+%pollbar {
+	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
+}
+
+.pollbar1 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 30%);
+}
+
+.pollbar2 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 25%);
+}
+
+.pollbar3 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 20%);
+}
+
+.pollbar4 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 10%);
+}
+
+.pollbar5 {
+	@extend %pollbar;
+	background-color: $secondary-color;
+}
+
+// Poster profile block
+// ----------------------------------------
+.postprofile {
+	color: $text-color;
+	border-color: $block-inner-border;
+}
+
+.postprofile strong {
+	color: $bold-text-color;
+}
+
+.online-ribbon span {
+	background-color: $secondary-color;
+	color: #fff;
+}
+
+dd.profile-warnings {
+	color: #BC2A4D;
+}
+
+.no-avatar .avatar-container {
+	background-image: url("./images/no_avatar.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+		background-image: url("./images/no_avatar_hd.png");
+	}
+}
+
+.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+	background: rgba(0, 0, 0, .1);
+}
+
+.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+	background: rgba(0, 0, 0, .3);
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for buttons.css
+// --------------------------------------------------------------
+.button {
+	&, .buttons > &.locked-icon {
+		border-color: $button-border;
+		background-color: $button-bg;
+		color: $button-text;
+		box-shadow: none;
+	}
+
+
+	&:after, &:before {
+	}
+	.buttons > &.locked-icon {
+		color: $button-icon;
+		&:after, &:before {
+			color: $button-icon !important;
+		}
+		&:hover {
+			box-shadow: none;
+		}
+	}
+
+	& > strong {
+	}
+
+	.buttons > &, &.report-icon, &.delete-icon {
+		border-color: $primary-color;
+		background-color: $primary-color;
+		color: $overlay-color;
+
+		&:after, &:before {
+			color: mix($overlay-color, $primary-color, 85%) !important;
+		}
+
+		& > strong {
+		}
+	}
+	&.report-icon, &.delete-icon {
+		border-color: $secondary-color;
+		background-color: $secondary-color;
+
+		&:after, &:before {
+			color: mix($overlay-color, $secondary-color, 85%) !important;
+		}
+	}
+}
+
+.dropdown-select {
+	.buttons > & {
+		color: $muted-color;
+	}
+}
+
+.dropdown-select:after { 
+	border-color: mix($button-bg, $content-background, 60%);
+}
+.dropdown-select:hover	{ 
+	border-color: $button-border; 
+}
+
+.dropdown-select:hover:after, .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after	{ 
+	border-color: mix($secondary-color, $content-background, 90%);
+}
+
+.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select,
+.buttons > .button:hover,
+.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
+	border-color: $secondary-color !important;
+	background-color: $secondary-color;
+	color: $overlay-color;
+
+	&:after, &:before {
+		color: $overlay-color !important;
+	}
+}
+
+.contact-icons a		{ border-color: $block-inner-border; }
+
+// Small icons
+%icon-button {
+	color: $button-icon;
+	&:hover {
+		color: $button-icon-hover;
+	}
+}
+
+%icon-button-visible {
+	.dropdown-visible &,
+	.nojs .dropdown-container:hover & {
+		color: $button-icon-hover;
+	}
+}
+
+.jabber-icon:after {
+	color: #c90000;
+}
+
+.phpbb_icq-icon:after {
+	color: #60ff00;
+	text-shadow: 0 0 1px #000, 0 0 2px #000;
+}
+
+.phpbb_wlm-icon:after {
+	color: #79aecf;
+}
+
+.phpbb_aol-icon:after {
+	color: #ffd800;
+	text-shadow: 0 0 1px #000, 0 0 2px #000;
+}
+
+// Icon images
+// ----------------------------------------
+%icon-image {
+	&:after {
+		color: $link-color;
+	}
+	&:hover:after {
+		color: $link-hover-color;
+	}
+}
+
+%icon-search-new {
+	&:after {
+		color: $secondary-color;
+	}
+}
+
+%icon-search-misc {
+	&:after {
+		color: $faint-color;
+	}
+}
+
+.icon-home {
+	&.breadcrumbs:after {
+		color: $link-color;
+	}
+}
+
+.icon-notification, .icon-pm {
+	&.non-zero:after {
+		color: $secondary-color;
+	}
+}
+
+.icon-time {
+	&:after {
+		color: $faint-color;
+	}
+}
+
+/* Profile & navigation icons */
+.pm-icon							{ background-position: 0 0; }
+.email-icon							{ background-position: -21px 0; }
+.jabber-icon						{ background-position: -80px 0; }
+.phpbb_icq-icon						{ background-position: -61px 0 ; }
+.phpbb_wlm-icon						{ background-position: -182px 0; }
+.phpbb_aol-icon						{ background-position: -244px 0; }
+.phpbb_website-icon					{ background-position: -40px 0; }
+.phpbb_youtube-icon					{ background-position: -98px 0; }
+.phpbb_facebook-icon				{ background-position: -119px 0; }
+.phpbb_googleplus-icon				{ background-position: -140px 0; }
+.phpbb_skype-icon					{ background-position: -161px 0; }
+.phpbb_twitter-icon					{ background-position: -203px 0; }
+.phpbb_yahoo-icon					{ background-position: -224px 0; }
+
+// Forum icons & Topic icons
+.global_read													{ background-image: url("./images/announce_read.png"); }
+.global_read_mine												{ @extend .global_read; }
+.global_read_locked												{ background-image: url("./images/announce_read_locked.png"); }
+.global_read_locked_mine										{ @extend .global_read_locked; }
+.global_unread													{ background-image: url("./images/announce_unread.png"); }
+.global_unread_mine												{ @extend .global_unread; }
+.global_unread_locked											{ background-image: url("./images/announce_unread_locked.png"); }
+.global_unread_locked_mine										{ @extend .global_unread_locked; }
+
+.announce_read													{ @extend .global_read; }
+.announce_read_mine												{ @extend .global_read_mine; }
+.announce_read_locked											{ @extend .global_read_locked; }
+.announce_read_locked_mine										{ @extend .global_read_locked_mine; }
+.announce_unread												{ @extend .global_unread; }
+.announce_unread_mine											{ @extend .global_unread_mine; }
+.announce_unread_locked											{ @extend .global_unread_locked; }
+.announce_unread_locked_mine									{ @extend .global_unread_locked_mine; }
+
+.forum_link														{ background-image: url("./images/forum_link.png"); }
+.forum_read														{ background-image: url("./images/forum_read.png"); }
+.forum_read_locked												{ background-image: url("./images/forum_read_locked.png"); }
+.forum_read_subforum											{ background-image: url("./images/forum_read_subforum.png"); }
+.forum_unread													{ background-image: url("./images/forum_unread.png"); }
+.forum_unread_locked											{ background-image: url("./images/forum_unread_locked.png"); }
+.forum_unread_subforum											{ background-image: url("./images/forum_unread_subforum.png"); }
+
+.sticky_read													{ @extend .topic_read; }
+.sticky_read_mine												{ @extend .topic_read_mine; }
+.sticky_read_locked												{ @extend .topic_read_locked; }
+.sticky_read_locked_mine										{ @extend .topic_read_locked_mine; }
+.sticky_unread													{ @extend .topic_unread; }
+.sticky_unread_mine												{ @extend .topic_unread_mine; }
+.sticky_unread_locked											{ @extend .topic_unread_locked; }
+.sticky_unread_locked_mine										{ @extend .topic_unread_locked_mine; }
+
+.topic_moved													{ background-image: url("./images/topic_moved.png"); }
+.topic_read														{ background-image: url("./images/topic_read.png"); }
+.topic_read_mine												{ background-image: url("./images/topic_read_mine.png"); }
+.topic_read_hot													{ background-image: url("./images/topic_read_hot.png"); }
+.topic_read_hot_mine											{ background-image: url("./images/topic_read_hot_mine.png"); }
+.topic_read_locked												{ background-image: url("./images/topic_read_locked.png"); }
+.topic_read_locked_mine											{ background-image: url("./images/topic_read_locked_mine.png"); }
+.topic_unread,													{ background-image: url("./images/topic_unread.png"); }
+.topic_unread_mine												{ background-image: url("./images/topic_unread_mine.png"); }
+.topic_unread_hot												{ background-image: url("./images/topic_unread_hot.png"); }
+.topic_unread_hot_mine											{ background-image: url("./images/topic_unread_hot_mine.png"); }
+.topic_unread_locked											{ background-image: url("./images/topic_unread_locked.png"); }
+.topic_unread_locked_mine										{ background-image: url("./images/topic_unread_locked_mine.png"); }
+
+.pm_read														{ @extend .topic_read; }
+.pm_unread														{ @extend .topic_unread; }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)
+{
+	.global_read, .global_read_locked, .global_unread, .global_unread_locked,
+	.forum_link, .forum_read, .forum_read_locked, .forum_read_subforum, .forum_unread, .forum_unread_locked, .forum_unread_subforum,
+	.topic_moved, .topic_read, .topic_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .topic_read_locked_mine,
+	.topic_unread, .topic_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .topic_unread_locked_mine
+	{
+		background-size: 36px 36px;
+	}
+
+	.global_read												{ background-image: url("./images/announce_read_hd.png"); }
+	.global_read_locked											{ background-image: url("./images/announce_read_locked_hd.png"); }
+	.global_unread												{ background-image: url("./images/announce_unread_hd.png"); }
+	.global_unread_locked										{ background-image: url("./images/announce_unread_locked_hd.png"); }
+
+	.forum_link													{ background-image: url("./images/forum_link_hd.png"); }
+	.forum_read													{ background-image: url("./images/forum_read_hd.png"); }
+	.forum_read_locked											{ background-image: url("./images/forum_read_locked_hd.png"); }
+	.forum_read_subforum										{ background-image: url("./images/forum_read_subforum_hd.png"); }
+	.forum_unread												{ background-image: url("./images/forum_unread_hd.png"); }
+	.forum_unread_locked										{ background-image: url("./images/forum_unread_locked_hd.png"); }
+	.forum_unread_subforum										{ background-image: url("./images/forum_unread_subforum_hd.png"); }
+
+	.topic_moved												{ background-image: url("./images/topic_moved_hd.png"); }
+	.topic_read													{ background-image: url("./images/topic_read_hd.png"); }
+	.topic_read_mine											{ background-image: url("./images/topic_read_mine_hd.png"); }
+	.topic_read_hot												{ background-image: url("./images/topic_read_hot_hd.png"); }
+	.topic_read_hot_mine										{ background-image: url("./images/topic_read_hot_mine_hd.png"); }
+	.topic_read_locked											{ background-image: url("./images/topic_read_locked_hd.png"); }
+	.topic_read_locked_mine										{ background-image: url("./images/topic_read_locked_mine_hd.png"); }
+	.topic_unread												{ background-image: url("./images/topic_unread_hd.png"); }
+	.topic_unread_mine											{ background-image: url("./images/topic_unread_mine_hd.png"); }
+	.topic_unread_hot											{ background-image: url("./images/topic_unread_hot_hd.png"); }
+	.topic_unread_hot_mine										{ background-image: url("./images/topic_unread_hot_mine_hd.png"); }
+	.topic_unread_locked										{ background-image: url("./images/topic_unread_locked_hd.png"); }
+	.topic_unread_locked_mine									{ background-image: url("./images/topic_unread_locked_mine_hd.png"); }
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for cp.css
+// --------------------------------------------------------------
+
+// Main CP box
+// ----------------------------------------
+
+.panel-container h3, .panel-container hr, #cp-menu hr {
+}
+
+.panel-container .panel li.row {
+}
+
+ul.cplist {
+}
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+	color: $bold-text-color;
+}
+
+.panel-container table.table1 thead th {
+	color: $post-text-color;
+	border-bottom-color: $block-inner-border;
+}
+
+#cp-main .pm-message {
+	border-color: $block-border;
+	background-color: $block-background;
+}
+
+// CP tabbed menu
+// ----------------------------------------
+#tabs .tab > a {
+	background: $tab-background;
+	color: $tab-color;
+}
+
+#tabs .tab > a:hover {
+	background: $tab-hover-background;
+	color: $tab-hover-color;
+}
+
+#tabs .activetab > a,
+#tabs .activetab > a:hover {
+	background: $tab-selected-background;
+	box-shadow: 0 5px 5px -5px $tab-selected-background;
+	border-color: $tab-selected-background;
+	color: $tab-selected-color;
+}
+
+#tabs .activetab > a:hover {
+}
+
+// Mini tabbed menu used in MCP
+// ----------------------------------------
+#minitabs .tab > a {
+	background-color: $block-background2;
+}
+
+#minitabs .activetab > a,
+#minitabs .activetab > a:hover {
+	background-color: #F9F9F9;
+	color: #333333;
+}
+
+// Responsive tabs
+// ----------------------------------------
+.responsive-tab .responsive-tab-link:before {
+	color: $tab-color;
+}
+
+// UCP navigation menu
+// ----------------------------------------
+
+// Link styles for the sub-section links
+#navigation a {
+	color: $text-color;
+	background: $block-background;
+	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .1);
+}
+
+#navigation a:hover {
+	background: $block-background2;
+	color: $link-hover-color;
+}
+
+#navigation #active-subsection a {
+	background: $primary-color;
+	color: $overlay-color;
+}
+
+#navigation #active-subsection a:hover {
+	background-color: $secondary-color;
+}
+
+#navigation > hr {
+	border-top-color: $block-background2;
+}
+
+// Preferences pane layout
+// ----------------------------------------
+.panel-container h2 {
+	color: $post-text-color;
+}
+
+.panel-container .panel {
+	background: mix($content-background, $block-background3, 60%);
+	box-shadow: none;
+	border-width: 0;
+	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+	& > .inner > h3:first-child {
+		@include section-heading-cp;
+	}
+	&:before, &:after {
+		background: transparent;
+	}
+}
+
+#cp-main .pm {
+	background-color: $block-background;
+}
+
+// Friends list
+.cp-mini {
+	background-color: $block-background2;
+}
+
+dl.mini dt {
+}
+
+// PM Styles
+// ----------------------------------------
+// PM Message history
+.current {
+	color: $bold-text-color !important;
+}
+
+// PM marking colours
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: #BC2A4D;
+	border-right-color: #BC2A4D;
+}
+
+.pmlist li.pm_marked_colour, .pm_marked_colour {
+	border-color: #ff1100;
+}
+
+.pmlist li.pm_replied_colour, .pm_replied_colour {
+	border-color: #aab8c1;
+}
+
+.pmlist li.pm_friend_colour, .pm_friend_colour {
+	border-color: #5D8FBD;
+}
+
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+	border-color: #000000;
+}
+
+// Avatar gallery
+#gallery label {
+	background: $block-background2;
+	border-color: $block-inner-border;
+}
+
+#gallery label:hover {
+	background-color: $block-background3;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for forms.css
+// --------------------------------------------------------------
+
+// General form styles
+// ----------------------------------------
+select {
+	border-color: $input-border;
+	background-color: $input-bg;
+	color: $input-text;
+}
+
+label {
+	color: $text-color;
+}
+
+option.disabled-option {
+	color: $muted-color;
+}
+
+// Definition list layout for forms
+// ----------------------------------------
+dd label {
+	color: $post-text-color;
+}
+
+fieldset.fields1 {
+	background-color: transparent;
+}
+
+// Hover effects
+fieldset dl:hover dt label {
+	color: $bold-text-color;
+}
+
+fieldset.fields2 dl:hover dt label {
+	color: inherit;
+}
+
+// Quick-login on index page
+fieldset.quick-login input.inputbox {
+}
+
+// Posting page styles
+// ----------------------------------------
+
+#message-box textarea {
+	color: $input-text;
+}
+
+#message-box textarea.drag-n-drop {
+	outline-color: rgba($faint-color, 0.5);
+}
+
+#message-box textarea.drag-n-drop-highlight {
+	outline-color: rgba($muted-color, 0.5);
+}
+
+// Input field styles
+// ----------------------------------------
+.inputbox, select {
+	background-color: $input-bg;
+	border-color: $input-border;
+	color: $input-text;
+}
+
+.inputbox {
+	@include placeholder {
+		color: mix($input-text, $input-bg, 70%);
+	}
+}
+
+.inputbox:hover, select:hover {
+	background-color: $input-hover-bg;
+	border-color: $input-hover-border;
+	color: $input-hover-text;
+}
+
+.inputbox:focus, select:focus {
+	background-color: $input-focus-bg;
+	border-color: $input-focus-border;
+	color: $input-focus-text;
+}
+
+.inputbox:hover {
+	@include placeholder {
+		color: $input-hover-text;
+	}
+}
+
+.inputbox:focus {
+	@include placeholder {
+		color: transparent;
+	}
+}
+
+
+// Form button styles
+// ----------------------------------------
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+	color: $button-text;
+	border-color: $button-border;
+	background-color: $button-bg;
+}
+
+a.button1, input.button1 {
+	border-color: $primary-color;
+	background-color: $primary-color;
+	color: $overlay-color;
+}
+
+input.button3 {
+	background-image: none;
+}
+
+// Hover states
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+	border-color: $secondary-color;
+	background-color: $secondary-color;
+	color: $overlay-color;
+}
+
+// Focus states
+input.button1:focus, input.button2:focus, input.button3:focus {
+	border-color: $secondary-color;
+	background-color: $secondary-color;
+	color: $overlay-color;
+}
+
+input.disabled {
+	color: $muted-color;
+}
+
+// jQuery popups
+// ----------------------------------------
+.phpbb_alert {
+	background-color: $content-background;
+	border-color: $block-inner-border;
+}
+.phpbb_alert .alert_close:before {
+	color: $link-color;
+}
+.phpbb_alert .alert_close:hover:before {
+	color: $link-hover-color;
+}
+.phpbb_alert .alert_close:after {
+	color: $content-background;
+}
+.darken {
+	background-color: #000;
+}
+
+.loading_indicator {
+	background-color: #000;
+	background-image: url("./images/loading.gif");
+}
+
+.dropdown-extended ul li {
+	border-top-color: $block-inner-border;
+}
+
+.dropdown-extended ul li:hover {
+	background-color: $block-background2;
+	color: $bold-text-color;
+}
+
+.dropdown-extended .header, .dropdown-extended .footer {
+	border-color: $block-inner-border;
+	color: $bold-text-color;
+}
+
+.dropdown-extended .footer {
+	border-top-style: solid;
+	border-top-width: 1px;
+}
+
+.dropdown-extended .header {
+	background: $dropdown-heading-top;
+	// background-image: -webkit-linear-gradient(top, $dropdown-heading-top 0, $dropdown-heading-bottom 100%);
+	// background-image: linear-gradient(to bottom, $dropdown-heading-top 0, $dropdown-heading-bottom 100%);
+	// filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($dropdown-heading-top)}', endColorstr='#{ie-hex-str($dropdown-heading-top)}');
+	color: $dropdown-heading-color;
+	a {
+		color: $dropdown-heading-link-color;
+		&:hover {
+			color: $dropdown-heading-link-hover-color;
+		}
+	}
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+	color: $link-color;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
+	color: $link-hover-color;
+}
+
+.dropdown .dropdown-contents {
+	background: $dropdown-bg;
+	border-color: $dropdown-border;
+	box-shadow: $dropdown-shadow;
+}
+
+.dropdown-up .dropdown-contents {
+	box-shadow: $dropdown-shadow-up;
+}
+
+.dropdown li, .dropdown li li {
+	border-color: $dropdown-inner-border;
+}
+
+.dropdown li.separator {
+	border-color: $dropdown-inner-border;
+}
+
+// Notifications
+// ----------------------------------------
+.notification_list li {
+	&.notification-reported strong, &.notification-disapproved strong {
+		color: $secondary-color;
+	}
+
+	&.dropdown-notification {
+		background-color: $dropdown-notification-bg;
+		color: $dropdown-notification-color;
+		&, .panel-container & {
+			border-top-color: lighten($dropdown-notification-bg, 10%);
+			border-bottom-color: darken($dropdown-notification-bg, 10%);
+		}
+		strong {
+			color: $dropdown-notification-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($dropdown-notification-bg, $dropdown-notification-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($dropdown-notification-bg) < 50%, darken($dropdown-notification-bg, 30%), lighten($dropdown-notification-bg, 30%)), 100%);
+			&, &:after {
+				color: $dropdown-notification-strong-color;
+				&:hover {
+					color: $dropdown-notification-color;
+				}
+			}
+		}
+	}
+
+	&.bg3 {
+		// Unread
+		background-color: $notification-unread-bg;
+		color: $notification-unread-color;
+		&, .panel-container & {
+			border-top-color: lighten($notification-unread-bg, 10%);
+			border-bottom-color: darken($notification-unread-bg, 10%);
+		}
+		strong {
+			color: $notification-unread-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($notification-unread-bg, $notification-unread-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($notification-unread-bg) < 50%, darken($notification-unread-bg, 30%), lighten($notification-unread-bg, 30%)), 100%);
+			&, &:after {
+				color: $notification-unread-strong-color;
+				&:hover {
+					color: $notification-unread-color;
+				}
+			}
+		}
+	}
+
+	&.dropdown-notification:hover {
+		background-color: $dropdown-notification-hover-bg;
+		color: $dropdown-notification-color;
+		&, .panel-container & {
+			border-top-color: lighten($dropdown-notification-hover-bg, 10%);
+			border-bottom-color: darken($dropdown-notification-hover-bg, 10%);
+		}
+		strong {
+			color: $dropdown-notification-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($dropdown-notification-hover-bg, $dropdown-notification-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($dropdown-notification-hover-bg) < 50%, darken($dropdown-notification-hover-bg, 30%), lighten($dropdown-notification-hover-bg, 30%)), 100%);
+			&, &:after {
+				color: $dropdown-notification-strong-color;
+				&:hover {
+					color: $dropdown-notification-color;
+				}
+			}
+		}
+	}
+}
+
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for imageset.css
+// --------------------------------------------------------------
+// .imageset.icon_post_target_unread {
+// 	&:after {
+// 		color: #D31141;
+// 	}
+// }
+
+.imageset.icon_post_target {
+	background-image: url("./images/icon_post_target.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-image: url("./images/icon_post_target_hd.png");
+	}
+}
+.imageset.icon_post_target_unread {
+	background-image: url("./images/icon_post_target_unread.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-image: url("./images/icon_post_target_unread_hd.png");
+	}
+}
+
+.imageset.icon_topic_attach {
+	&:after {
+		color: $muted-color;
+	}
+}
+
+%imageset-secondary-color {
+	&:after {
+		color: $secondary-color;
+	}
+}
+
+.imageset.icon_topic_poll {
+	&:after {
+		color: desaturate(mix($primary-color, $block-background, 80%), 30%);
+	}
+}
diff --git a/simplicity_gray/theme/_custom.scss b/simplicity_gray/theme/_custom.scss
new file mode 100644
index 0000000..adc0a77
--- /dev/null
+++ b/simplicity_gray/theme/_custom.scss
@@ -0,0 +1,6 @@
+//
+//	Add your custom code to this file
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
diff --git a/simplicity_gray/theme/_custom_config.scss b/simplicity_gray/theme/_custom_config.scss
new file mode 100644
index 0000000..750dc54
--- /dev/null
+++ b/simplicity_gray/theme/_custom_config.scss
@@ -0,0 +1,13 @@
+//
+//	Add your custom configuration variables to this file.
+//	See _style_config.scss for list of variables
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
+
+
+// Examples: (commented to prevent it from working)
+// 
+// $show-logo: true;
+// $use-wrapper: false;
diff --git a/simplicity_gray/theme/_style_config.scss b/simplicity_gray/theme/_style_config.scss
new file mode 100644
index 0000000..3121d71
--- /dev/null
+++ b/simplicity_gray/theme/_style_config.scss
@@ -0,0 +1,414 @@
+//
+// Do not edit configuration values in this file.
+//
+// Instead add your own configuration to _custom_config.scss
+// Copy line from this file, paste it to _custom_config.scss and change value.
+//
+
+// Configuration file
+$show-logo:								true !default;	// true or false
+$center-logo:							true !default;	// true or false
+$logo-block-padding:					10px 0 !default;
+$responsive-hide-logo:					false !default;	// Hide logo on mobile devices. true or false
+
+$show-forum-title:						false !default;	// true or false
+
+$profile-width:							150px !default;
+$profile-side:							left !default;	// left or right
+$post-margin:							($profile-width + 10px) !default;
+
+$use-wrapper:							false !default;	// true or false
+$max-width:								none !default;	// Maximum width. Set to "none" to make layout fluid
+
+$split-forums:							true !default;	// Changes layout of forums list. Values are true or false
+
+$tabbed-navigation:						false !default;	// true or false. Toggles tabbed navigation layout
+
+//
+// Fonts
+//
+
+$font-size:								11px !default;	// Base font size
+$font-family:							Verdana, Helvetica, Arial, sans-serif !default;	// Default font
+$line-height:							1.4 !default;	// Line height
+
+$h1-font-size:							$font-size + 10px !default;
+$h1-font-family:						"Trebuchet MS", Arial, Helvetica, sans-serif !default;
+
+$h2-font-size:							$font-size + 8px !default;
+$h2-font-family:						"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$paragraph-line-height:					1.3 !default;
+
+$nav-primary-font-size:					$font-size + 1px !default;
+$nav-secondary-font-size:				$font-size + 1px !default;
+
+$heading-font-size:						$font-size + 4px !default;
+$panel-heading-font-size:				$font-size + 4px !default;
+
+$list-heading-font-size:				$font-size + 1px !default;
+$list-heading-line-height:				$font-size + 7px !default;
+$list-heading-font-family:				"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$forum-heading-font-size:				$list-heading-font-size + 2px !default;
+$forum-heading-font-family:				$list-heading-font-family !default;
+$forum-heading-font-weight:				500 !default;
+
+$button-font-size:						$font-size + 3px !default;
+$button-line-height:					floor(($font-size + 8px) / 2) * 2 !default;	// Convert to even number
+$button-glyph-font-size:				floor($font-size / 2) * 2 !default;	// Convert to even number
+
+$dropdown-header-font-size:				$font-size + 2px !default;
+$dropdown-header-font-family:			Arial, "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$dropdown-header-line-height:			30px !default;
+
+$forum-link-font-size:					$font-size + 5px !default;
+$forum-link-line-height:				1.2 !default;
+$forum-link-font-family:				"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$forum-list-column-font-size:			$font-size + 1px !default;
+$forum-list-last-column-font-size:		$font-size !default;
+$forum-list-description-font-size:		$font-size + 2px !default;
+
+$topic-link-font-size:					$font-size + 4px !default;
+$topic-link-font-family:				$forum-link-font-family !default;
+
+$tab-font-size:							$font-size !default;
+$tab-line-height:						$tab-font-size * 2 + 4px !default;
+
+// Posts
+$post-content-font-size:				$font-size + 2px !default;	// Post content
+$post-content-line-height:				1.4 !default;
+$post-content-font-family:				"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif !default;
+
+$post-title-font-size:					$font-size + 5px !default;
+$post-title-line-height:				1.25 !default;
+$post-title-font-family:				$h2-font-family !default;
+
+$post-signature-font-size:				$font-size + 1px !default;
+$post-quote-font-size:					$post-content-font-size - 1px !default;
+$post-code-font-size:					$post-content-font-size - 1px !default;
+
+$post-block-title-font-size:			$post-quote-font-size !default;	// Quote title, code title
+$post-block-title-line-height:			1.6 !default;
+$post-block-title-font-family:			$post-content-font-family !default;
+
+$post-profile-font-size:				$font-size !default;
+$post-profile-line-height:				$line-height !default;
+
+// Forms
+$input-button-font-size:				$font-size + 2px !default;
+$input-button-font-family:				"Lucida Grande", Verdana, Helvetica, Arial, sans-serif !default;
+$bbcode-button-font-size:				$font-size + 1px !default;
+
+//
+// Color palette
+//
+
+// Absolute black and white colors. Reverse them for dark styles
+$black-color:							#000 !default;		// Main color to mix with. Black for light styles, white for dark styles
+$white-color:							#fff !default;		// Opposite of $black-color
+
+// Page colors
+$page-background:						#e8e8e8 !default;	// HTML element
+$content-background:					#e0e0e0 !default;	// Page inside content wrapper
+$content-border-color:					#e0e0e0 !default;	// Border color for content wrapper
+
+// Primary colors
+$primary-color:							#636363 !default;	// Main color, used for links and stuff
+$secondary-color:						#d03c3c !default;	// Secondary color, usually in red - yellow range
+$overlay-color:							$white-color !default;	// Text on top of sections that use colorful background.
+$block-background:						#f4f4f4 !default;	// Background of blocks
+$block-background-reported:				#f5e9e9 !default;	// Background for reported posts
+
+// Global color values
+$text-color:							#141414 !default;	// Text color
+$bold-text-color:						$black-color !default;	// Text color with higher contrast to background. #000 or #fff
+$post-text-color:						$text-color !default;	// Text inside posts
+$link-color:							$primary-color !default;	// Links
+$link-hover-color:						$secondary-color !default;	// Links, hover state
+$muted-color:							mix($black-color, $content-background, 40%) !default;	// Gray color
+$faint-color:							mix($black-color, $content-background, 30%) !default;	// Gray color
+$rules-color:							$secondary-color !default;	// Forum rules
+
+//
+// Calculated colors
+//
+
+// Misc. DO NOT EDIT!
+$light:									if(lightness($black-color) < 50%, true, false) !default;
+
+// Blocks
+$block-background2:						#f6f6f6 !default;	// Blocks with .bg2 background color
+$block-background3:						#f8f8f8 !default;	// Blocks with .bg3 background color - mostly UCP/MCP and posting form
+
+$block-border:							#e0e0e0 !default;	// Border color for blocks
+$border-radius:							3px !default;		// Main border radius
+$block-top-border:						lighten($block-background, 10%) !default;	// Top border of forums in forums list
+$block-bottom-border:					darken($block-background, 5%) !default;		// Bottom border of forums in forums list
+$block-inner-border:					$block-bottom-border !default;	// Border inside blocks where there is only 1 border instead of top/bottom borders
+
+$block-title-color:						desaturate($link-color, 5%) !default;	// Title inside blocks, such as post title
+
+// Tabs
+$tab-color:								desaturate($link-color, 20%) !default;
+$tab-background:						$block-background !default;
+
+$tab-hover-color:						$link-hover-color !default;
+$tab-hover-background:					$block-background3 !default;
+
+$tab-selected-color:					mix($text-color, $block-background3, 90%) !default;
+$tab-selected-background:				$block-background3 !default;
+
+// Header
+$header-bg:								$content-background !default;
+$header-text:							$text-color !default;
+$header-link:							$overlay-color !default;
+$header-link-hover:						mix($header-link, $header-bg, 80%) !default;
+
+// Primary navigation
+$primary-nav-bg:						$primary-color !default;
+$primary-nav-color:						$overlay-color !default;
+
+$primary-nav-selected-bg:				$block-background !default;
+$primary-nav-selected-color:			$primary-color !default;
+
+$primary-nav-hover-bg:					$block-background !default;
+$primary-nav-hover-color:				$secondary-color !default;
+
+$primary-nav-alert-bg:					hsl(0, saturation($secondary-color), lightness($secondary-color)) !default;
+$primary-nav-alert-color:				$overlay-color !default;
+$primary-nav-alert-shadow:				1px 1px 3px rgba(0, 0, 0, .2) !default;
+
+// Secondary navigation
+$secondary-nav-hover-link:				$link-hover-color !default;
+
+// Dropdown
+$dropdown-bg:							$block-background !default;
+$dropdown-border:						$primary-color !default;
+$dropdown-shadow:						1px 3px 5px rgba(0, 0, 0, 0.5) !default;
+$dropdown-shadow-up:					1px 0 5px rgba(0, 0, 0, 0.5) !default;
+$dropdown-inner-border:					if($light, darken($dropdown-bg, 10%), lighten($dropdown-bg, 10%)) !default;
+
+$dropdown-heading-top:					$dropdown-border !default;
+$dropdown-heading-bottom:				$dropdown-heading-top !default;
+$dropdown-heading-color:				$overlay-color !default;
+$dropdown-heading-link-color:			$overlay-color !default;
+$dropdown-heading-link-hover-color:		$overlay-color !default;
+
+$forum-description-color:				$overlay-color !default;
+$forum-description-bg:					mix($black-color, $block-background, 75%) !default;
+
+// Notifications
+$notification-unread-bg:				mix($content-background, $rules-color, 90%) !default;
+$notification-unread-color:				$rules-color !default;
+$notification-unread-strong-color:		$black-color !default;
+
+$dropdown-notification-bg:				$block-background !default;
+$dropdown-notification-hover-bg:		$block-background2 !default;
+$dropdown-notification-color:			$link-color !default;
+$dropdown-notification-strong-color:	desaturate(if(lightness($dropdown-notification-color) < 50%, darken($dropdown-notification-color, 30%), lighten($dropdown-notification-color, 30%)), 100%) !default;
+
+// Panels
+$panel-title-color:						desaturate(if($light, darken($primary-color, 10%), lighten($primary-color, 10%)), 25%) !default;
+$panel-title-border:					$block-inner-border !default;
+
+// Content outside of blocks
+$page-title-color:						$primary-color !default;
+$stats-title-color:						$primary-color !default;
+$content-top-border:					lighten($content-background, 10%) !default;
+$content-bottom-border:					darken($content-background, 10%) !default;
+$content-inner-border:					$content-bottom-border !default;
+
+// Heading section
+$heading-bg:							$primary-color !default;
+$heading-border:						$heading-bg !default;
+$heading-color:							$overlay-color !default;
+$heading-link:							$overlay-color !default;
+$heading-link-hover:					$overlay-color !default;
+
+// Inputs
+$input-text:							$text-color !default;	// Input text color
+$input-bg:								$white-color !default;	// Input background
+$input-border:							#c6c6c6 !default;	// Input border color
+$input-hover-text:						$input-text !default;
+$input-hover-bg:						$input-bg !default;
+$input-hover-border:					$secondary-color !default;
+$input-focus-text:						$input-text !default;
+$input-focus-bg:						$input-bg !default;
+$input-focus-border:					$primary-color !default;
+$input-border-radius:					2px !default;
+
+$search-box-border:						#c6c6c6 !default;	// Border for search box block
+$search-box-border-header:				#ccc !default;		// Same as above, for search box in header
+$search-box-shadow:						1px 1px 3px rgba(0, 0, 0, .1) !default;	// Box-shadow for search box in header
+
+// Buttons
+$button-bg:								mix($block-background, $primary-color, 10%) !default;
+$button-border-radius:					3px !default;
+$button-border:							$button-bg !default;
+$button-icon:							$overlay-color !default;
+$button-icon-hover:						$overlay-color !default;
+$button-text:							$overlay-color !default;
+
+$button-top-padding:					2px !default;
+$button-side-padding:					8px !default;
+$button-border-width:					1px !default;
+$button-height:							$button-line-height + ($button-top-padding + $button-border-width) * 2 !default;
+
+$big-button-border-radius:				4px !default;	// For big buttons and blocks like quick search
+
+// BBCode
+$bbcode-border-radius:					0px !default;
+$bbcode-background:						#fff !default;
+$bbcode-background2:					#f4f4f4 !default;
+$bbcode-outer-border:					if($light, darken($bbcode-background, 7%), lighten($bbcode-background, 7%)) !default;
+$bbcode-inner-border:					if($light, darken($bbcode-background, 5%), lighten($bbcode-background, 5%)) !default;
+$bbcode-heading-text:					#666 !default;
+
+// Code colors
+@function code-color($hue) {
+	@return hsl($hue, saturation($primary-color), lightness($primary-color));
+}
+$bbcode-code-color:						code-color(128deg) !default;
+
+// Do not edit few lines below
+$post-side:								if($profile-side == left, right, left) !default;
+
+// Mixins
+@mixin section {
+	background: $block-background;
+	border: 0 solid $block-border;
+	border-radius: $border-radius;
+	padding: 5px 10px;
+}
+
+@mixin section-forum {
+	@include section;
+	padding: 5px;
+}
+
+// Undo section mixin
+@mixin section-empty {
+	background: transparent;
+	border-width: 0;
+	border-radius: 0;
+	box-shadow: none;
+	padding: 0;
+}
+
+// Heading block
+@mixin section-heading {
+	margin: -5px -10px 5px;
+	border-radius: max(0, $border-radius - 1px);
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+	background: $heading-bg;
+	border: 0 solid $heading-border;
+	padding: 5px;
+	text-transform: none;
+	font-size: $heading-font-size;
+	line-height: $line-height;
+	font-weight: normal;
+	color: $heading-color;
+
+	@if $border-radius > 1px {
+		@media (max-width: 700px) {
+			border-radius: 0;
+		}
+	}
+
+	a {
+		color: $heading-link;
+		&:hover {
+			color: $heading-link-hover;
+		}
+	}
+}
+
+@mixin section-heading-forum {
+	@include section-heading;
+	@if $split-forums == false {
+		margin: -5px -5px 0;
+	}
+	@else {
+		@include section-heading-separate;
+		margin: 0;
+	}
+}
+
+@mixin section-heading-separate {
+	border-radius: $border-radius;
+}
+
+@mixin section-heading-cp {
+	background-color: transparent;
+	color: $stats-title-color;
+	background-image: none;
+	a {
+		color: $link-color;
+		&:hover {
+			color: $link-hover-color;
+		}
+	}
+}
+
+@mixin table-heading {
+	background: $heading-bg;
+	border: 0 solid $heading-border;
+	color: $heading-color;
+
+	@if $border-radius > 1px {
+		&:first-child {
+			border-top-left-radius: max(0, $border-radius - 1px);
+		}
+		&:last-child {
+			border-top-right-radius: max(0, $border-radius - 1px);
+		}
+	}
+}
+
+@mixin table-heading-transparent {
+	background: transparent;
+	color: inherit;
+}
+
+@mixin placeholder {
+	&::-moz-placeholder {
+		@content 
+	}
+	&::-webkit-input-placeholder {
+		@content
+	}
+	&:-ms-input-placeholder {
+		@content
+	}
+}
+
+@mixin tabbed-nav-layout-all {
+	@if ($use-wrapper) {
+		&, #wrap & {
+			@content;
+		}
+	}
+	@else {
+		@content;
+	}
+}
+
+@mixin tabbed-nav-layout-alt {
+	@if ($use-wrapper) {
+		@content;
+	}
+}
+
+@mixin tabbed-nav-layout-default {
+	@if ($use-wrapper) {
+		#wrap & {
+			@content;
+		}
+	}
+	@else {
+		@content;
+	}
+}
diff --git a/simplicity_gray/theme/bidi.css b/simplicity_gray/theme/bidi.css
new file mode 100644
index 0000000..f6c92ae
--- /dev/null
+++ b/simplicity_gray/theme/bidi.css
@@ -0,0 +1,4 @@
+/* RTL definitions
+---------------------------------------- */
+
+@import "../../simplicity/theme/bidi.css";
\ No newline at end of file
diff --git a/simplicity_gray/theme/common/_buttons.scss b/simplicity_gray/theme/common/_buttons.scss
new file mode 100644
index 0000000..eed1254
--- /dev/null
+++ b/simplicity_gray/theme/common/_buttons.scss
@@ -0,0 +1,304 @@
+// Button Styles
+// ----------------------------------------
+
+$button-inner-height:	$button-line-height + $button-top-padding * 2;
+$button-outer-height:	$button-inner-height + $button-border-width * 2;
+
+.button {
+	display: inline-block;
+	padding: $button-top-padding $button-side-padding;
+	font-size: $button-font-size;
+	font-weight: 600;
+	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;		
+	line-height: $button-line-height;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	-ms-touch-action: manipulation;
+	    touch-action: manipulation;
+	cursor: pointer;
+	-webkit-user-select: none;
+	   -moz-user-select: none;
+	    -ms-user-select: none;
+	        user-select: none;
+	border: $button-border-width solid transparent;
+	border-radius: $big-button-border-radius;
+
+	& > strong {
+		font-weight: 600;
+	}
+}
+
+.button:focus,
+.button:hover {
+ 	text-decoration: none;
+ 	outline: none;
+}
+
+.caret {
+	border-left: 1px solid;
+	position: relative;
+	right: -6px;
+}
+
+.caret i {
+	vertical-align: top;
+}
+
+/* Posting page styles
+----------------------------------------*/
+.button-search,
+.button-search-end  {
+	float: left;
+	border-radius: 0;
+	margin: 0;
+	padding: 2px 5px;
+}
+
+.button-search-end {
+	border-left-width: 0;
+	border-radius: 0 4px 4px 0;
+}
+
+.search-header .button-search,
+.search-header .button-search-end {
+	border-top-width: 0;
+	border-bottom-width: 0;
+	padding: 3px 5px;
+}
+
+.search-header .button-search-end {
+	border-right-width: 0;
+}
+
+.button-icon-only {
+	padding-left: 3px;
+	padding-right: 3px;
+}
+
+// Poster contact icons
+// ----------------------------------------
+.contact-icons.dropdown-contents {
+	min-width: 0;
+	padding: 0;
+	font-size: 0;
+}
+
+.contact-icon {
+	position: relative;
+	display: block;
+	height: 16px;
+	width: 16px;
+	&:after {
+		content: '';
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		text-align: center;
+		font-family: FontAwesome;
+		font-size: 14px;
+		line-height: 16px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+}
+.contact-icons a {
+	border-bottom: 1px dotted;
+	border-right: 1px dotted;
+	display: block;
+	float: left;
+	padding: 8px;
+}
+
+%contact-icon-gi {
+	font-family: 'Glyphicons Regular', 'Glyphicons';
+}
+
+.contact-icons .last-cell {
+	border-right: none;
+}
+
+.contact-icons div:last-child a {
+	border-bottom: none;
+}
+
+.contact-icons div {
+	clear: left;
+}
+
+// Profile icons
+.pm-icon:after {
+	content: '\f086';	// fa-comments
+}
+.email-icon:after {
+	content: '\f0e0';	// fa-envelope
+}
+.jabber-icon:after {
+	content: '\f0eb';	// fa-lightbulb-o
+	font-size: 16px;
+}
+.phpbb_icq-icon:after {
+	content: '\f013';	// fa-cog
+}
+.phpbb_wlm-icon:after {
+	content: '\f007';	// fa-user
+}
+.phpbb_aol-icon:after {
+	content: '\f2bb';	// fa-address-card
+}
+.phpbb_website-icon:after {
+	content: '\f08e';	// fa-external-link
+}
+.phpbb_youtube-icon:after {
+	content: '\f16a';	// fa-youtube-play
+}
+.phpbb_facebook-icon:after {
+	content: '\f230';	// fa-facebook-official
+}
+.phpbb_googleplus-icon:after {
+	content: '\f0d5';	// fa-google-plus
+}
+.phpbb_skype-icon:after {
+	content: '\f17e';	// fa-skype
+}
+.phpbb_twitter-icon:after {
+	content: '\f099';	// fa-twitter
+}
+.phpbb_yahoo-icon:after {
+	content: '\f19e';	// fa-yahoo
+}
+
+
+// Post control buttons
+// ---------------------------------------------
+.post-buttons {
+	float: right;
+	list-style: none;
+	margin-top: 2px;
+	.rtl & {
+		float: left;
+	}
+}
+
+.has-profile .post-buttons {
+	float: none;
+	position: absolute;
+	margin: 0;
+	top: 5px;
+
+	@if $profile-side == left {
+		right: 0;
+		.rtl & {
+			left: 0;
+		}
+	}
+	@else {
+		right: $post-margin;
+		.rtl & {
+			left: $post-margin;
+		}
+	}
+
+	.rtl & {
+		right: auto;
+	}
+}
+
+.post-buttons > li {
+	float: left;
+	margin-right: 3px;
+}
+
+.post-buttons .button, .format-buttons .button {
+	padding-left: 3px;
+	padding-right: 3px;
+}
+
+
+.hastouch .post-buttons {
+	margin-right: 10px;
+}
+
+.post-buttons .button span {
+	font-size: 0;
+}
+
+// Responsive buttons in post body
+.post-buttons .dropdown {
+	top: 20px;
+}
+
+$post-dropdown-glyphs-font-size:	floor($dropdown-content-font-size / 2) * 2;
+
+.post-buttons .dropdown a {
+	display: block;
+	font-size: $dropdown-content-font-size;
+	line-height: $dropdown-content-line-height;
+	text-align: left;
+	margin-left: 18px;
+	position: relative;
+	&:before {
+		position: absolute;
+		left: -16px;
+		top: 50%;
+		height: $post-dropdown-glyphs-font-size;
+		line-height: $post-dropdown-glyphs-font-size + 2px;
+		margin: -#{$post-dropdown-glyphs-font-size / 2} 0 0;
+		pointer-events: none;
+		color: inherit;
+	}
+	.rtl & {
+		text-align: right;
+	}
+}
+
+.hasjs .postbody .post-buttons {
+	max-width: 40%;
+}
+
+// Browser-specific tweaks
+button::-moz-focus-inner {
+	padding: 0;
+	border: 0
+}
+
+
+/* Deprecated as of version 3.2
+-------------------------------------------------*/
+.small-icon {
+	background-position: 0 50%;
+	background-repeat: no-repeat;
+	background-image: none;
+}
+
+.dropdown .small-icon {
+	background-position: 5px 50%;
+	padding: 5px;
+}
+
+.small-icon > a {
+	padding: 0 0 0 18px;
+}
+
+ul.linklist.bulletin > li.small-icon:before {
+	display: none;
+}
+
+.dropdown .small-icon > a {
+	display: block;
+}
+
+.rtl .small-icon {
+	background-position: 100% 50%;
+}
+
+.rtl .small-icon > a {
+	padding-left: 0;
+	padding-right: 19px;
+}
diff --git a/simplicity_gray/theme/common/_common.scss b/simplicity_gray/theme/common/_common.scss
new file mode 100644
index 0000000..7503c91
--- /dev/null
+++ b/simplicity_gray/theme/common/_common.scss
@@ -0,0 +1,2336 @@
+// CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
+// ----------------------------------------
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+// HTML5 display-role reset for older browsers
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+abbr {
+	text-decoration: none;
+}
+
+// Useful stuff
+%clearfix {
+	&:after, &:before {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+}
+
+// General Markup Styles
+// ----------------------------------------
+html {
+	font-size: 100%;
+	height: 100%;
+}
+
+body {
+	font-family: $font-family;
+	font-size: $font-size;
+	line-height: $line-height;
+	margin: 0;
+	padding: 0 0 12px;
+	word-wrap: break-word;
+	min-height: 100%;
+	box-sizing: border-box;
+	-webkit-print-color-adjust: exact;
+}
+
+$h1-font-size:		$font-size + 10px !default;
+$h1-line-height:	inherit !default;
+
+h1, p.sitename {
+	// Forum name
+	font-family: $h1-font-family;
+	margin-right: 200px;
+	margin-top: 15px;
+	margin-bottom: 0;
+	font-weight: bold;
+	font-size: $h1-font-size;
+	line-height: $h1-line-height;
+}
+
+h2 {
+	// Forum header titles
+	font-family: $h2-font-family;
+	font-weight: normal;
+	font-size: $h2-font-size;
+	margin: 0.8em 0 0.2em 0;
+}
+
+h2.solo {
+	margin-bottom: 1em;
+}
+
+$h3-font-size:			($h2-font-size - 2px) !default;
+$h3-font-family:		$h2-font-family !default;
+
+h3 {
+	// Sub-headers (also used as post headers, but defined later)
+	font-family: $h3-font-family;
+	font-weight: 500;
+	margin-bottom: 5px;
+	font-size: $h3-font-size;
+	margin-top: 20px;
+}
+
+$h4-font-size:			ceil($font-size * 1.3) !default;
+$h4-font-family:		$h1-font-family !default;
+
+h4 {
+	// Forum and topic list titles
+	font-family: $h4-font-family;
+	font-size: $h4-font-size;
+}
+
+$paragraph-font-size:	$font-size !default;
+
+p {
+	line-height: $paragraph-line-height;
+	font-size: $paragraph-font-size;
+	margin-bottom: 1.5em;
+}
+
+img {
+	border-width: 0;
+}
+
+hr {
+	border: 0 solid transparent;
+	border-top-width: 1px;
+	height: 1px;
+	margin: 5px 0;
+	display: block;
+	clear: both;
+}
+
+hr.dashed {
+	border-top-style: dashed;
+	margin: 10px 0;
+}
+
+hr.divider {
+	display: none;
+}
+
+p.right {
+	text-align: right;
+}
+
+p.jumpbox-return {
+	margin-top: 10px;
+	margin-bottom: 0;
+	float: left;
+}
+
+b, strong {
+	font-weight: bold;
+}
+
+.text-strong {
+	font-weight: bold;
+}
+
+i, em {
+	font-style: italic;
+}
+
+.text-italics {
+	font-style: italic;
+}
+
+u {
+	text-decoration: underline;
+}
+
+ul {
+	list-style-type: disc;
+}
+
+ol {
+	list-style-type: decimal;
+}
+
+li {
+	display: list-item;
+}
+
+ul ul, ol ul {
+	list-style-type: circle;
+}
+
+ol ol ul, ol ul ul, ul ol ul, ul ul ul {
+	list-style-type: square;
+}
+
+
+// Main blocks
+// ----------------------------------------
+@mixin wrapper-padding {
+	padding: 10px;
+}
+
+#wrap {
+	@if $use-wrapper {
+		border: 1px solid transparent;
+		border-radius: 8px;
+		@include wrapper-padding;
+	}
+}
+
+@mixin page-width {
+	box-sizing: border-box;
+	margin: 0 auto;
+	max-width: $max-width;
+	min-width: 625px;
+	@if $max-width != none {
+		@media (max-width: ($max-width + 24px)) {
+			margin: 0 12px;
+		}
+	}
+	@else {
+		margin: 0 12px;
+	}
+}
+.page-width {
+	@include page-width;
+}
+
+.page-width .page-width {
+	margin: 0;
+}
+
+.page-body {
+	margin: 4px 0;
+	#wrap > &:first-of-type {
+		margin-top: 0;
+	}
+	#wrap > &:last-of-type {
+		margin-bottom: 0;
+	}
+	clear: both;
+}
+
+.page-footer {
+	clear: both;
+	#wrap + & {
+		margin-top: 5px;
+	}
+}
+
+.page-footer h3 {
+	margin-top: 20px;
+}
+
+.logo {
+	@if $show-logo == true {
+		display: block;
+		box-sizing: border-box;
+		max-width: 100%;
+		@if $center-logo == true {
+			&, & img {
+				margin: 0 auto;
+			}
+		}
+		@else {
+			float: left;
+		}
+		img {
+			display: block;
+			max-width: 100%;
+		}
+		padding: $logo-block-padding;
+		&:hover {
+			text-decoration: none;
+		}
+	}
+	@else {
+		display: none;
+	}
+}
+
+// Site description and logo
+.site-description {
+	@extend %clearfix;
+	h1, p.sitename {
+		margin-left: 0;
+		margin-right: 0;
+	}
+
+	@if $center-logo == true {
+		text-align: center;
+	}
+
+	@if $show-forum-title == false {
+		h1, p {
+			display: none;
+		}
+	}
+}
+
+// Round cornered boxes and backgrounds
+// ----------------------------------------
+.headerbar {
+	& > .inner {
+		position: relative;
+	}
+}
+
+$nav-primary-glyph-font-size:	$nav-primary-font-size + 2px !default;
+$nav-primary-glyph-margin:		0px - ($nav-primary-glyph-font-size  / 2) !default;
+
+$nav-alert-font-size:		9px !default;
+
+.navbar {
+	$navtabs-border-radius: min(5px, $border-radius) !default;
+	$navtabs-border-radius-small: max(0px, $navtabs-border-radius - 2) !default;
+	$tab-height: $nav-primary-font-size + 18px !default;
+	$tab-padding: 12px !default;
+	$tab-padding-glyph: 8px !default;
+
+	@include section;
+	padding: 0 9px;
+	clear: both;
+
+	&.tabbed, &.secondary {
+		@include section-empty;
+	}
+
+	.page-body & {
+		margin-bottom: 10px;
+	}
+	+ .navbar {
+		margin-top: 5px;
+	}
+	&.tabbed {
+		padding: 0;
+	}
+	&.secondary {
+		@extend %clearfix;
+		margin: 0;
+		padding: 1px 0;
+		> ul {
+			list-style-type: none;
+			margin: 0;
+			padding: 0;
+		}
+		> ul > li {
+			position: relative;
+			display: inline-block;
+			margin: 0;
+			padding: 0;
+			> a {
+				display: inline-block;
+				color: inherit;
+				padding: 1px 8px;
+				text-align: center;
+				line-height: $nav-secondary-font-size + 14px;
+				font-size: $nav-secondary-font-size;
+			}
+			&:hover {
+				> a {
+					text-decoration: none;
+				}
+				border-radius: 3px;
+			}
+			&.small-icon > a {
+				padding-left: 18px;
+			}
+			.dropdown {
+				top: $nav-secondary-font-size + 16px;
+			}
+			&.dropdown-up .dropdown {
+				top: auto;
+				bottom: $nav-secondary-font-size + 16px;
+			}
+			&.search-box {
+				display: block;
+				margin: 0;
+				float: right;
+				.rtl & {
+					float: left;
+				}
+				&, &:hover {
+					border-radius: 0;
+					border-width: 0;
+					box-shadow: none;
+					background: none;
+					filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+				}
+			}
+		}
+		+ .nav-breadcrumbs {
+			margin-top: 0;
+		}
+	}
+
+	li.small-icon > a {
+		padding-left: 18px;
+	}
+
+	.nav-tabs {
+		border-radius: $navtabs-border-radius;
+		& .leftside {
+			& .tab:first-child,
+			& .tab.first-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+			}
+		}
+		.rtl & .rightside {
+			& .tab:last-child,
+			& .tab.last-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+			}
+		}
+		& .rightside {
+			& .tab:last-child,
+			& .tab.last-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+			}
+		}
+		.rtl & .leftside {
+			& .tab:first-child,
+			& .tab.first-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+			}
+		}
+
+		@extend %clearfix;
+
+		& > ul {
+			list-style-type: none;
+			margin: 0;
+			height: $tab-height;
+
+			&.leftside, .rtl &.rightside {
+				float: left;
+			}
+			&.rightside, .rtl &.leftside {
+				float: right;
+			}
+
+			& > li {
+				float: left;
+				height: $tab-height;
+			}
+			.rtl & > li {
+				float: right;
+			}
+			.quick-links {
+				margin: 0;
+				&.empty {
+					display: none;
+				}
+				&.showing-responsive-menu {
+					display: block;
+				}
+			}
+		}
+
+		.nav-link {
+			text-decoration: none;
+			color: inherit;
+			display: inline-block;
+			height: $tab-height;
+			line-height: $tab-height;
+			padding: 0 $tab-padding;
+			vertical-align: baseline;
+			font-size: $nav-primary-font-size;
+			outline-style: none;
+			&.dropdown-toggle {
+				position: relative;
+				&:before {
+					$nav-primary-font-size-toggle:	ceil($nav-primary-font-size * 2 / 3) !default;
+					content: '\f078';	// fa-chevron-down
+					font-family: FontAwesome;
+					position: absolute;
+					right: 12px;
+					top: 50%;
+					font-size: $nav-primary-font-size-toggle;
+					line-height: $nav-primary-font-size;
+					width: $nav-primary-font-size-toggle;
+					height: $nav-primary-font-size;
+					margin-top: -6px;
+					.rtl & {
+						right: auto;
+						left: 12px;
+					}
+				}
+				&:hover:before {
+				}
+			}
+			.username-coloured {
+				color: inherit !important;
+				font-weight: inherit;
+				font-style: inherit;
+			}
+		}
+
+		.responsive-menu .nav-link:before,
+		.dropdown-visible .nav-link:before {
+          		content: '\f077'; // fa-chevron-up
+          		font-family: FontAwesome;
+          		position: absolute;
+          		right: 12px;
+         		top: 50%;
+          		font-size: 9px;
+          		line-height: 13px;
+          		width: 9px;
+          		height: 13px;
+          		margin-top: -6px;
+		}
+
+		.dropdown {
+			top: $tab-height;
+			.dropdown-up & {
+				top: auto;
+				bottom: $tab-height;
+			}
+		}
+
+		.tab {
+			position: relative;
+			// Alert
+			& > strong {
+				display: none;
+				font-weight: bold;
+				font-size: $nav-alert-font-size;
+				padding: 0 2px;
+				border-radius: 3px;
+				position: absolute;
+				right: 5px;
+				top: -10px;
+				line-height: $nav-alert-font-size + 5px;
+				min-width: 10px;
+				_width: 10px;
+				text-align: center;
+				text-shadow: none;
+				white-space: nowrap;
+				word-wrap: normal;
+				height: $nav-alert-font-size + 5px;
+				pointer-events: none;
+				.rtl & {
+					right: auto;
+					left: 5px;
+				}
+				.arrow {
+					border: 3px solid transparent;
+					border-bottom: 1px none black;
+					position: absolute;
+					bottom: -3px;
+					right: 4px;
+					line-height: 0;
+					text-shadow: none;
+					_display: none;
+					width: 0;
+					height: 0;
+				}
+			}
+			&.non-zero > strong {
+				display: block;
+			}
+		}
+
+		// Glyphs
+		%glyph {
+			position: relative;
+			padding-left: ($tab-padding + 18px);
+			&:after {
+				position: absolute;
+				left: $tab-padding;
+				top: 50%;
+				margin-top: $nav-primary-glyph-margin;
+				width: $nav-primary-glyph-font-size;
+				font-size: $nav-primary-font-size;
+				line-height: $nav-primary-glyph-font-size;
+				height: $nav-primary-glyph-font-size;
+				text-align: left;
+				font-weight: normal;
+				font-style: normal;
+				text-indent: 0;
+			}
+			.rtl & {
+			}
+			.rtl &:after {
+				left: auto;
+				right: $tab-padding;
+			}
+		}
+		%glyph-only {
+			@extend %glyph;
+			text-indent: 999px;
+			width: $nav-primary-glyph-font-size;
+			padding: 0 $tab-padding-glyph;
+			overflow: hidden;
+			&:after {
+				text-align: center;
+				font-size: $nav-primary-glyph-font-size;
+				left: $tab-padding-glyph;
+			}
+			.rtl &:after {
+				left: auto;
+				right: $tab-padding-glyph;
+			}
+			& + strong {
+				right: -2px;
+				.rtl & {
+					right: auto;
+					left: -2px;
+				}
+			}
+		}
+		@media (max-width: 550px) {
+			%glyph-only-media {
+				text-indent: 999px;
+				width: $nav-primary-glyph-font-size;
+				padding: 0 $tab-padding-glyph;
+				overflow: hidden;
+				&:after {
+					text-align: center;
+					font-size: $nav-primary-glyph-font-size;
+					left: $tab-padding-glyph;
+				}
+				.rtl &:after {
+					left: auto;
+					right: $tab-padding-glyph;
+				}
+				& + strong {
+					right: -2px;
+					.rtl & {
+						right: auto;
+						left: -2px;
+					}
+				}
+			}
+		}
+
+		%glyph-fa {
+			font-family: FontAwesome;
+		}
+
+		.responsive-menu .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0c9';	// fa-bars
+			}
+		}
+
+		.members .nav-link {
+			@extend %glyph;
+			padding-left: ($tab-padding + 20px);
+			padding-right: ($tab-padding + 12px);
+			.rtl & {
+				padding-left: ($tab-padding + 12px);
+				padding-right: ($tab-padding + 20px);
+			}
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0c0';	// fa-groups
+			}
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+				padding: 0 $tab-padding-glyph !important;
+			}
+		}
+
+		.forums .nav-link {
+			@extend %glyph;
+			.rtl & {
+				padding-left: $tab-padding;
+				padding-right: ($tab-padding + 20px);
+			}
+			&:after {
+				@extend %glyph-fa;
+				content: '\f075';	// fa-comment
+			}
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+
+		.account .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f007';	// fa-user
+			}
+		}
+
+		.pm .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f01c';	// fa-inbox
+			}
+		}
+
+		.notifications .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0f3';	// fa-bell
+				font-size: $nav-primary-glyph-font-size - 1px;
+			}
+		}
+
+		.mcp .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0e3';	// fa-gavel
+			}
+		}
+
+		.acp .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f085';	// fa-cogs
+			}
+		}
+
+		.faq .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f059';	// fa-question-circle
+			}
+		}
+
+		@media (max-width: 550px) {
+			.faq {
+				&, & .nav-link {
+					display: none !important;
+				}
+			}
+		}
+
+		.logout .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f08b';	// fa-sign-out
+				margin-left: 1px;
+			}
+		}
+
+		.login .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f090';	// fa-sign-in
+			}
+		}
+
+		.register .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f234';	// fa-user-plus
+			}
+		}
+
+		// Commonly used links for extensions
+		.boardrules .nav-link {
+			&:after {
+				@extend %glyph-fa;
+				content: '\f071';	// fa-exclamation-triangle
+			}
+		}
+		.leftside .boardrules .nav-link {
+			@extend %glyph;
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+		.rightside .boardrules .nav-link {
+			@extend %glyph-only;
+		}
+
+		.pages .nav-link {
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0f6';	// fa-file-text-o
+			}
+		}
+		.leftside .pages .nav-link {
+			@extend %glyph;
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+		.rightside .pages .nav-link {
+			@extend %glyph-only;
+		}
+	}
+
+	// Tabbed navigation
+	@if $tabbed-navigation {
+		&.tabbed.not-static {
+
+			@if $use-wrapper {
+				// Add spacing between top of wrapper and tabs on mobile devices
+				@media (max-width: 700px) {
+					#wrap > div:first-child > &:first-child:before {
+						content: '';
+						display: block;
+						height: 10px;
+					}
+				}
+			}
+
+			.nav-tabs {
+				background: none;
+				box-shadow: none;
+				border-radius: 0;
+				border-width: 0;
+				padding: 0 10px;
+
+				.quick-links {
+					margin: 0 3px;
+				}
+				li.tab {
+					// Tabs layout
+					margin: 0 3px;
+					padding: 0;
+					border-width: 0;
+					border-radius: 0;
+					text-shadow: none;
+
+					@include tabbed-nav-layout-alt {
+						border-top-left-radius: ($navtabs-border-radius + 2);
+						border-top-right-radius: ($navtabs-border-radius + 2);
+					}
+
+					@include tabbed-nav-layout-default {
+						border-top-left-radius: $navtabs-border-radius;
+						border-top-right-radius: $navtabs-border-radius;
+					}
+
+					@media (max-width: 700px) {
+						margin: 0 2px;
+					}
+
+					// Link
+					.nav-link.dropdown-toggle {
+						&:before {
+							display: none;
+							right: 2px;
+							.rtl & {
+								right: auto;
+								left: 2px;
+							}
+						}
+						&:hover:before {
+							display: block;
+						}
+					}
+
+					// Dropdown position
+					&.dropdown-right .dropdown {
+						left: -1px;
+					}
+
+					&.dropdown-left .dropdown {
+						right: -1px;
+					}
+
+					&.dropdown-down .dropdown {
+						top: ($tab-height - 1);
+					}
+
+					&.dropdown-up .dropdown {
+						bottom: ($tab-height - 1);
+					}
+				}
+
+				.rightside li.tab {
+					margin: 0 2px;
+				}
+			}
+
+			// Second row
+			+ .navbar.secondary {
+				border-width: 0;
+				border-radius: $border-radius;
+				font-size: $nav-secondary-font-size;
+				z-index: 2;
+				position: relative;
+				margin: 0 0 10px;
+				padding: 0 5px;
+
+				@media (max-width: 700px) {
+					border-radius: 0;
+					border-left-width: 0;
+					border-right-width: 0;
+				}
+			}
+		}
+	}
+
+	// Static navigation
+	.inner.static {
+		position: fixed;
+		top: 0;
+		z-index: 50;
+		left: 0;
+		right: 0;
+		padding-top: 0;
+		padding-bottom: 0;
+		width: auto;
+		max-width: none;
+		opacity: .9;
+		transition: opacity .2s;
+		@if $use-wrapper {
+			#wrap & > .static-inner {
+				@include wrapper-padding;
+			}
+		}
+		& > .static-inner {
+			@include page-width;
+			padding-top: 0 !important;
+			padding-bottom: 0 !important;
+		}
+		&:hover {
+			opacity: 1;
+		}
+		.nav-tabs {
+			border-radius: 0;
+			& .leftside, .rtl & .rightside {
+				& .tab:first-child,
+				& .tab.first-visible {
+					border-radius: 0;
+				}
+			}
+			& .rightside, .rtl & .leftside {
+				& .tab:last-child,
+				& .tab.last-visible {
+					border-radius: 0;
+				}
+			}
+			.tab > strong {
+				position: relative;
+				top: 0;
+				left: 0;
+				right: 0;
+				bottom: 0;
+				vertical-align: top;
+				margin-top: 8px;
+				margin-left: -7px;
+				margin-right: 5px;
+				padding-bottom: 1px;
+				pointer-events: none;
+				.arrow {
+					display: none;
+				}
+			}
+			.tab.non-zero > strong {
+				display: inline-block;
+			}
+			.pm > .nav-link + strong {
+				margin-left: -5px;
+			}
+		}
+	}
+}
+
+.forabg {
+	@if $split-forums == false {
+		@include section-forum;
+		margin-bottom: 4px;
+		clear: both;
+		& + .forabg {
+			margin-top: 10px;
+		}
+	}
+	@else {
+		padding: 0;
+		margin: 10px 0;
+	}
+}
+
+.forumbg {
+	@if $split-forums == false {
+		@include section-forum;
+		margin-bottom: 4px;
+		clear: both;
+
+		&.forumbg-table {
+			@include section-empty;
+			padding: 0 1px;
+		}
+	}
+	@else {
+		padding: 0;
+	}
+}
+
+.panel {
+	@include section;
+	margin-bottom: 10px;
+	padding: 5px 10px;
+
+	// UCP/MCP panel
+	&.bg3 {
+		border-radius: 0;
+		border-width: 0;
+		box-shadow: none;
+		border-top: 3px solid transparent;
+		position: relative;
+		&:before, &:after {
+			content: '';
+			position: absolute;
+			top: 0;
+			width: 3px;
+			height: 50px;
+		}
+		&:before {
+			left: 0;
+		}
+		&:after {
+			right: 0;
+		}
+	}
+
+	// Posting form
+	.postform &.panel {
+		border-radius: $border-radius;
+	}
+}
+
+$panel-heading-line-height:	$line-height !default;
+
+.panel > .inner > h3:first-child,
+.panel > h3:first-child {
+	@include section-heading;
+	padding-left: 10px;
+	padding-right: 10px;
+	.panel-container & {
+		font-size: $panel-heading-font-size;
+		line-height: $panel-heading-line-height;
+	}
+}
+
+.post {
+	@include section;
+	padding: 0;
+	margin-bottom: 10px;
+	position: relative;
+}
+
+.post > .inner {
+	padding: 5px 10px;
+}
+
+.rowbg {
+	margin: 5px 5px 2px 5px;
+}
+
+// Horizontal lists
+// ----------------------------------------
+.navbar ul.linklist {
+	padding: 2px 0;
+}
+
+ul.linklist {
+	display: block;
+	margin: 0;
+}
+
+.cp-main .panel {
+	padding: 5px 10px;
+}
+
+$list-font-size:	$font-size !default;
+$list-line-height:	2 !default;
+ul.linklist > li {
+	float: left;
+	font-size: $list-font-size;
+	line-height: $list-line-height;
+	list-style-type: none;
+	margin-right: 7px;
+	padding-top: 1px;
+	width: auto;
+	&, &.rightside {
+		&.icon-only {
+			text-align: center;
+			min-width: 20px;
+		}
+	}
+}
+
+ul.linklist > li.rightside, p.rightside, a.rightside {
+	float: right;
+	margin-right: 0;
+	margin-left: 7px;
+	text-align: right;
+}
+
+ul.navlinks {
+	border-top: 1px solid transparent;
+	&.nav-breadcrumbs {
+		border-top-width: 0;
+	}
+}
+
+ul.leftside {
+	float: left;
+	margin-left: 0;
+	margin-right: 5px;
+	text-align: left;
+}
+
+ul.rightside {
+	float: right;
+	margin-left: 5px;
+	margin-right: -5px;
+	text-align: right;
+}
+
+ul.linklist li.responsive-menu {
+	position: relative;
+	margin: 0 5px;
+}
+
+$responsive-menu-font-size:		$font-size + 2px !default;
+
+.fa-bars:before {
+	display: none;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+	display: inline-block;
+	margin: 0 5px;
+	font-size: $responsive-menu-font-size + 4px;
+	position: relative;
+	width: $responsive-menu-font-size + 4px;
+	line-height: $responsive-menu-font-size + 8px;
+	text-decoration: none;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+	&:before {
+		content: '\f0c9';	// fa-bars
+		font-family: FontAwesome;
+		position: absolute;
+		left: 0;
+		top: 50%;
+		margin-top: -#{$responsive-menu-font-size / 2};
+		width: $responsive-menu-font-size + 2px;
+		font-size: $responsive-menu-font-size;
+		line-height: $responsive-menu-font-size;
+		height: $responsive-menu-font-size;
+		text-align: center;
+		font-weight: normal;
+		font-style: normal;
+		text-indent: 0;
+	}
+	&:hover:before {
+		font-family: FontAwesome;
+		content: '\f078';	// fa-chevron-down
+	}
+}
+
+.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
+	max-width: 48%;
+}
+
+.hasjs ul.linklist.fullwidth {
+	max-width: none;
+}
+
+li.responsive-menu.dropdown-right .dropdown {
+}
+
+li.responsive-menu.dropdown-left .dropdown {
+}
+
+ul.linklist .dropdown {
+	top: $list-font-size * 2;
+}
+
+ul.linklist .dropdown-up .dropdown {
+	bottom: $list-font-size * 2;
+	top: auto;
+}
+
+// Bulletin icons for list items
+// ----------------------------------------
+ul.linklist.bulletin > li:before {
+	display: inline-block;
+	content: "\2022";
+	font-size: inherit;
+	line-height: inherit;
+	padding-right: 4px;
+}
+
+ul.linklist.bulletin > li:first-child:before,
+ul.linklist.bulletin > li.rightside:last-child:before {
+	content: none;
+}
+
+ul.linklist.bulletin > li.no-bulletin:before {
+	content: none;
+}
+
+.responsive-menu:before {
+	display: none !important;
+}
+
+// Profile in overall_header.html
+.header-profile {
+	display: inline-block;
+	vertical-align: top;
+}
+
+.header-avatar:hover {
+	text-decoration: none;
+}
+
+.header-avatar img {
+	margin-bottom: 2px;
+	max-height: 20px;
+	vertical-align: middle;
+	width: auto;
+}
+
+.header-avatar span:after {
+	content: '\f078';	// fa-chevron-down
+	font-family: FontAwesome;
+	display: inline-block;
+	font-size: 7px;
+	float: right;
+	padding-left: 2px;
+	font-weight: normal;
+	opacity: 0.7;
+}
+
+// Dropdown menu
+// ----------------------------------------
+.dropdown-container {
+	position: relative;
+}
+
+.dropdown-container-right {
+	float: right;
+}
+
+.dropdown-container-left {
+	float: left;
+}
+
+.nojs .dropdown-container:hover .dropdown {
+	display: block !important;
+}
+
+.dropdown {
+	display: none;
+	position: absolute;
+	left: 0;
+	top: if(unitless($line-height), #{$line-height}em, $line-height);
+	z-index: 30;
+	padding: 0;
+	margin-right: -500px;
+}
+
+.dropdown.live-search {
+	top: auto;
+}
+
+.dropdown-container.topic-tools {
+	float: left;
+}
+
+.dropdown-up .dropdown {
+	top: auto;
+	bottom: if(unitless($line-height), #{$line-height}em, $line-height);
+}
+
+.dropdown-left .dropdown, .nojs .rightside .dropdown {
+	left: auto;
+	right: 0;
+	margin-left: -500px;
+	margin-right: 0;
+}
+
+.dropdown-button-control .dropdown {
+	top: $button-height;
+}
+
+.dropdown-button-control.dropdown-up .dropdown {
+	top: auto;
+	bottom: $button-height;
+}
+
+.dropdown .pointer, .dropdown .pointer-inner {
+	position: absolute;
+	width: 0;
+	height: 0;
+	border-top-width: 0;
+	border-bottom: 10px solid transparent;
+	border-left: 10px dashed transparent;
+	border-right: 10px dashed transparent;
+	-webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
+	display: block;
+}
+
+.dropdown-up .pointer, .dropdown-up .pointer-inner {
+	border-bottom-width: 0;
+	border-top: 10px solid transparent;
+}
+
+.dropdown .pointer {
+	right: auto;
+	left: 10px;
+	top: 0;
+	z-index: 3;
+}
+
+.dropdown-up .pointer {
+	bottom: 0;
+	top: auto;
+}
+
+.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
+	left: auto;
+	right: 10px;
+}
+
+.dropdown .pointer-inner {
+	top: auto;
+	bottom: -11px;
+	left: -10px;
+}
+
+.dropdown-up .pointer-inner {
+	bottom: auto;
+	top: -11px;
+}
+
+.dropdown .dropdown-contents {
+	z-index: 30;
+	overflow: hidden;
+	overflow-y: auto;
+	border: 0px solid transparent;
+	border-radius: 0 0 min($border-radius, 5px) min($border-radius, 5px);
+	border-top-width: 3px;
+	padding: 5px;
+	position: relative;
+	min-width: 40px;
+	max-height: 300px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	.notifications & {
+		min-width: 300px;
+	}
+}
+
+.dropdown-up .dropdown-contents {
+	border-bottom-width: 3px;
+	border-top-width: 0;
+	border-radius: min($border-radius, 5px) min($border-radius, 5px) 0 0;
+}
+
+$dropdown-content-font-size:	$font-size + 1px !default;
+$dropdown-content-line-height:	$line-height !default;
+
+.dropdown-contents > li {
+	padding-right: 15px;
+	min-width: 180px;
+}
+
+.dropdown-nonscroll > li {
+	padding-right: 0;
+}
+
+.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
+	border-top: 0;
+}
+
+.dropdown li li:first-child {
+	margin-top: 4px;
+}
+
+.dropdown li li:last-child {
+	padding-bottom: 0;
+}
+
+.dropdown li li {
+	border-top: 1px dotted transparent;
+	padding-left: 18px;
+}
+
+#wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
+	white-space: normal;
+}
+
+.dropdown li.separator {
+	border-top: 1px solid transparent;
+	margin: 4px 0;
+	padding: 0;
+}
+
+.dropdown li.separator:first-child, .dropdown li.separator:last-child {
+	display: none !important;
+}
+
+.dropdown-trigger > i.glyphicons, .dropdown-trigger > i.fa {
+	display: inline;
+	line-height: inherit;
+	top: 0;
+	vertical-align: baseline;
+	&:before {
+		font-size: 1.4em;
+		line-height: 1;
+		position: relative;
+		top: 1px;
+	}
+}
+
+// Responsive breadcrumbs
+// ----------------------------------------
+.breadcrumbs .crumb {
+	float: left;
+	font-weight: bold;
+	word-wrap: normal;
+	position: relative;
+	padding-left: $list-font-size + 2px;
+	.rtl & {
+		padding-left: 0;
+		padding-right: $list-font-size + 2px;
+	}
+}
+
+.breadcrumbs .crumb:before {
+	content: '\f054';	// fa-chevron-right
+	font-family: FontAwesome;
+	font-weight: normal;
+	position: absolute;
+	left: 1px;
+	width: $list-font-size;
+	top: 50%;
+	margin-top: -#{$list-font-size / 2};
+	font-size: $list-font-size - 4px;
+	height: $list-font-size;
+	line-height: $list-font-size;
+	text-align: center;
+	.rtl & {
+		left: auto;
+		right: 1px;
+		content: '\f053';	// fa-chevron-left
+	}
+}
+
+.breadcrumbs .crumb:first-child {
+	padding-left: 0;
+	padding-right: 0;
+	&:before {
+		display: none;
+	}
+}
+
+.breadcrumbs .crumb a {
+	display: inline-block;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	vertical-align: bottom;
+	overflow: hidden;
+}
+
+.breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; }
+.breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; }
+.breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; }
+
+.breadcrumbs .crumb.wrapped-max a { max-width: 120px; }
+.breadcrumbs .crumb.wrapped-wide a { max-width: 100px; }
+.breadcrumbs .crumb.wrapped-medium a { max-width: 80px; }
+.breadcrumbs .crumb.wrapped-small a { max-width: 60px; }
+.breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; }
+
+// Table styles
+// ----------------------------------------
+table.table1 {
+	width: 100%;
+}
+
+.ucp-main table.table1 {
+	padding: 2px;
+}
+
+$table-heading-font-size:	$font-size + 2px !default;
+$table-heading-line-height:	$line-height !default;
+$table-content-font-size:	$font-size + 1px !default;
+
+table.table1 thead th {
+	@include table-heading;
+	text-transform: none;
+	line-height: $table-heading-line-height;
+	font-weight: normal;
+	font-size: $table-heading-font-size;
+	padding: 4px;
+}
+
+table.table1 thead th span {
+	padding-left: 7px;
+}
+
+table.table1 tbody tr {
+	border-top: 1px solid transparent;
+}
+
+table.table1 td {
+	font-size: $table-content-font-size;
+	line-height: $line-height;
+}
+
+table.table1 tbody td {
+	padding: 5px;
+	border-top: 1px solid transparent;
+}
+
+table.table1 tbody th {
+	padding: 5px;
+	border-bottom: 1px solid transparent;
+	text-align: left;
+}
+
+// Specific column styles
+table.table1 .name		{ text-align: left; }
+table.table1 .center	{ text-align: center; }
+table.table1 .reportby	{ width: 15%; }
+table.table1 .posts		{ text-align: center; width: 7%; }
+table.table1 .joined	{ text-align: left; width: 15%; }
+table.table1 .active	{ text-align: left; width: 15%; }
+table.table1 .mark		{ text-align: center; width: 7%; }
+table.table1 .info		{ text-align: left; width: 30%; max-width: 200px;
+	@media (max-width: 550px) {
+		max-width: 150px;
+	}
+}
+table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
+table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
+table.table1 thead .autocol { padding-left: 1em; }
+
+table.table1 th.info {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+table.table1 span.rank-img {
+	float: right;
+	width: auto;
+}
+
+table.info td {
+	padding: 3px;
+}
+
+table.info tbody th {
+	padding: 3px;
+	text-align: right;
+	vertical-align: top;
+	font-weight: normal;
+}
+
+.forumbg table.table1 {
+	margin: 0;
+}
+
+.forumbg-table > .inner {
+	margin: 0 -1px;
+}
+
+.color_palette_placeholder table {
+	border-collapse: separate;
+	border-spacing: 1px;
+}
+
+// Misc layout styles
+// ----------------------------------------
+// column[1-2] styles are containers for two column layouts
+.column1 {
+	float: left;
+	clear: left;
+	width: 49%;
+}
+
+.column2 {
+	float: right;
+	clear: right;
+	width: 49%;
+}
+
+// General classes for placing floating blocks
+.left-box {
+	float: left;
+	width: auto;
+	text-align: left;
+	max-width: 100%;
+}
+
+.left-box.profile-details {
+	width: 80%;
+}
+
+.right-box {
+	float: right;
+	width: auto;
+	text-align: right;
+	max-width: 100%;
+}
+
+dl.details {
+	font-size: $font-size;
+}
+
+dl.details dt {
+	float: left;
+	clear: left;
+	width: 30%;
+	text-align: right;
+	display: block;
+}
+
+dl.details dd {
+	margin-left: 0;
+	padding-left: 5px;
+	margin-bottom: 5px;
+	float: left;
+	width: 65%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.clearfix, fieldset dl, dl.polls {
+	overflow: hidden;
+}
+
+ul.topiclist dl {
+	@extend %clearfix;
+}
+
+ul.topiclist dd.lastpost {
+	float: right;
+}
+
+fieldset.fields1 ul.recipients {
+	list-style-type: none;
+	line-height: 1.8;
+	max-height: 150px;
+	overflow-y: auto;
+}
+
+fieldset.fields1 dd.recipients {
+	clear: left;
+	margin-left: 1em;
+}
+
+fieldset.fields1 ul.recipients  input.button2{
+	font-size: $font-size - 2px;
+	margin-right: 0;
+	padding: 0;
+}
+
+fieldset.fields1 dl.pmlist > dt {
+	width: auto !important;
+}
+
+fieldset.fields1 dl.pmlist dd.recipients {
+	margin-left: 0 !important;
+}
+
+// Action-bars (container for post/reply buttons, pagination, etc.)
+// ----------------------------------------
+.action-bar {
+	font-size: $font-size;
+	margin: 4px 0;
+}
+
+.forabg + .action-bar {
+	margin-top: 10px;
+}
+
+.action-bar .button {
+	margin-right: 5px;
+	float: left;
+}
+
+.action-bar .button-search {
+	margin-right: 0;
+}
+
+
+// Pagination
+// ----------------------------------------
+$pagination-font-size:				$font-size !default;
+$pagination-line-height:			$font-size + 2px !default;
+$pagination-link-font-size:			$font-size !default;
+$pagination-link-line-height:		$font-size !default;
+
+.pagination {
+	float: right;
+	font-size: $font-size;
+	text-align: right;
+	width: auto;
+}
+
+.action-bar.bottom .pagination {
+	margin-top: 0;
+}
+
+.action-bar .pagination .button {
+	margin-right: 0;
+	float: none;
+}
+
+.pagination > ul {
+	display: inline-block;
+	list-style: none !important;
+	margin-left: 5px;
+}
+
+.pagination > ul > li {
+	display: inline-block !important;
+	padding: 0;
+	font-size: $font-size;
+	line-height: normal;
+	vertical-align: middle;
+}
+
+.pagination li a, .pagination li span {
+	border-radius: 2px;
+	padding: 2px 5px;
+}
+
+.pagination li.active span {
+	display: inline-block;
+	font-size: 13px;
+	font-weight: normal;
+	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+	line-height: 1.4;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	border: 1px solid transparent;
+}
+
+.pagination li.ellipsis span {
+	border: none;
+	padding: 0;
+}
+
+.pagination li.page-jump {
+	margin-right: 5px;
+}
+
+.pagination li.page-jump a {
+	background: transparent none !important;
+	border-color: transparent !important;
+	padding: 0 8px;
+}
+
+.pagination li.page-jump a i {
+	font-size: 21px;
+}
+
+.pagination .arrow a {
+	padding: 2px 0;
+}
+
+.rtl .pagination li.previous a:after {
+	content: '\f054';	// fa-chevron-right
+	right: 1px;
+	left: 3px;
+}
+
+.rtl .pagination li.next a:after {
+	content: '\f053';	// fa-chevron-left
+	left: 1px;
+	right: 3px;
+}
+
+// Pagination in viewforum for multipage topics
+.row .pagination {
+	display: block;
+	margin-top: 3px;
+	margin-bottom: 3px;
+}
+
+.row .pagination > ul {
+	margin: 0;
+}
+
+.row .pagination li a, .row .pagination li span {
+	border-radius: 2px;
+	padding: 1px 3px;
+	font-size: 9px;
+}
+
+// jQuery popups
+// ----------------------------------------
+.phpbb_alert {
+	border: 1px solid transparent;
+	display: none;
+	left: 0;
+	padding: 0 25px 20px 25px;
+	position: fixed;
+	right: 0;
+	top: 150px;
+	z-index: 50;
+	width: 620px;
+	margin: 0 auto;
+}
+
+@media (max-height: 500px)
+{
+	.phpbb_alert {
+		top: 25px;
+	}
+}
+
+.phpbb_alert .alert_close {
+	display: block;
+	float: right;
+	width: 24px;
+	height: 24px;
+	overflow: hidden;
+	text-decoration: none !important;
+	background: transparent none 0 0 no-repeat;
+	margin-top: -12px;
+	margin-right: -36px;
+	position: relative;
+}
+
+.phpbb_alert .alert_close:before,
+.phpbb_alert .alert_close:after {
+	content: '\f057';	// fa-times-circle
+	font-family: FontAwesome;
+	position: absolute;
+	font-size: 18px;
+	line-height: 24px;
+	font-weight: normal;
+	font-style: normal;
+	text-indent: 0;
+	text-align: center;
+	left: 0;
+	top: 0;
+	margin: 0;
+	padding: 0;
+	width: 24px;
+	height: 24px;
+}
+
+.phpbb_alert .alert_close:before {
+	content: '\f111';	// fa-circle
+	font-size: 20px;
+}
+
+.phpbb_alert p {
+	margin: 8px 0;
+	padding-bottom: 8px;
+}
+
+.phpbb_alert label {
+	display: block;
+	margin: 8px 0;
+	padding-bottom: 8px;
+}
+
+.phpbb_alert div.alert_text > p,
+.phpbb_alert div.alert_text > label,
+.phpbb_alert div.alert_text > select,
+.phpbb_alert div.alert_text > textarea,
+.phpbb_alert div.alert_text > input {
+	font-size: $font-size;
+}
+
+.darkenwrapper {
+	display: none;
+	position: relative;
+	z-index: 44;
+}
+
+.darken {
+	position: fixed;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	opacity: 0.5;
+	z-index: 45;
+}
+
+.loading_indicator {
+	background: center center no-repeat;
+	border-radius: 5px;
+	display: none;
+	opacity: 0.8;
+	margin-top: -50px;
+	margin-left: -50px;
+	height: 50px;
+	width: 50px;
+	position: fixed;
+	left: 50%;
+	top: 50%;
+	z-index: 51;
+}
+
+// Miscellaneous styles
+// ----------------------------------------
+.forum-permissions {
+	float: right;
+	width: auto;
+	padding-left: 5px;
+	margin-left: 5px;
+	margin-top: 10px;
+	text-align: right;
+}
+
+.copyright {
+	font-size: 10px;
+	text-align: center;
+	padding: 10px;
+}
+
+.footer-row {
+	font-size: 10px;
+	line-height: 1.8;
+	margin: 0;
+}
+
+.small {
+	font-size: 0.9em !important;
+}
+
+.titlespace {
+	margin-bottom: 15px;
+}
+
+.headerspace {
+	margin-top: 20px;
+}
+
+.error {
+	font-weight: bold;
+	font-size: $font-size;
+}
+
+$rules-font-size:	$font-size !default;
+
+div.rules {
+	margin: 10px 0;
+	font-size: $rules-font-size;
+	padding: 5px 10px;
+	border-radius: $border-radius;
+}
+
+div.rules ul, div.rules ol {
+	margin-left: 20px;
+}
+
+$post-notice-font-size:		$font-size + 1px;
+
+p.post-notice {
+	position: relative;
+	padding: 5px;
+	padding-left: 26px;
+	min-height: 14px;
+	margin-bottom: 1em;
+	font-size: $post-notice-font-size;
+}
+
+p.post-notice:before {
+	content: '';
+	display: block;
+	position: absolute;
+	top: 50%;
+	margin-top: -10px;
+	font-size: 16px;
+	height: 18px;
+	line-height: 18px;
+	text-align: center;
+	vertical-align: baseline;
+	left: 0;
+	width: 28px;
+	background: transparent none 50% 50% no-repeat;
+	pointer-events: none;
+	font-weight: normal;
+	font-style: normal;
+	text-transform: none;
+}
+
+form > p.post-notice strong {
+	line-height: 20px;
+}
+
+.jumpbox {
+	margin: 5px 0;
+}
+
+.jumpbox .dropdown li {
+	border-top: 1px solid transparent;
+}
+
+.jumpbox .dropdown-select {
+	margin: 0;
+}
+
+.jumpbox .dropdown-contents {
+	padding: 0;
+	text-decoration: none;
+}
+
+.jumpbox .dropdown-contents li {
+	padding: 0;
+}
+
+.jumpbox .dropdown-contents a {
+	margin-right: 20px;
+	padding: 5px 10px;
+	text-decoration: none;
+	width: 100%;
+}
+
+.jumpbox .spacer {
+	display: inline-block;
+	width: 0px;
+}
+
+.jumpbox .spacer + .spacer {
+	width: 20px;
+}
+
+.dropdown-contents a {
+	display: block;
+	padding: 5px;
+}
+
+.jumpbox .dropdown-select {
+	margin: 0;
+}
+
+.jumpbox .dropdown-contents a {
+	text-decoration: none;
+}
+
+.dropdown li {
+	display: list-item;
+	border-top: 1px dotted transparent;
+	float: none !important;
+	line-height: normal !important;
+	font-size: 1em !important;
+	list-style: none;
+	margin: 0;
+	white-space: nowrap;
+	text-align: left;
+}
+
+.stat-block {
+	clear: both;
+}
+
+.top {
+	position: absolute;
+	top: -20px;
+}
+
+.clear {
+	display: block;
+	clear: both;
+	font-size: 1px;
+	line-height: 1px;
+	background: transparent;
+}
+
+// Inner box-model clearing
+.inner:after,
+ul.linklist:after,
+.action-bar:after,
+.notification_text:after,
+.tabs-container:after,
+.tabs > ul:after,
+.minitabs > ul:after,
+.postprofile .avatar-container:after {
+	clear: both;
+	content: '';
+	display: block;
+}
+
+.emoji {
+	min-height: 18px;
+	min-width: 18px;
+	height: 1em;
+	width: 1em;
+}
+
+.hidden {
+	display: none;
+}
+
+.smilies {
+	vertical-align: text-bottom;
+}
+
+.icon-notification {
+	position: relative;
+}
+
+.member-search {
+	float: left;
+	margin: 0;
+	padding: 6px 10px;
+}
+
+.member-search strong {
+	font-size: $font-size;
+}
+
+.dropdown-extended {
+	display: none;
+	z-index: 3;
+}
+
+.dropdown-extended ul {
+	max-height: 350px;
+	overflow-y: auto;
+	overflow-x: hidden;
+	clear: both;
+}
+
+.dropdown-extended ul li {
+	padding: 0;
+	margin: 0 !important;
+	float: none;
+	border-top: 1px solid;
+	list-style-type: none;
+	font-size: $font-size;
+	clear: both;
+	position: relative;
+}
+
+.dropdown-extended ul li:first-child {
+	border-top: none;
+}
+
+.dropdown-extended ul li.no_notifications {
+	padding: 10px;
+}
+
+.dropdown-extended .dropdown-contents {
+	max-height: none;
+	padding: 0;
+	position: absolute;
+	width: 340px;
+}
+
+.nojs .dropdown-extended .dropdown-contents {
+	position: relative;
+}
+
+.dropdown-extended .header {
+	.dropdown-down & {
+		margin-top: -3px;
+	}
+	padding: 0 10px;
+	font-family: $dropdown-header-font-family;
+	font-size: $dropdown-header-font-size;
+	font-weight: bold;
+	text-align: left;
+	// text-transform: uppercase;
+	line-height: $dropdown-header-line-height;
+}
+
+.dropdown-extended .header .header_settings {
+	float: right;
+	font-weight: normal;
+	text-transform: none;
+}
+
+.dropdown-extended .header .header_settings a {
+	display: inline-block;
+	padding: 0 5px;
+}
+
+.dropdown-extended .header:after {
+	content: '';
+	display: table;
+	clear: both;
+}
+
+.dropdown-extended .footer {
+	text-align: center;
+	font-size: $font-size;
+}
+
+.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
+	padding: 8px;
+}
+
+.dropdown-extended .footer > a {
+	padding: 5px 0;
+}
+
+.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
+	display: block;
+	text-decoration: none;
+}
+
+.notification_list ul li img {
+	float: left;
+	max-height: 50px;
+	max-width: 50px;
+	width: auto !important;
+	height: auto !important;
+	margin-right: 5px;
+}
+
+.notification_list ul li p {
+	margin-bottom: 4px;
+	font-size: $font-size;
+}
+
+.notification_list p.notification-reference,
+.notification_list p.notification-location,
+.notification_list li a p.notification-reason {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.notification_list p.notification-time {
+	font-size: $font-size - 1px;
+	margin: 0;
+	text-align: right;
+}
+
+.notification_list div.notifications {
+	margin-left: 50px;
+	padding: 5px;
+}
+
+.notification_list div.notifications a {
+	display: block;
+}
+
+.notification_list p.notifications_title {
+	font-family: $topic-link-font-family;
+	font-size: $topic-link-font-size !important;
+}
+
+.notification_list p.notifications_title strong {
+	font-weight: 600;
+}
+
+.notification_list p.notifications_time {
+	font-size: $font-size !important;
+}
+
+.notification_text {
+	margin-left: 58px;
+	white-space: normal;
+}
+
+.badge {
+	border-radius: 10px;
+	opacity: 0.8;
+	text-align: center;
+	white-space: nowrap;
+	font-size: 10px;
+	line-height: 1;
+	float: right;
+	display: inline-block;
+	margin-left: 3px;
+	vertical-align: baseline;
+	position: relative;
+	top: 3px;
+	padding: 4px 6px;
+ }
+
+.badge.hidden {
+	display: none;
+}
+
+// Navbar specific list items
+// ----------------------------------------
+
+.linklist .quick-links {
+	margin: 0 7px 0 0;
+}
+
+.linklist.compact .rightside > a > span span {
+	display: none;
+}
+
+.dropdown-page-jump .dropdown {
+	top: 20px;
+}
+
+.dropdown-page-jump.dropdown-up .dropdown {
+	bottom: 20px;
+}
+
+.dropdown-page-jump input.tiny {
+	width: 50px;
+}
+
+.dropdown .clone.hidden  {
+	display: none;
+}
+
+.dropdown .clone.hidden + li.separator {
+	display: none;
+}
+
+.dropdown .clone.hidden + li {
+	border-top: none;
+}
diff --git a/simplicity_gray/theme/common/_content.scss b/simplicity_gray/theme/common/_content.scss
new file mode 100644
index 0000000..b7b170d
--- /dev/null
+++ b/simplicity_gray/theme/common/_content.scss
@@ -0,0 +1,1278 @@
+// Content Styles
+// ----------------------------------------
+
+ul.topiclist {
+	display: block;
+	list-style-type: none;
+	margin: 0;
+}
+
+ul.topiclist li {
+	display: block;
+	list-style-type: none;
+	margin: 0;
+	.forabg &.header,
+	.forumbg &.header {
+		@include section-heading-forum;
+		position: relative;
+		.forum-toggle {
+			position: absolute;
+			right: 5px;
+			top: 50%;
+			margin-top: -8px;
+			height: 16px;
+			width: 16px;
+			text-decoration: none !important;
+			outline-style: none !important;
+			color: inherit;
+			transition: opacity 0.3s ease;
+			opacity: .5;
+			&:after {
+				content: '\f056';	// fa-minus-circle
+				font-family: FontAwesome;
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 16px;
+				height: 16px;
+				font-size: 12px;
+				line-height: 16px;
+			}
+			&.toggled:after {
+				content: '\f055';	// fa-plus-circle
+			}
+			&:hover {
+				opacity: 1;
+			}
+			.rtl & {
+				right: auto;
+				left: 4px;
+			}			
+		}
+	}
+}
+
+ul.topiclist dl {
+	position: relative;
+}
+
+ul.topiclist li.row dl {
+	margin: 2px 0;
+}
+
+ul.topiclist dt, ul.topiclist dd {
+	display: block;
+	float: left;
+}
+
+ul.topiclist dt {
+	width: 100%;
+	margin-right: -440px;
+	font-size: $font-size;
+}
+
+ul.topiclist.missing-column dt {
+	margin-right: -345px;
+}
+
+dl.elegant-row dt,
+ul.topiclist.two-long-columns dt {
+	margin-right: -250px;
+}
+
+ul.topiclist.two-columns dt {
+	margin-right: -80px;
+}
+
+ul.topiclist dt .list-inner {
+	margin-right: 440px;
+	padding-left: 5px;
+	padding-right: 5px;
+	position: relative;
+}
+
+ul.topiclist.missing-column dt .list-inner {
+	margin-right: 345px;
+}
+
+dl.elegant-row dt .list-inner,
+ul.topiclist.two-long-columns dt .list-inner {
+	margin-right: 250px;
+}
+
+ul.topiclist.two-columns dt .list-inner {
+	margin-right: 80px;
+}
+
+ul.topiclist dd {
+	border-left: 1px solid transparent;
+	padding: 4px 0;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+ul.topiclist dfn {
+	// Labels for post/view counts
+	display: none;
+	position: absolute;
+	left: -999px;
+	width: 990px;
+}
+
+.forum-image {
+	float: left;
+	padding-top: 5px;
+	margin-right: 5px;
+}
+
+li.row {
+	border-top: 1px solid transparent;
+	border-bottom: 1px solid transparent;
+	&:first-child {
+		border-top-width: 0;
+		padding-top: 0;
+	}
+	&:last-child {
+		border-bottom-width: 0;
+		padding-bottom: 0;
+	}
+
+	@if $split-forums == true {
+		ul.topiclist & {
+			.forabg &, .forumbg & {
+				@include section-forum;
+				margin: 5px 0;
+				padding: 0;
+				&.reported {
+					background-color: $block-background-reported;
+				}
+			}
+		}
+	}
+
+	.forum-description {
+
+	}
+	.subforums-list {
+		ul {
+			list-style-type: none;
+			display: inline;
+			margin: 0;
+		}
+		li {
+			display: inline;
+			& > span {
+				display: inline;
+			}
+		}
+	}
+	.forum-mcplink {
+		right: 4px;
+		top: 4px;
+		.rtl & {
+			right: auto;
+			left: 4px;
+		}
+	}
+}
+
+li.row strong {
+	font-weight: normal;
+}
+
+li.header dt, li.header dd {
+	border-left-width: 0;
+	padding-top: 0;
+	padding-bottom: 0;
+	font-size: $list-heading-font-size;
+	font-family: $list-heading-font-family;
+	line-height: $list-heading-line-height;
+}
+
+li.header dt {
+	.forabg & {
+		font-family: $forum-heading-font-family;
+		font-weight: $forum-heading-font-weight;
+		font-size: $forum-heading-font-size;
+	}
+	width: 100%;
+	margin-right: -440px;
+	.list-inner {
+		margin-right: 440px;
+		text-indent: 5px;
+		padding-left: 0;
+	}
+}
+
+li.header dd {
+	padding-left: 1px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+li.header dl dt, li.header dl dd {
+	min-height: 0;
+}
+
+li.header dl.row-item dt .list-inner {
+	// Tweak for headers alignment when folder icon used
+	.forabg & {
+		padding-left: 0;
+		padding-right: 50px;
+	}
+}
+
+.row .list-inner { padding: 4px 0; }
+
+dl.row-item {
+	background-position: 10px 50%;		// Position of folder icon
+	background-repeat: no-repeat;
+	background-size: 36px;
+}
+
+dl.row-item dt {
+	background-repeat: no-repeat;
+	background-position: 5px 95%;		// Position of topic icon
+	background-size: 17px;
+}
+
+dl.row-item dt .list-inner {
+	padding-left: 55px;					// Space for folder icon
+	position: relative;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	li.header & {
+		padding-top: 0;
+		padding-bottom: 0;
+	}
+}
+
+dl.row-item dt .list-inner .topic-status {
+	position: absolute;
+	right: 4px;
+	top: 3px;
+	font-size: 14px;
+	pointer-events: none;
+	.rtl & {
+		right: auto;
+		left: 4px;
+	}
+}
+
+dl.row-item dt .list-inner .topic-status + .topic-status {
+	right: 20px;
+}
+
+dl.row-item dt, dl.row-item dd {
+	min-height: 42px;
+}
+
+dl.row-item dt a {
+	display: inline;
+}
+
+dl.row-item.with-description dt, dl.row-item.with-description dd {
+	min-height: 50px;
+}
+
+dl a.row-item-link {						// topic row icon links
+	display: block;
+	width: 36px;
+	height: 36px;
+	padding: 0;
+	position: absolute;
+	top: 50%;
+	left: 0;
+	margin-top: -15px;
+	margin-left: 9px;
+	z-index: 2;
+}
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
+	width: 80px;
+	text-align: center;
+}
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark, dd.lastpost.empty {
+	line-height: 34px;
+	font-size: $forum-list-column-font-size;
+	.with-description & {
+		line-height: 42px;
+	}
+}
+
+dd.lastpost.empty br {
+	display: none;
+}
+
+dd.posts, dd.topics, dd.views {
+	width: 95px;
+	.elegant-row & {
+		display: none;
+	}
+}
+
+// List in forum description
+dl.row-item dt ol,
+dl.row-item dt ul {
+	list-style-position: inside;
+	margin-left: 1em;
+}
+
+dl.row-item dt li {
+	display: list-item;
+	list-style-type: inherit;
+}
+
+dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
+	width: 250px;
+	font-size: $forum-list-last-column-font-size;
+}
+
+dd.redirect {
+	line-height: 2.5em;
+}
+
+dd.time {
+	line-height: 200%;
+}
+
+dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
+	display: block;
+	padding-left: 5px;
+}
+
+dd.extra, dd.mark {
+	line-height: 200%;
+}
+
+dd.option {
+	width: 125px;
+	line-height: 200%;
+	text-align: center;
+	font-size: $font-size;
+}
+
+// Forums list layout
+// ----------------------
+.forum-description {
+	font-size: $forum-list-description-font-size;
+	padding-top: 2px;
+}
+
+.forum-statistics {
+	font-size: $font-size;
+	padding-top: 2px;
+	.value {
+	}
+}
+
+.forum-lastpost {
+	display: none;
+	@media (max-width: 550px) {
+		display: block !important;
+		padding-top: 2px;
+		line-height: 1.2;
+		overflow: hidden;
+	}
+	strong, span {
+		text-overflow: ellipsis;
+		overflow: hidden;
+		white-space: nowrap;
+	}
+	strong, span, a.lastsubject {
+		font-weight: normal;
+	}
+	strong {
+		display: block;
+		float: left;
+		max-width: 200px;
+		padding-right: 5px;
+		.rtl & {
+			float: right;
+			padding-right: 0;
+			padding-left: 5px;
+		}
+		@media (max-width: 400px) {
+			max-width: 130px;
+		}
+	}
+	span {
+		display: inline-block;
+		max-width: 100%;
+		&:after {
+			content: '|';
+			display: inline-block;
+			text-align: center;
+			width: 12px;
+		}
+		&:last-of-type:after {
+			display: none;
+		}
+	}
+}
+
+.subforums-list {
+	padding-top: 2px;
+}
+
+.forum-description.toggle {
+	display: none;
+	position: absolute;
+	font-size: $font-size;
+	border-radius: 4px;
+	padding: 4px 9px;
+	max-width: 500px;
+	cursor: pointer;
+	a.forumtitle + & {
+		left: 55px;
+		top: 25px;
+		z-index: 30;
+		.rtl & {
+			left: auto;
+			right: 55px;
+		}
+	}
+	a {
+		background: none !important;
+		text-decoration: underline !important;
+		border-width: 0 !important;
+	}
+	span.arrow {
+		position: absolute;
+		line-height: 0;
+		width: 0;
+		height: 0;
+		border: 6px solid transparent;
+		border-left: 1px none transparent;
+		top: 6px;
+		left: -6px;
+		bottom: auto;
+	}
+	.rtl & span.arrow {
+		border-left: 6px solid transparent;
+		border-right: 1px none transparent;
+		left: auto;
+		right: -6px;
+	}
+	&.no-arrow span.arrow {
+		display: none;
+	}
+}
+
+// Post body styles
+// ----------------------------------------
+.postbody {
+	padding: 0;
+	font-size: $font-size;
+	line-height: $line-height;
+	.postprofile + & {
+		float: $post-side;
+		margin-#{$profile-side}: -#{$post-margin};
+		.rtl & {
+			margin-#{$profile-side}: 0;
+			margin-#{$post-side}: -#{$post-margin};
+			float: $profile-side;
+		}
+		width: 100%;
+		position: relative;
+		.search & {
+			margin-#{$profile-side}: (-100px - $post-margin);
+			.rtl & {
+				margin-#{$profile-side}: 0;
+				margin-#{$post-side}: (-100px - $post-margin);
+			}
+		}
+	}
+}
+
+.postprofile + .postbody > div {
+	margin-#{$profile-side}: $post-margin;
+	&:only-child:after {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+	.rtl & {
+		margin-#{$profile-side}: 0;
+		margin-#{$post-side}: $post-margin;
+	}
+	.search & {
+		margin-#{$profile-side}: ($post-margin + 100px);
+		.rtl & {
+			margin-#{$profile-side}: 0;
+			margin-#{$post-side}: ($post-margin + 100px);
+		}
+	}
+}
+
+.postbody .ignore {
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+}
+
+.postbody h3.first {
+	// The first post on the page uses this
+}
+
+.postbody h3 {
+	// Postbody requires a different h3 format - so change it here
+	float: left;
+	font-size: $post-title-font-size;
+	padding: 2px 0 0 0;
+	margin-top: 0 !important;
+	margin-bottom: 0.3em !important;
+	text-transform: none;
+	border: none;
+	font-family: $post-title-font-family;
+	line-height: $post-title-line-height;
+	.rtl & {
+		float: right;
+	}
+}
+
+.postbody h3 img {
+	vertical-align: bottom;
+}
+
+.has-profile .postbody h3 {
+	// If there is a post-profile, we position the post-buttons differently
+	float: none !important;
+	margin-right: 180px;
+	.rtl & {
+		margin-right: 0;
+		margin-left: 180px;
+	}
+}
+
+.postbody .content {
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	overflow-x: auto;
+}
+
+.postbody img.postimage {
+	max-width: 100%;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+// Topic review panel
+// ----------------------------------------
+.panel .review {
+	margin-top: 2em;
+}
+
+.topicreview {
+	padding-right: 5px;
+	overflow: auto;
+	height: 300px;
+}
+
+.topicreview .postbody {
+	width: auto;
+	float: none;
+	margin: 0;
+	height: auto;
+}
+
+.topicreview .post {
+	height: auto;
+}
+
+.topicreview h2 {
+	border-bottom-width: 0;
+}
+
+.post-ignore .postbody {
+	display: none;
+}
+
+// MCP Post details
+// ----------------------------------------
+.post_details {
+	overflow: auto;
+	max-height: 300px;
+}
+
+// Content container styles
+// ----------------------------------------
+.content {
+	clear: both;
+	min-height: 3em;
+	overflow: hidden;
+	line-height: $post-content-line-height;
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	padding-bottom: 1px;
+}
+
+.content h2, .panel h2 {
+	font-weight: normal;
+	border-bottom: 1px solid transparent;
+	font-size: $panel-heading-font-size;
+	margin-top: 0.5em;
+	margin-bottom: 0.5em;
+	padding-bottom: 0.5em;
+	&.faq-title {
+		margin-top: 5px;
+	}
+}
+
+.panel h3 {
+	margin: 0.5em 0;
+}
+
+$panel-font-size:		$font-size + 2px !default;
+$panel-line-height:		$line-height !default;
+
+.panel p {
+	font-size: $panel-font-size;
+	margin-bottom: 1em;
+	line-height: $panel-line-height;
+}
+
+.content p {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	margin-bottom: 1em;
+	line-height: $post-content-line-height;
+}
+
+dl.faq {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	margin-top: 1em;
+	margin-bottom: 2em;
+	line-height: $post-content-line-height;
+}
+
+dl.faq dt {
+	font-family: $post-title-font-family;
+	font-size: $post-title-font-size;
+	line-height: $post-title-line-height;
+	font-weight: normal;
+	margin-bottom: 5px;
+}
+
+.content dl.faq {
+	@extend dl.faq;
+	margin-bottom: 0.5em;
+}
+
+.content li {
+	list-style-type: inherit;
+}
+
+.content ul, .content ol {
+	margin: 0.8em 0 0.9em 3em;
+}
+
+.posthilit {
+	padding: 0 2px 1px 2px;
+}
+
+// Post author
+p.author {
+	margin-bottom: 0.3em;
+	padding: 0 0 5px 0;
+	font-family: $font-family;
+	font-size: $font-size;
+	line-height: $line-height;
+	clear: both;
+}
+
+// Post signature
+.signature {
+	margin-top: 1.5em;
+	padding-top: 0.2em;
+	font-size: $post-signature-font-size;
+	border-top: 1px solid transparent;
+	clear: left;
+	font-family: $post-content-font-family;
+	line-height: $post-content-line-height;
+	overflow: hidden;
+	width: 100%;
+}
+
+.signature.standalone {
+	border-top-width: 0;
+	margin-top: 0;
+}
+
+dd .signature {
+	margin: 0;
+	padding: 0;
+	clear: none;
+	border: none;
+}
+
+.signature li {
+	list-style-type: inherit;
+}
+
+.signature ul, .signature ol {
+	margin: 0.8em 0 0.9em 3em;
+}
+
+// Post noticies
+.notice {
+	font-family: $post-content-font-family;
+	width: auto;
+	margin-top: 1.5em;
+	padding-top: 0.2em;
+	font-size: $post-content-font-size;
+	border-top: 1px dashed transparent;
+	clear: left;
+	line-height: $post-content-line-height;
+}
+
+// Jump to post link for now
+ul.searchresults {
+	list-style: none;
+	text-align: right;
+	clear: both;
+	@if $profile-side == right {
+		margin-right: ($post-margin + 100px);
+	}
+	.rtl & {
+		text-align: left;
+		@if $profile-side == right {
+			margin-right: 0;
+			margin-left: ($post-margin + 100px);
+		}
+	}
+}
+
+// BB Code styles
+// ----------------------------------------
+// Quote block
+blockquote {
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	font-size: $post-quote-font-size;
+	margin: 8px 12px;
+	overflow: hidden;
+	padding: 5px;
+	position: relative;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+/*blockquote:before {
+	position: absolute;
+	font-family: 'Trebuchet MS';
+	top: 5px;
+	left: 4px;
+	height: 16px;
+	font-size: 30px;
+	line-height: 30px;
+	pointer-events: none;
+}*/
+
+blockquote blockquote {
+	// Nested quotes
+	margin: 5px;
+}
+
+blockquote cite {
+	// Username/source of quoter
+	font-style: normal;
+	font-weight: bold;
+	display: block;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+}
+
+blockquote cite cite {
+}
+
+blockquote cite:before, .uncited:before {
+	padding-right: 5px;
+}
+
+blockquote cite > div {
+	float: right;
+	font-weight: normal;
+}
+
+.postbody .content li blockquote {
+	overflow: inherit;
+	margin-left: 0;
+}
+
+// Code block
+$post-code-line-height:		1.3 !default;
+
+.codebox {
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	margin: 8px 12px;
+	font-size: $post-code-font-size;
+	word-wrap: normal;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+.codebox p {
+	text-transform: uppercase;
+	border-bottom: 1px solid transparent;
+	margin-bottom: 3px;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size !important;
+	line-height: $post-block-title-line-height;
+	font-weight: bold;
+	display: block;
+}
+
+blockquote .codebox {
+	margin-left: 0;
+}
+
+.codebox code {
+	overflow: auto;
+	display: block;
+	height: auto;
+	max-height: 200px;
+	padding: 5px 3px;
+	font-family: Monaco, "Andale Mono","Courier New", Courier, mono;
+	font-size: $post-code-font-size;
+	line-height: $post-code-line-height;
+}
+
+// Attachments
+// ----------------------------------------
+.attachbox {
+	float: left;
+	width: auto;
+	max-width: 100%;
+	margin: 5px 5px 5px 0;
+	padding: 6px;
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	clear: left;
+	box-sizing: border-box;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+.attachbox dt {
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+	font-weight: 500;
+}
+
+.attachbox dd {
+	margin-top: 4px;
+	padding-top: 4px;
+	clear: left;
+	border-top: 1px solid transparent;
+	overflow-x: auto;
+}
+
+.attachbox dd dd {
+	border: none;
+}
+
+.attachbox p, .attachbox p.stats {
+	line-height: $post-content-line-height;
+	font-weight: normal;
+	clear: left;
+}
+
+.attach-image {
+	margin: 3px 0;
+	max-width: 100%;
+}
+
+.attach-image img {
+	// border: 1px solid transparent;
+//	cursor: move;
+	cursor: default;
+}
+
+// Inline image thumbnails
+div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
+	display: block;
+	margin-bottom: 4px;
+}
+
+div.inline-attachment p {
+	font-size: $post-quote-font-size;
+}
+
+dl.file {
+	font-family: $post-block-title-font-family;
+	display: block;
+}
+
+dl.file dt {
+	text-transform: none;
+	margin: 0;
+	padding: 0;
+	font-weight: bold;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+}
+
+dl.file dd {
+	margin: 0;
+	padding: 0;
+}
+
+dl.thumbnail img {
+	padding: 3px;
+	border: 1px solid transparent;
+	box-sizing: border-box;
+}
+
+dl.thumbnail dd {
+	font-style: italic;
+	font-family: $font-family;
+}
+
+.attachbox dl.thumbnail dd {
+	font-size: 100%;
+}
+
+dl.thumbnail dt a:hover img {
+	border: 1px solid transparent;
+}
+
+// Post poll styles
+// ----------------------------------------
+fieldset.polls {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dl {
+	margin: 0;
+	border: 1px solid transparent;
+	border-width: 1px 0;
+	padding: 5px 0;
+	line-height: $post-content-line-height;
+	&:first-child {
+		border-top-width: 0;
+	}
+	&:last-child {
+		border-bottom-width: 0;
+	}
+}
+
+fieldset.polls dl.voted {
+	font-weight: bold;
+}
+
+fieldset.polls dt {
+	text-align: left;
+	float: left;
+	display: block;
+	width: 30%;
+	border-right: none;
+	padding: 0;
+	margin: 0;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dd {
+	float: left;
+	width: 10%;
+	border-left: none;
+	padding: 0 5px;
+	margin-left: 0;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dd.resultbar {
+	width: 50%;
+}
+
+fieldset.polls dd input {
+	margin: 2px 0;
+}
+
+fieldset.polls dd div {
+	text-align: right;
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: bold;
+	font-size: .9em;
+	padding: 0 3px;
+	overflow: visible;
+	min-width: 8px;
+	border-radius: max(min($border-radius, 5px) - 1px, 0);
+}
+
+.vote-submitted {
+	font-size: $post-content-font-size + 2px;
+	font-weight: bold;
+	text-align: center;
+}
+
+// Poster profile block
+// ----------------------------------------
+.postprofile {
+	margin: 0;
+	padding: 5px 0;
+	min-height: 80px;
+	border: 0px solid transparent;
+	border-#{$post-side}-width: 1px;
+	width: $profile-width;
+	float: $profile-side;
+	position: relative;
+	box-sizing: border-box;
+	z-index: 2;
+	.rtl & {
+		float: $post-side;
+		border-width: 0;
+		border-#{$profile-side}-width: 1px;
+	}
+	.search & {
+		width: ($profile-width + 100px);
+	}
+}
+
+.postprofile dd, .postprofile dt {
+	font-size: $post-profile-font-size;
+	line-height: $post-profile-line-height;
+	margin-#{$post-side}: 8px;
+	.rtl & {
+		margin-#{$profile-side}: 8px;
+		margin-#{$post-side}: 0;
+	}
+}
+
+.postprofile dd {
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.postprofile strong {
+	font-weight: normal;
+}
+
+.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
+	margin-bottom: 10px;
+}
+
+// Post-profile avatars
+.postprofile .has-avatar .avatar-container {
+	margin-bottom: 3px;
+	overflow: hidden;
+}
+
+.postprofile .avatar {
+	display: block;
+	float: left;
+	max-width: 100%;
+	.rtl & {
+		float: right;
+	}
+}
+
+.postprofile .avatar img {
+	display: block;
+	height: auto !important;
+	max-width: 100%;
+}
+
+.postprofile .profile-posts a {
+	font-weight: normal;
+}
+
+dd.profile-warnings {
+	font-weight: bold;
+}
+
+dd.profile-contact {
+	overflow: visible;
+}
+
+.profile-contact .dropdown-container {
+	display: inline-block;
+}
+
+.profile-contact .icon_contact {
+	vertical-align: middle;
+}
+
+.profile-contact .dropdown {
+	margin-right: -14px;
+}
+
+.online-ribbon {
+	display: block;
+	width: 70px;
+	height: 70px;
+	position: absolute;
+	overflow: hidden;
+	top: 0;
+	#{$profile-side}: 0;
+	pointer-events: none;
+
+	.rtl & {
+		#{$profile-side}: auto;
+		#{$post-side}: 0;
+	}
+
+	span {
+		display: block;
+		font-weight: 500;
+		font-style: normal;
+		width: 100px;
+		font-size: 11px;
+		line-height: 18px;
+		height: 18px;
+		text-align: center;
+		position: absolute;
+		top: 17px;
+		white-space: nowrap;
+		#{$profile-side}: -25px;
+
+		@if $profile-side == left {
+			-webkit-transform: rotate(-45deg);
+			-ms-transform: rotate(-45deg);
+			transform: rotate(-45deg);
+		}
+		@else {
+			-webkit-transform: rotate(45deg);
+			-ms-transform: rotate(45deg);
+			transform: rotate(45deg);
+		}
+
+		+ span {
+			opacity: .75;
+			z-index: 29;
+		}
+
+		.rtl & {
+			#{$profile-side}: auto;
+			#{$post-side}: -25px;
+
+			@if $profile-side == right {
+				-webkit-transform: rotate(-45deg);
+				-ms-transform: rotate(-45deg);
+				transform: rotate(-45deg);
+			}
+			@else {
+				-webkit-transform: rotate(45deg);
+				-ms-transform: rotate(45deg);
+				transform: rotate(45deg);
+			}
+		}
+	}
+}
+
+.panel.online > .inner {
+	position: relative;
+	z-index: 2;
+}
+
+.no-avatar .avatar-container {
+	display: block;
+	width: 92px;
+	height: 92px;
+	background: transparent none 50% 50% no-repeat;
+	background-size: cover;
+}
+
+// Profile used on view-profile
+.profile-avatar img {
+	max-width: 100%;
+}
+
+// pm list in compose message if mass pm is enabled
+dl.pmlist dt {
+	width: 60% !important;
+}
+
+dl.pmlist dt textarea {
+	width: 95%;
+}
+
+dl.pmlist dd {
+	margin-left: 61% !important;
+	margin-bottom: 2px;
+}
+
+.action-bar div.dl_links {
+	padding: 10px 0 0 10px;
+}
+
+div.dl_links {
+	display: inline-block;
+	text-transform: none;
+}
+
+.dl_links strong {
+	font-weight: bold;
+}
+
+.dl_links ul {
+	list-style-type: none;
+	margin: 0;
+	display: inline-block;
+}
+
+.dl_links li {
+	display: inline-block;
+}
+
+.attachment-filename {
+	width: 100%;
+}
+
+.ellipsis-text {
+	display: inline-block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+table.fixed-width-table {
+	table-layout: fixed;
+}
+
+// Show scrollbars for items with overflow on iOS devices
+// ----------------------------------------
+.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+	width: 8px;
+	height: 8px;
+	-webkit-appearance: none;
+	border-radius: 3px;
+}
+
+.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+	border-radius: 3px;
+}
+
+#memberlist tr.inactive, #team tr.inactive {
+	font-style: italic;
+}
+
+//
+// Extensions
+//
+
+// Thanks for posts
+a.post {
+	display: inline !important;
+	background: none !important;
+	box-shadow: none !important;
+	border: none !important;
+}
diff --git a/simplicity_gray/theme/common/_cp.scss b/simplicity_gray/theme/common/_cp.scss
new file mode 100644
index 0000000..cfbb15e
--- /dev/null
+++ b/simplicity_gray/theme/common/_cp.scss
@@ -0,0 +1,440 @@
+// Control Panel Styles
+// ----------------------------------------
+
+
+// Main CP box
+// ----------------------------------------
+.cp-menu {
+	float:left;
+	width: 19%;
+	margin: 0 -2px;
+	padding-right: 7px;
+	box-sizing: border-box;
+	.rtl & {
+		float: right;
+		padding-left: 7px;
+		padding-right: 0;
+	}
+}
+
+.cp-main {
+	float: left;
+	width: 81%;
+	.rtl & {
+		float: right;
+	}
+}
+
+.cp-main .content {
+	padding: 0;
+}
+
+.panel-container .panel {
+	margin-bottom: 10px;
+}
+
+.panel-container .panel p {
+	font-size: $panel-font-size;
+	line-height: $panel-line-height;
+}
+
+.panel-container .panel ol {
+	margin-left: 2em;
+	font-size: $panel-font-size;
+}
+
+.panel-container .panel li.row {
+	border-bottom: 1px solid transparent;
+	border-top: 1px solid transparent;
+}
+
+ul.cplist {
+	margin-bottom: 5px;
+	border-top: 1px solid transparent;
+}
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+	margin-bottom: 2px;
+}
+
+.panel-container table.table1 {
+	margin-bottom: 1em;
+}
+
+.panel-container table.table1 thead th {
+	@include table-heading-transparent;
+	padding: 5px;
+	font-weight: bold;
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.panel-container table.table1 tbody th {
+	font-style: italic;
+	background-color: transparent !important;
+	border-bottom: none;
+}
+
+.cp-main .pm-message {
+	border: 1px solid transparent;
+	margin: 10px 0;
+	width: auto;
+	float: none;
+}
+
+.pm-message h2 {
+	padding-bottom: 5px;
+}
+
+.cp-main .postbody h3, .cp-main .box2 h3 {
+	margin-top: 0;
+}
+
+.panel-container .postbody p.author {
+	font-size: $font-size;
+}
+
+.cp-main .buttons {
+	margin-left: 0;
+}
+
+.cp-main ul.linklist {
+	margin: 0;
+}
+
+// MCP Specific tweaks
+.mcp-main .postbody {
+	width: 100%;
+}
+
+.tabs-container h2 {
+	float: left;
+	margin-bottom: 0px;
+}
+
+// CP tabs shared
+// ----------------------------------------
+.tabs, .minitabs {
+	line-height: normal;
+}
+
+.tabs > ul, .minitabs > ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	position: relative;
+}
+
+.tabs .tab, .minitabs .tab {
+	display: block;
+	float: left;
+	font-size: $tab-font-size;
+	font-weight: bold;
+	line-height: $tab-line-height;
+}
+
+.tabs .tab > a, .minitabs .tab > a {
+	display: block;
+	padding: 0 9px;
+	position: relative;
+	text-decoration: none;
+	white-space: nowrap;
+	cursor: pointer;
+	font-size: inherit;
+	line-height: inherit;
+}
+
+// CP tabbed menu
+// ----------------------------------------
+.tabs {
+	margin: 20px 0 0 7px;
+}
+
+.tabs .tab > a {
+	border: 1px solid transparent;
+	border-radius: 4px 4px 0 0;
+	margin: 1px 1px 0 0;
+}
+
+.tabs .activetab > a {
+	margin-top: 0;
+	padding-bottom: 2px;
+}
+
+// Mini tabbed menu used in MCP
+// ----------------------------------------
+.minitabs {
+	float: right;
+	margin: 15px 7px 0 0;
+	max-width: 50%;
+}
+
+.minitabs .tab {
+	float: right;
+}
+
+.minitabs .tab > a {
+	border-radius: 5px 5px 0 0;
+	margin-left: 2px;
+}
+
+.minitabs .tab > a:hover {
+	text-decoration: none;
+}
+
+// Responsive tabs
+// ----------------------------------------
+.responsive-tab {
+	position: relative;
+}
+
+a.responsive-tab-link {
+	.responsive-tab > & {
+		display: block;
+		font-size: 16px;
+		position: relative;
+		width: 16px;
+		line-height: 14px;
+		text-decoration: none;
+	}
+	.responsive-tab > &:before {
+		content: '\f0c9';	// fa-bars
+		font-family: FontAwesome;
+		position: absolute;
+		left: 10px;
+		top: 50%;
+		margin-top: -7px;
+		width: 14px;
+		font-size: 13px;
+		line-height: 15px;
+		height: 15px;
+		text-align: center;
+		font-weight: normal;
+		font-style: normal;
+		text-indent: 0;
+	}
+	.dropdown-visible.responsive-tab > &:before,
+	.responsive-tab > &:hover:before {
+		font-family: FontAwesome;
+		content: '\f078';	// fa-chevron-down
+	}
+}
+
+.tabs .dropdown, .minitabs .dropdown {
+	top: $tab-line-height + 2px;
+	margin-right: -2px;
+	font-size: $dropdown-content-font-size;
+	line-height: $dropdown-content-line-height;
+	font-weight: normal;
+}
+
+.minitabs .dropdown {
+	margin-right: -4px;
+}
+
+.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
+	bottom: $tab-line-height + 2px;
+	top: auto;
+}
+
+.tabs .dropdown li {
+	text-align: right;
+}
+
+.minitabs .dropdown li {
+	text-align: left;
+}
+
+// UCP navigation menu
+// ----------------------------------------
+// Container for sub-navigation list
+.navigation {
+	width: 100%;
+	hr {
+		display: none;
+		+ ul {
+			margin-top: 10px;
+		}
+	}
+}
+
+.navigation ul {
+	list-style: none;
+}
+
+// Default list state
+.navigation li {
+	display: inline;
+	font-weight: bold;
+	margin: 1px 0;
+	padding: 0;
+}
+
+// Link styles for the sub-section links
+.navigation a {
+	display: block;
+	padding: 5px;
+	margin: 2px 0;
+	border-radius: max(0px, $border-radius - 2px);
+	text-decoration: none;
+	font-size: $font-size;
+	line-height: $line-height;
+}
+
+.navigation a:hover {
+	text-decoration: none;
+}
+
+// Preferences pane layout
+// ----------------------------------------
+.cp-main h2 {
+	border-bottom: none;
+	padding: 0;
+	margin-left: 10px;
+}
+
+// Friends list
+.cp-mini {
+	margin: 10px 15px 10px 5px;
+	max-height: 200px;
+	overflow-y: auto;
+	padding: 5px 10px;
+	border-radius: $border-radius;
+}
+
+dl.mini dt {
+	font-weight: bold;
+}
+
+dl.mini dd {
+	padding-top: 4px;
+}
+
+.friend-online {
+	font-weight: bold;
+}
+
+.friend-offline {
+	font-style: italic;
+}
+
+// PM Styles
+// ----------------------------------------
+// Defined rules list for PM options
+ol.def-rules {
+	padding-left: 0;
+}
+
+ol.def-rules li {
+	line-height: 180%;
+	padding: 1px;
+}
+
+// PM marking colours
+.pmlist li.bg1 {
+	padding: 0 3px;
+}
+
+.pmlist li.bg2 {
+	padding: 0 3px;
+}
+
+/* DEPRECATED 3.2.6
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: transparent;
+	border-right-color: transparent;
+}
+*/
+
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour,
+.pmlist li.pm_marked_colour, .pm_marked_colour,
+.pmlist li.pm_replied_colour, .pm_replied_colour,
+.pmlist li.pm_friend_colour, .pm_friend_colour,
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+	padding: 0;
+	border: solid 3px transparent;
+	border-width: 0 3px;
+}
+
+.pm-legend {
+	border-left-width: 10px;
+	border-left-style: solid;
+	border-right-width: 0;
+	margin-bottom: 3px;
+	padding-left: 3px;
+}
+
+// Avatar gallery
+.gallery label {
+	position: relative;
+	float: left;
+	margin: 10px;
+	padding: 5px;
+	width: auto;
+	border: 1px solid transparent;
+	text-align: center;
+}
+
+// Responsive *CP navigation
+// ----------------------------------------
+@media (max-width: 900px)
+{
+	.nojs .tabs a span, .nojs .minitabs a span {
+		max-width: 40px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		letter-spacing: -.5px;
+	}
+
+	.cp-menu, .navigation, .cp-main {
+		float: none;
+		width: auto;
+		margin: 0;
+	}
+
+	.cp-menu:after {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+
+	.navigation {
+		padding: 0;
+		max-width: 320px;
+		.cp-menu & {
+			margin: 0 10px;
+			float: left;
+			@media (max-width: 450px) {
+				float: none;
+				margin: 0 auto;
+			}
+		}
+		&, .cp-menu &:only-child {
+			float: none;
+			margin: 0 auto;
+		}
+		.cp-menu & + .cp-mini {
+			float: left;
+			margin: 0 10px;
+			max-width: 220px;
+			@media (max-width: 450px) {
+				float: none;
+				margin: 10px auto 0;
+			}
+		}
+	}
+
+	.navigation a {
+		background-image: none;
+	}
+
+	.navigation li:first-child a {
+		border-top-left-radius: 5px;
+		border-top-right-radius: 5px;
+	}
+
+	.navigation li:last-child a {
+		border-bottom-left-radius: 5px;
+		border-bottom-right-radius: 5px;
+	}
+}
diff --git a/simplicity_gray/theme/common/_forms.scss b/simplicity_gray/theme/common/_forms.scss
new file mode 100644
index 0000000..80a6269
--- /dev/null
+++ b/simplicity_gray/theme/common/_forms.scss
@@ -0,0 +1,459 @@
+// Form Styles
+// ----------------------------------------
+
+// General form styles
+// ----------------------------------------
+$input-font-size:		$font-size + 1px !default;
+$input-font-family:		$font-family !default;
+
+fieldset {
+	border-width: 0;
+	font-family: $font-family;
+	font-size: $font-size;
+}
+
+input {
+	font-weight: normal;
+	vertical-align: middle;
+	padding: 0 3px;
+	font-size: $input-font-size;
+	font-family: $input-font-family;
+}
+
+select {
+	font-family: $input-font-family;
+	font-weight: normal;
+	cursor: pointer;
+	vertical-align: middle;
+	border: 1px solid transparent;
+	border-radius: $input-border-radius;
+	padding: 1px;
+	font-size: $input-font-size;
+}
+
+select:focus {
+	outline-style: none;
+}
+
+option {
+	padding-right: 1em;
+}
+
+select optgroup option {
+	padding-right: 1em;
+	font-family: $input-font-family;
+}
+
+textarea {
+	font-family: $post-content-font-family;
+	width: 60%;
+	padding: 2px;
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	border-radius: $input-border-radius;
+	-webkit-appearance: none;
+}
+
+label {
+	cursor: default;
+	padding-right: 5px;
+}
+
+label input {
+	vertical-align: middle;
+}
+
+label img {
+	vertical-align: middle;
+}
+
+// Definition list layout for forms
+// ----------------------------------------
+fieldset dl {
+	padding: 4px 0;
+}
+
+fieldset dt {
+	float: left;
+	width: 40%;
+	text-align: left;
+	display: block;
+}
+
+fieldset dd {
+	margin-left: 41%;
+	vertical-align: top;
+	margin-bottom: 3px;
+}
+
+// Specific layout 1
+fieldset.fields1 dt {
+	width: 15em;
+	border-right-width: 0;
+}
+
+fieldset.fields1 dd {
+	margin-left: 15em;
+	border-left-width: 0;
+}
+
+fieldset.fields1 div {
+	margin-bottom: 3px;
+}
+
+// Set it back to 0px for the reCaptcha divs: PHPBB3-9587
+fieldset.fields1 .live-search div {
+	margin-bottom: 0;
+}
+
+// Specific layout 2
+fieldset.fields2 dt {
+	width: 15em;
+	border-right-width: 0;
+}
+
+fieldset.fields2 dd {
+	margin-left: 16em;
+	border-left-width: 0;
+}
+
+// Form elements
+dt label {
+	font-weight: bold;
+	text-align: left;
+}
+
+dd label {
+	white-space: nowrap;
+}
+
+dd input, dd textarea {
+	margin-right: 3px;
+}
+
+dd select {
+	width: auto;
+}
+
+dd select[multiple] {
+	width: 100%;
+}
+
+dd textarea {
+	width: 85%;
+}
+
+// Hover effects
+.timezone {
+	width: 95%;
+}
+
+/* Browser-specific tweaks */
+button::-moz-focus-inner {
+	padding: 0;
+	border: 0
+}
+
+
+// Quick-login on index page
+fieldset.quick-login {
+	margin-top: 5px;
+}
+
+fieldset.quick-login input {
+	width: auto;
+}
+
+fieldset.quick-login input.inputbox {
+	width: 15%;
+	vertical-align: middle;
+	margin-right: 5px;
+}
+
+fieldset.quick-login label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+// Display options on viewtopic/viewforum pages
+fieldset.display-options {
+	text-align: center;
+	margin: 3px 0 5px 0;
+}
+
+fieldset.display-options label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+fieldset.display-options a {
+	margin-top: 3px;
+}
+
+.dropdown fieldset.display-options {
+	font-size: 1em;
+	margin: 0;
+	padding: 0;
+}
+
+.dropdown fieldset.display-options label {
+	display: block;
+	margin: 4px;
+	padding: 0;
+	text-align: right;
+	white-space: nowrap;
+}
+
+.dropdown fieldset.display-options select {
+	min-width: 120px;
+}
+
+// Display actions for ucp and mcp pages
+fieldset.display-actions {
+	text-align: right;
+	line-height: 2em;
+	white-space: nowrap;
+	padding-right: 1em;
+}
+
+fieldset.display-actions label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+fieldset.sort-options {
+	line-height: 2em;
+}
+
+// MCP forum selection
+fieldset.forum-selection {
+	margin: 5px 0 3px 0;
+	float: right;
+}
+
+fieldset.forum-selection2 {
+	margin: 13px 0 3px 0;
+	float: right;
+}
+
+// Submit button fieldset
+fieldset.submit-buttons {
+	text-align: center;
+	vertical-align: middle;
+	margin: 5px 0;
+}
+
+fieldset.submit-buttons input {
+	vertical-align: middle;
+}
+
+// Posting page styles
+// ----------------------------------------
+
+// Buttons used in the editor
+.format-buttons {
+	margin: 15px 0 2px 0;
+}
+
+.format-buttons input, .format-buttons select {
+	vertical-align: middle;
+}
+
+// Main message box
+.message-box {
+	width: 80%;
+}
+
+.message-box textarea {
+	font-family: $post-content-font-family;
+	width: 450px;
+	height: 270px;
+	min-width: 100%;
+	max-width: 100%;
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	resize: vertical;
+	outline: 3px dashed transparent;
+	outline-offset: -4px;
+	-webkit-transition: all .5s ease, height 1ms linear;
+	-moz-transition: all .5s ease, height 1ms linear;
+	-ms-transition: all .5s ease, height 1ms linear;
+	-o-transition: all .5s ease, height 1ms linear;
+	transition: all .5s ease, height 1ms linear;
+}
+
+// Emoticons panel
+.smiley-box {
+	width: 18%;
+	float: right;
+}
+
+.smiley-box img {
+	margin: 3px;
+}
+
+// Input field styles
+// ----------------------------------------
+.inputbox {
+	border: 1px solid transparent;
+	padding: 2px;
+	border-radius: $input-border-radius;
+	-webkit-appearance: none;
+}
+
+.inputbox:hover, .inputbox:focus {
+	border: 1px solid transparent;
+	outline-style: none;
+}
+
+input.inputbox	{ width: 85%; }
+input.medium	{ width: 50%; }
+input.narrow	{ width: 25%; }
+input.tiny	{ width: 150px; }
+
+textarea.inputbox {
+	width: 85%;
+}
+
+.autowidth {
+	width: auto !important;
+}
+
+input[type="number"] {
+	-moz-padding-end: 0;
+}
+
+input[type="search"] {
+	-webkit-appearance: none;
+	-webkit-box-sizing: content-box;
+}
+
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
+	display: none;
+}
+
+input[type="search"]::-webkit-search-cancel-button {
+	cursor: pointer;
+}
+
+// Form button styles
+// ----------------------------------------
+input.button1, input.button2 {
+	font-size: $input-button-font-size;
+}
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+	width: auto !important;
+	padding-top: 1px;
+	padding-bottom: 1px;
+	font-family: $input-button-font-family;
+	background: transparent none repeat-x top left;
+	line-height: 1.5;
+	border-radius: $button-border-radius;
+	font-size: $input-button-font-size;
+	.format-buttons & {
+		font-size: $bbcode-button-font-size;
+	}
+}
+
+a.button1, input.button1 {
+	font-weight: bold;
+	border: 1px solid transparent;
+}
+
+input.button3 {
+	padding: 0;
+	margin: 0;
+	line-height: 5px;
+	height: 12px;
+	background-image: none;
+	font-variant: small-caps;
+}
+
+input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li {
+	cursor: pointer;
+}
+
+// Alternative button
+a.button2, input.button2, input.button3 {
+	border: 1px solid transparent;
+}
+
+// <a> button in the style of the form buttons
+a.button1, a.button2 {
+	text-decoration: none;
+	padding: 0 3px;
+	vertical-align: text-bottom;
+}
+
+// Hover states
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+	border: 1px solid transparent;
+}
+
+input.disabled {
+	font-weight: normal;
+}
+
+// Focus states
+input.button1:focus, input.button2:focus, input.button3:focus {
+	outline-style: none;
+}
+
+// Topic and forum Search
+.search-box {
+	float: left;
+}
+
+.search-box .inputbox {
+	background-image: none;
+	border-right-width: 0;
+	border-radius: $big-button-border-radius 0 0 $big-button-border-radius;
+	float: left;
+	height: $button-outer-height;
+	padding: 3px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	.rtl & {
+		border-radius: 0 $big-button-border-radius $big-button-border-radius 0;
+	}
+}
+
+// Search box (header)
+// ---------------------------------------------
+.search-header {
+	border-radius: $big-button-border-radius;
+	display: block;
+	border: 1px solid transparent;
+	.navbar.with-search & {
+		margin-top: 1px;
+	}
+	@if $tabbed-navigation {
+		.navbar.not-static + .navbar.with-search & {
+			&, & a.button, & .inputbox {
+				border-radius: 0;
+			}
+			margin-right: -3px;
+			.rtl & {
+				margin-right: 0;
+				margin-left: -3px;
+			}
+		}
+	}
+	.headerbar & {
+		position: absolute;
+		top: 50%;
+		right: 5px;
+		margin-top: -13px;
+	}
+}
+
+.search-header .inputbox { border: 0; }
+
+.navbar .linklist > li.responsive-search { display: none; }
+
+.full { width: 95%; }
+.medium { width: 50%;}
+.narrow { width: 25%;}
+.tiny { width: 10%;}
diff --git a/simplicity_gray/theme/common/_icons.scss b/simplicity_gray/theme/common/_icons.scss
new file mode 100644
index 0000000..3ac5984
--- /dev/null
+++ b/simplicity_gray/theme/common/_icons.scss
@@ -0,0 +1,96 @@
+/* --------------------------------------------------------------
+	$Icons
+-------------------------------------------------------------- */
+
+/* Global module setup
+--------------------------------*/
+
+/* Renamed version of .fa class for agnostic usage of icon fonts.
+ * Just change the name of the font after the 14/1 to the name of
+ * the font you wish to use.
+ */
+.icon, .button .icon, blockquote cite:before, .uncited:before {
+	display: inline-block;
+  	font-weight: normal;
+  	font-style: normal;
+  	font-variant: normal;
+  	font-family: FontAwesome;
+  	font-size: 14px;
+  	line-height: 1;
+  	text-rendering: auto; /* optimizelegibility throws things off #1094 */
+  	-webkit-font-smoothing: antialiased;
+  	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon:before { padding-right: 2px; }
+
+.button .icon:before {
+	padding-right: 0;
+}
+
+/* Icon size classes - Default size is 14px, use these for small variations */
+
+.icon.icon-xl {
+	font-size: 20px;
+}
+
+.icon.icon-lg {
+	font-size: 16px;
+}
+
+.icon.icon-md {
+	font-size: 10px;
+}
+
+.icon.icon-sm {
+	font-size: 8px;
+}
+
+/* icon modifiers */
+.icon-tiny {
+	width: 12px;
+	transform: scale(0.65, 0.75);
+	vertical-align: text-bottom;
+	font-size: 16px;
+}
+
+.arrow-left .icon {
+	float: left;
+}
+
+.arrow-left:hover .icon {
+	margin-left: -5px;
+	margin-right: 5px;
+}
+
+.arrow-right .icon {
+	float: right;
+}
+
+.arrow-right:hover .icon {
+	margin-left: 5px;
+	margin-right: -5px;
+}
+
+.post-buttons .dropdown-contents .icon {
+    float: right;
+    margin-left: 5px;
+}
+
+.alert_close .icon:before {
+	padding: 0;
+    border-radius: 50%;
+    width: 11px;
+    display: block;
+    line-height: .9;
+    height: 12px;
+}
+
+blockquote cite:before, .uncited:before {
+	content: '\f10d'; /* Font Awesome quote-left */
+}
+
+.rtl blockquote cite:before, .rtl .uncited:before {
+	content: '\f10e'; /* Font Awesome quote-right */
+}
+
diff --git a/simplicity_gray/theme/common/_imageset.scss b/simplicity_gray/theme/common/_imageset.scss
new file mode 100644
index 0000000..8b4d1dd
--- /dev/null
+++ b/simplicity_gray/theme/common/_imageset.scss
@@ -0,0 +1,278 @@
+// Icon images
+// ----------------------------------------
+%icon-image {
+	position: relative;
+	background-image: none;
+	&:after {
+		content: '';
+		position: absolute;
+		top: 50%;
+		left: 0;
+		height: 14px;
+		margin-top: -7px;
+		text-align: center;
+		font-size: 12px;
+		line-height: 14px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+	&.small-icon:after {
+		width: 18px;
+		text-align: center;
+	}
+}
+
+%icon-image-fa {
+	@extend %icon-image;
+	&:after {
+		font-family: FontAwesome;
+	}
+}
+
+%icon-search-old {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f002';	// fa-search
+	}
+}
+
+%icon-search-new {
+	@extend %icon-search-old;
+}
+
+%icon-search-misc {
+	@extend %icon-search-old;
+}
+
+.icon-acp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f085';	// fa-cogs
+	}
+}
+.icon-bookmark {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f02e';	// fa-bookmark
+		margin-left: -1px;
+		margin-right: -1px;
+	}
+}
+.icon-bump {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f079';	// fa-retweet
+	}
+}
+.icon-contact {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0e0';	// fa-envelope
+	}
+}
+.icon-delete-cookies {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f014';	// fa-trash-o
+	}
+}
+.icon-download {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f019';	// fa-download
+	}
+}
+.icon-faq {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f059';	// fa-question-circle
+	}
+}
+.icon-home {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f015';	// fa-home
+	}
+	&.breadcrumbs:after {
+		text-align: left;
+	}
+}
+.icon-logout {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f08b';	// fa-sign-out
+	}
+}
+.icon-login {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f090';	// fa-sign-in
+	}
+}
+.icon-mark {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f046';	// fa-check-square-o
+	}
+}
+.icon-mcp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0e3';	// fa-gavel
+	}
+}
+.icon-members {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+	&:before {
+		@extend .icon-members:after;
+		display: block;
+		font-size: 10px;
+		padding: 0;
+		padding-left: 4px;
+		padding-top: 1px;
+		opacity: .7;
+	}
+}
+ul.linklist.bulletin > li.small-icon.icon-members:before { 
+	@extend .icon-members:before; 
+}
+.icon-notification {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0a2';	// fa-bell-o
+	}
+	&.non-zero:after {
+		content: '\f0f3';	// fa-bell
+	}
+}
+.icon-pages {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0c5';	// fa-copy
+	}
+}
+.icon-pm {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f003';	// fa-envelope-o
+	}
+	&.non-zero:after {
+		content: '\f0e0';	// fa-envelope
+	}
+}
+.icon-print {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f02f';	// fa-print
+	}
+}
+.icon-profile {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+}
+.icon-register{
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f234';	// fa-user-plus
+	}
+}
+.icon-search				{ @extend %icon-search-old; }
+.icon-search-active			{ @extend %icon-search-old; }
+.icon-search-advanced		{ @extend %icon-search-old; }
+.icon-search-new			{ @extend %icon-search-new; }
+.icon-search-self			{ @extend %icon-search-misc; }
+.icon-search-unanswered		{ @extend %icon-search-new; }
+.icon-search-unread			{ @extend %icon-search-new; }
+.icon-sendemail {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f003';	// fa-envelope-o
+	}
+}
+.icon-subscribe {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f05d';	// fa-check-circle-o
+	}
+}
+.icon-team {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+	&:before {
+		@extend .icon-team:after;
+		display: block;
+		font-size: 10px;
+		padding: 0;
+		white-space: nowrap;
+		padding-top: 1px;
+		opacity: .7;
+		content: '\f007\f007';	// fa-user fa-user
+	}
+}
+ul.linklist.bulletin > li.small-icon.icon-team:before { @extend .icon-team:before; }
+.icon-ucp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0ad';	// fa-wrench
+	}
+}
+.icon-unsubscribe {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f05c';	// times-circle-o
+	}
+}
+.icon-new-posts {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f086';	// fa-comments
+	}
+}
+.icon-forums {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f075';	// fa-comment
+	}
+}
+.icon-chat {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f086';	// fa-comments
+	}
+}
+.icon-time {
+	@extend %icon-image-fa;
+	&:after {
+		// content: '\E055';	// glyphicons-clock
+		content: '\f017';	// fa-clock-o
+	}
+}
+
+
+// Thanks for posts mod
+.icon-thanks {
+	background-image: none !important;
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f087';	// fa-thumbs-o-up
+	}
+}
+
+.icon-thanks_toplist {
+	background-image: none !important;
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f005';	// fa-star
+	}
+}
\ No newline at end of file
diff --git a/simplicity_gray/theme/common/_links.scss b/simplicity_gray/theme/common/_links.scss
new file mode 100644
index 0000000..495e240
--- /dev/null
+++ b/simplicity_gray/theme/common/_links.scss
@@ -0,0 +1,249 @@
+// Link Styles
+// ----------------------------------------
+
+// Links adjustment to correctly display an order of rtl/ltr mixed content
+a {
+	direction: ltr;
+	unicode-bidi: embed;
+	text-decoration: none;
+	/* we use links inline more often then not so to address several bugs with
+	IE and some other browsers we render all links as inlineblock by default */
+	display: inline-block;
+}
+
+// Coloured usernames
+.username-coloured {
+	font-weight: bold;
+	display: inline !important;
+	padding: 0 !important;
+}
+
+span.username-coloured {
+		margin-left: 10px;
+}
+
+// Links on gradient backgrounds
+.forumbg .header a, .forabg .header a, th a {
+	text-decoration: none;
+}
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+	text-decoration: underline;
+}
+
+// Notification mark read link
+.dropdown-extended a.mark_read {
+	display: block;
+	opacity: .2;
+	position: absolute;
+	z-index: 2;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	width: 30px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	transition: opacity .2s;
+}
+
+.dropdown-extended li:hover a.mark_read {
+	opacity: .85;
+}
+
+.dropdown-extended li a.mark_read:hover {
+	opacity: 1;
+}
+
+.dropdown-extended a.mark_read:after {
+	width: auto;
+	left: 4px;
+	right: 0;
+	font-size: 16px;
+}
+
+.jumpbox-cat-link,
+.jumpbox-forum-link { font-weight: bold; }
+
+// Links for forum/topic lists
+a.forumtitle {
+	display: inline-block;
+	font-family: $forum-link-font-family;
+	font-size: $forum-link-font-size;
+	line-height: $forum-link-line-height;
+	font-weight: 500;
+	padding-bottom: 2px;
+	text-decoration: none;
+	&:hover {
+		text-decoration: underline;
+	}
+}
+
+a.topictitle {
+	@extend a.forumtitle;
+	font-family: $topic-link-font-family;
+	font-size: $topic-link-font-size;
+}
+
+a.lastsubject {
+	font-weight: bold;
+	text-decoration: none;
+}
+
+a.lastsubject:hover {
+	text-decoration: underline;
+}
+
+// Profile links
+.postprofile a, .postprofile dt.author a {
+	font-weight: bold;
+	text-decoration: none;
+}
+
+.postprofile a:hover, .postprofile dt.author a:hover {
+	text-decoration: underline;
+}
+
+// Profile searchresults
+.search .postprofile a {
+	text-decoration: none;
+	font-weight: normal;
+}
+
+.search .postprofile a:hover {
+	text-decoration: underline;
+}
+
+.top {
+	font-size: 12px;
+	text-decoration: none;
+	margin-top: 10px;
+}
+
+// Back to top of page
+.back2top {
+	clear: both;
+	.post > & {
+		position: relative;
+		right: 5px;
+		bottom: 5px;
+		.rtl & {
+			right: auto;
+			left: 5px;
+		}
+	}
+}
+
+.back2top .top {
+	float: right;
+	margin-top: 0;
+}
+
+a.top, a.top2 {
+	position: relative;
+}
+
+// Arrow links
+%arrow {
+	position: relative;
+	&:after {
+		position: absolute;
+		top: 50%;
+		margin-top: -5px;
+		text-align: center;
+		font-family: FontAwesome;
+		font-size: 8px;
+		line-height: 10px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+}
+
+a.arrow-up {
+	@extend %arrow;
+	&:after {
+		content: '\f077';	// fa-chevron-up
+		left: 0;
+	}
+	.rtl &:after {
+		left: auto;
+		right: 0;
+	}
+}
+a.arrow-down {
+	@extend %arrow;
+	&:after {
+		content: '\f078';	// fa-chevron-down
+		right: 0;
+		padding-top: 1px;
+	}
+	.rtl &:after {
+		right: auto;
+		left: 0;
+	}
+}
+
+a.arrow-up {
+	padding-left: 10px;
+	text-decoration: none;
+	border-bottom-width: 0;
+}
+
+a.arrow-down {
+	padding-right: 10px;
+}
+
+a.arrow-down:hover {
+	text-decoration: none;
+}
+
+a.arrow-left:hover {
+	text-decoration: none;
+}
+
+a.arrow-right:hover {
+	text-decoration: none;
+}
+
+// invisible skip link, used for accessibility
+.skiplink {
+	position: absolute;
+	left: -999px;
+	width: 990px;
+}
+
+// Feed icon in forumlist_body.html
+a.feed-icon-forum {
+	float: right;
+	margin: 3px;
+	width: 16px;
+	height: 16px;
+	position: relative;
+}
+
+.topiclist.forums a.feed-icon-forum {
+	margin-top: 12px;
+}
+
+a.feed-icon-forum:after {
+	content: '\f09e';	// fa-rss
+	position: absolute;
+	left: 0;
+	right: 0;
+	width: 16px;
+	height: 16px;
+	font-family: FontAwesome;
+	font-size: 14px;
+	font-weight: normal;
+	font-style: normal;
+	line-height: 16px;
+	text-align: center;
+}
+
+a.top-anchor {
+	display: block;
+}
diff --git a/simplicity_gray/theme/common/_normalize.scss b/simplicity_gray/theme/common/_normalize.scss
new file mode 100644
index 0000000..31ef98e
--- /dev/null
+++ b/simplicity_gray/theme/common/_normalize.scss
@@ -0,0 +1,414 @@
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
+ */
+
+html {
+	font-family: sans-serif; /* 1 */
+	-ms-text-size-adjust: 100%; /* 2 */
+	-webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+	margin: 0;
+}
+
+/* HTML5 display definitions
+	 ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+	display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+	display: inline-block; /* 1 */
+	vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+	display: none;
+	height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+	display: none;
+}
+
+/* Links
+	 ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+	background-color: transparent;
+}
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+
+a:active,
+a:hover {
+	outline: 0;
+}
+
+/* Text-level semantics
+	 ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+	border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+	font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+	font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+	font-size: 2em;
+	margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+	background: #ff0;
+	color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+	font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sup {
+	top: -0.5em;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+/* Embedded content
+	 ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+	border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+	overflow: hidden;
+}
+
+/* Grouping content
+	 ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+	margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+	box-sizing: content-box;
+	height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+	overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+	font-family: monospace, monospace;
+	font-size: 1em;
+}
+
+/* Forms
+	 ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+	color: inherit; /* 1 */
+	font: inherit; /* 2 */
+	margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+	overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+	text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+	-webkit-appearance: button; /* 2 */
+	cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+	cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+	border: 0;
+	padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+	line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+	box-sizing: border-box; /* 1 */
+	padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+	height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+
+input[type="search"] {
+	-webkit-appearance: textfield; /* 1 */
+	box-sizing: content-box; /* 2 */
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+	-webkit-appearance: none;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+	border: 0; /* 1 */
+	padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+	overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+	font-weight: bold;
+}
+
+/* Tables
+	 ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+td,
+th {
+	padding: 0;
+}
diff --git a/simplicity_gray/theme/common/_responsive.scss b/simplicity_gray/theme/common/_responsive.scss
new file mode 100644
index 0000000..2284b4a
--- /dev/null
+++ b/simplicity_gray/theme/common/_responsive.scss
@@ -0,0 +1,652 @@
+// Responsive Design
+// ----------------------------------------
+
+@media (max-width: 320px) {
+	select, .inputbox {
+		max-width: 240px;
+	}
+}
+
+/* Notifications list
+----------------------------------------*/
+@media (max-width: 350px) {
+	.dropdown-extended .dropdown-contents {
+		width: auto;
+	}
+}
+
+@media (max-width: 430px) {
+	.action-bar .search-box .inputbox {
+		width: 120px;
+	}
+
+	.section-viewtopic .search-box .inputbox {
+		width: 57px;
+	}
+
+	.action-bar .search-box .inputbox ::-moz-placeholder {
+    	content: "Search...";
+  	}
+
+  	.action-bar .search-box .inputbox :-ms-input-placeholder {
+  		content: "Search...";
+  	}
+
+  	.action-bar .search-box .inputbox ::-webkit-input-placeholder {
+  		content: "Search...";
+  	}
+}
+
+@media (max-width: 500px) {
+	dd label {
+		white-space: normal;
+	}
+
+	select, .inputbox {
+		max-width: 260px;
+	}
+
+	.captcha-panel dd.captcha {
+		margin-left: 0;
+	}
+
+	.captcha-panel dd.captcha-image img {
+		width: 100%;
+	}
+
+	dl.details dt, dl.details dd {
+		width: auto;
+		float: none;
+		text-align: left;
+	}
+
+	dl.details dd {
+		margin-left: 20px;
+	}
+
+	p.responsive-center {
+		float: none;
+		text-align: center;
+		margin-bottom: 5px;
+	}
+
+	.action-bar > div {
+		margin-bottom: 5px;
+ 	}
+
+	.action-bar > .pagination {
+		float: none;
+		clear: both;
+		padding-bottom: 1px;
+		text-align: center;
+	}
+
+	.action-bar > .pagination li.page-jump {
+		margin: 0 2px;
+	}
+
+	p.jumpbox-return {
+		display: none;
+	}
+
+	.display-options > label:nth-child(1) {
+		display: block;
+		margin-bottom: 5px;
+	}
+
+	.attach-controls {
+		margin-top: 5px;
+		width: 100%;
+	}
+
+	.quick-links .dropdown-trigger span {
+		display: none;
+	}
+}
+
+@media (max-width: 550px) {
+	ul.topiclist.forums dt {
+		margin-right: 0;
+	}
+
+	ul.topiclist.forums dt .list-inner {
+		margin-right: 0;
+	}
+
+	ul.topiclist.forums dd.lastpost {
+		display: none;
+	}
+}
+
+@media (max-width: 700px) {
+	.responsive-hide { display: none !important; }
+	.responsive-show { display: block !important; }
+	.responsive-show-inline { display: inline !important; }
+	.responsive-show-inline-block { display: inline-block !important; }
+
+	/* Content wrappers
+	----------------------------------------*/
+	html {
+		height: auto;
+	}
+
+	body {
+		padding: 0;
+	}
+
+	#wrap {
+		border: none;
+		border-radius: 0;
+		margin: 0;
+
+		padding: 0 5px;
+	}
+
+	.page-width, .navbar .inner.static > .static-inner {
+		min-width: 290px;
+		margin: 0;
+	}
+
+	.navbar .inner.static > .static-inner,
+	#wrap .navbar .inner.static > .static-inner {
+		padding: 0;
+	}
+
+	// Common block wrappers
+	// ----------------------------------------
+	.forabg, .forumbg, .post, .panel {
+		border-radius: 0;
+		margin-left: -5px;
+		margin-right: -5px;
+	}
+	.headerbar, .navbar {
+		border-radius: 0;
+	}
+	#wrap .headerbar, #wrap .navbar {
+		margin-left: -5px;
+		margin-right: -5px;
+	}
+
+	.cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
+		border-radius: 0;
+	}
+
+	@if $tabbed-navigation == false {
+		.navbar.tabbed .nav-tabs, .navbar.tabbed .nav-tabs .tab {
+			border-radius: 0 !important;
+		}
+	}
+
+	// Logo block
+	// ----------------------------------------
+	.site-description {
+		float: none;
+		width: auto;
+		text-align: center;
+	}
+
+	.logo {
+		@if $responsive-hide-logo == true {
+			display: none;
+		}
+		float: none;
+		margin: 0 auto;
+		padding: 10px;
+		img {
+			margin: 0 auto;
+		}
+	}
+
+	.site-description h1, .site-description p, .site-description p.sitename {
+		@if $responsive-hide-logo == true {
+			display: block;
+		}
+		text-align: inherit;
+		float: none;
+		margin: 5px;
+		line-height: 1.2em;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.site-description p, .headerbar .search-header {
+		display: none;
+	}
+
+	// Navigation
+	// ----------------------------------------
+
+	// Search
+	// ----------------------------------------
+	.responsive-search { display: block !important; }
+
+	// .topiclist lists
+	// ----------------------------------------
+	li.header dt {
+	}
+
+	ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
+		margin-right: 0 !important;
+		padding-right: 0;
+	}
+
+	ul.topiclist li.header dd {
+		display: none !important;
+	}
+
+	ul.topiclist dt, ul.topiclist dt .list-inner,
+	ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
+	ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
+	ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
+		margin-right: 0;
+	}
+
+	ul.topiclist dt .list-inner.with-mark {
+		padding-right: 34px;
+	}
+
+	ul.topiclist dt .list-inner {
+		min-height: 28px;
+	}
+
+	ul.topiclist li.header dt .list-inner {
+		min-height: 0;
+	}
+
+	ul.topiclist dd {
+		display: none;
+	}
+	ul.topiclist dd.mark {
+		display: block;
+	}
+
+	/* Forums and topics lists
+	----------------------------------------*/
+	ul.topiclist.forums dt {
+		margin-right: -250px;
+	}
+
+	ul.topiclist dd.mark {
+		display: block;
+		position: absolute;
+		right: 5px;
+		top: 0;
+		margin: 0;
+		width: auto;
+		min-width: 0;
+		text-align: left;
+	}
+
+	ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
+		position: relative;
+		left: 0;
+		width: auto;
+		display: inline;
+		font-weight: normal;
+	}
+
+	li.row .responsive-show strong {
+		font-weight: bold;
+		color: inherit;
+	}
+
+	ul.topiclist li.row dt a.subforum {
+		vertical-align: bottom;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		max-width: 100px;
+	}
+
+	/* Pagination
+	----------------------------------------*/
+	.pagination > ul {
+		margin: 5px 0 0;
+	}
+
+	.row .pagination .ellipsis + li {
+		display: none !important;
+	}
+
+	/* Responsive tables
+	----------------------------------------*/
+	table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
+		display: block;
+	}
+
+	table.responsive thead, table.responsive th {
+		display: none;
+	}
+
+	table.responsive.show-header thead, table.responsive.show-header th:first-child {
+		display: block;
+		width: auto !important;
+		text-align: left !important;
+		border-radius: 0;
+	}
+
+	table.responsive.show-header th:first-child span.rank-img {
+		display: none;
+	}
+
+	table.responsive tr {
+		margin: 2px 0;
+	}
+
+	table.responsive td {
+		width: auto !important;
+		text-align: left !important;
+		padding: 4px;
+	}
+
+	table.responsive td.empty {
+		display: none !important;
+	}
+
+	table.responsive td > dfn {
+		display: inline-block !important;
+	}
+
+	table.responsive td > dfn:after {
+		content: ':';
+		padding-right: 5px;
+	}
+
+	table.responsive span.rank-img {
+		float: none;
+		padding-right: 5px;
+	}
+
+	table.responsive.memberlist td:first-child input[type="checkbox"] {
+		float: right;
+	}
+
+	/* Forms
+	----------------------------------------*/
+	fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
+		width: auto;
+		float: none;
+	}
+
+	fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
+		margin-left: 0px;
+	}
+
+	textarea, dd textarea, .message-box textarea {
+		width: 100%;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+
+	dl.pmlist dt {
+		width: auto !important;
+		margin-bottom: 5px;
+	}
+
+	dl.pmlist dd {
+		display: inline-block;
+		margin-left: 0 !important;
+	}
+
+	dl.pmlist dd:first-of-type {
+		padding-left: 20px;
+	}
+
+	.smiley-box, .message-box {
+		float: none;
+		width: auto;
+	}
+
+	.smiley-box {
+		margin-top: 5px;
+	}
+
+	.bbcode-status {
+		display: none;
+	}
+
+	.colour-palette, .colour-palette tbody, .colour-palette tr {
+		display: block;
+	}
+
+	.colour-palette td {
+		display: inline-block;
+		margin-right: 2px;
+	}
+
+	.horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
+		display: none;
+	}
+
+	fieldset.quick-login label {
+		display: block;
+		margin-bottom: 5px;
+		white-space: normal;
+	}
+
+	fieldset.quick-login label > span {
+		display: inline-block;
+		min-width: 100px;
+	}
+
+	fieldset.quick-login input.inputbox {
+		width: 85%;
+		max-width: 300px;
+		margin-left: 20px;
+	}
+
+	fieldset.quick-login label[for="autologin"] {
+		display: inline-block;
+		text-align: right;
+		min-width: 50%;
+	}
+
+	/* User profile
+	----------------------------------------*/
+	.column1, .column2, .left-box.profile-details {
+		float: none;
+		width: auto;
+		clear: both;
+	}
+
+	/* Polls
+	----------------------------------------*/
+	fieldset.polls dt {
+		width: 90%;
+	}
+
+	fieldset.polls dd.resultbar {
+		padding-left: 20px;
+	}
+
+	fieldset.polls dd.poll_option_percent {
+		width: 20%;
+	}
+
+	fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
+		margin-top: 5px;
+	}
+
+	/* Post
+	----------------------------------------*/
+	.postbody {
+		position: inherit;
+	}
+	
+	.postbody {
+		.postprofile + & {
+		float: none;
+		position: inherit;
+		width: auto;
+		}
+	}
+	
+	.postprofile, .postbody, .search .postbody {
+		display: block;
+		width: auto;
+		float: none;
+		padding: 0;
+		min-height: 0;
+	}
+
+	.post .postprofile {
+		width: auto;
+		border-width: 0 0 1px 0;
+		padding-bottom: 5px;
+		margin: 0;
+		margin-bottom: 5px;
+		min-height: 40px;
+		overflow: hidden;
+		z-index: auto !important;
+	}
+
+	.postprofile dd {
+		display: none;
+	}
+
+	.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
+		display: block;
+		margin: 0;
+	}
+
+	.postprofile .has-avatar .avatar-container,
+	.postprofile .no-avatar .avatar-container {
+		margin: 0;
+		overflow: inherit;
+		float: left;
+		padding-right: 5px;
+	}
+
+	.postprofile .avatar-container:after {
+		clear: none;
+	}
+
+	.postprofile .avatar, .postprofile .no-avatar .avatar-container {
+		margin-right: 5px;
+	}
+
+	.postprofile .avatar img {
+		width: auto !important;
+		height: auto !important;
+		max-height: 32px;
+	}
+
+	.no-avatar .avatar-container {
+		width: 32px;
+		height: 32px;
+	}
+
+	.has-profile .postbody h3 {
+		margin-left: 0 !important;
+		margin-right: 0 !important;
+	}
+
+	.has-profile .post-buttons {
+		right: 10px;
+		top: 10px;
+		.rtl & {
+			right: auto;
+			left: 10px;
+		}
+	}
+
+	.online-ribbon {
+		width: 35px;
+		height: 35px;
+		top: 0;
+		#{$profile-side}: 0;
+
+		.rtl & {
+			#{$profile-side}: auto;
+			#{$post-side}: 0;
+		}
+
+		span {
+			width: 50px;
+			font-size: 6px;
+			line-height: 10px;
+			height: 10px;
+			text-align: center;
+			position: absolute;
+			top: 8px;
+			white-space: nowrap;
+			#{$profile-side}: -12px;
+
+			.rtl & {
+				#{$profile-side}: auto;
+				#{$post-side}: -12px;
+			}
+		}
+	}
+
+	// Misc stuff
+	// ----------------------------------------
+	h2 {
+		margin-top: .5em;
+	}
+
+	p {
+		margin-bottom: .5em;
+		overflow: hidden;
+	}
+
+	p.rightside {
+		margin-bottom: 0;
+	}
+
+	fieldset.display-options label {
+		display: inline-block;
+		clear: both;
+		margin-bottom: 5px;
+		letter-spacing: -.3px;
+	}
+
+	dl.mini dd.pm-legend {
+		float: left;
+		min-width: 200px;
+	}
+
+	.topicreview {
+		margin: 0 -5px;
+		padding: 0 5px;
+	}
+
+	fieldset.display-actions {
+		white-space: normal;
+	}
+
+	.phpbb_alert {
+		width: auto;
+		margin: 0 5px;
+	}
+
+	.attach-comment dfn {
+		width: 100%;
+	}
+}
+
+@media (min-width: 700px) {
+	.postbody { width: 70%; }
+}
+
+@media (min-width: 850px) {
+	.postbody { width: 76%; }
+}
+
+@media (min-width: 701px) and (max-width: 950px) {
+
+	ul.topiclist dt {
+    	margin-right: -410px;
+	}
+
+	ul.topiclist dt .list-inner {
+    	margin-right: 410px;
+	}
+
+	ul.topiclist dd.lastpost {
+  		float: right; 
+  	}
+
+	dd.posts, dd.topics, dd.views {
+    	width: 80px;
+	}
+}
diff --git a/simplicity_gray/theme/common/_utilities.scss b/simplicity_gray/theme/common/_utilities.scss
new file mode 100644
index 0000000..cbb8127
--- /dev/null
+++ b/simplicity_gray/theme/common/_utilities.scss
@@ -0,0 +1,66 @@
+/* --------------------------------------------------------------
+	$Utilities
+-------------------------------------------------------------- */
+
+.sr-only {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	margin: -1px;
+	padding: 0;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
+	border: 0;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+}
+
+.clearfix:before,
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after {
+	content: " ";
+	display: table;
+}
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after { clear: both }
+
+.center-block {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.pull-right { float: right !important }
+.pull-left { float: left !important }
+.hide { display: none !important }
+.show { display: block !important }
+.invisible { visibility: hidden }
+
+.text-hide {
+	font: 0/0 a;
+	color: transparent;
+	text-shadow: none;
+	background-color: transparent;
+	border: 0;
+}
+
+.hidden {
+	display: none ;
+}
+
+.affix { position: fixed }
diff --git a/simplicity_gray/theme/images/announce_read.png b/simplicity_gray/theme/images/announce_read.png
new file mode 100644
index 0000000..96cb007
Binary files /dev/null and b/simplicity_gray/theme/images/announce_read.png differ
diff --git a/simplicity_gray/theme/images/announce_read_hd.png b/simplicity_gray/theme/images/announce_read_hd.png
new file mode 100644
index 0000000..ae07357
Binary files /dev/null and b/simplicity_gray/theme/images/announce_read_hd.png differ
diff --git a/simplicity_gray/theme/images/announce_read_locked.png b/simplicity_gray/theme/images/announce_read_locked.png
new file mode 100644
index 0000000..ccfb7e5
Binary files /dev/null and b/simplicity_gray/theme/images/announce_read_locked.png differ
diff --git a/simplicity_gray/theme/images/announce_read_locked_hd.png b/simplicity_gray/theme/images/announce_read_locked_hd.png
new file mode 100644
index 0000000..ab78861
Binary files /dev/null and b/simplicity_gray/theme/images/announce_read_locked_hd.png differ
diff --git a/simplicity_gray/theme/images/announce_unread.png b/simplicity_gray/theme/images/announce_unread.png
new file mode 100644
index 0000000..2d24d56
Binary files /dev/null and b/simplicity_gray/theme/images/announce_unread.png differ
diff --git a/simplicity_gray/theme/images/announce_unread_hd.png b/simplicity_gray/theme/images/announce_unread_hd.png
new file mode 100644
index 0000000..ebddccd
Binary files /dev/null and b/simplicity_gray/theme/images/announce_unread_hd.png differ
diff --git a/simplicity_gray/theme/images/announce_unread_locked.png b/simplicity_gray/theme/images/announce_unread_locked.png
new file mode 100644
index 0000000..7cc0654
Binary files /dev/null and b/simplicity_gray/theme/images/announce_unread_locked.png differ
diff --git a/simplicity_gray/theme/images/announce_unread_locked_hd.png b/simplicity_gray/theme/images/announce_unread_locked_hd.png
new file mode 100644
index 0000000..c987c8a
Binary files /dev/null and b/simplicity_gray/theme/images/announce_unread_locked_hd.png differ
diff --git a/simplicity_gray/theme/images/forum_link.png b/simplicity_gray/theme/images/forum_link.png
new file mode 100644
index 0000000..ebf4342
Binary files /dev/null and b/simplicity_gray/theme/images/forum_link.png differ
diff --git a/simplicity_gray/theme/images/forum_link_hd.png b/simplicity_gray/theme/images/forum_link_hd.png
new file mode 100644
index 0000000..952e1ce
Binary files /dev/null and b/simplicity_gray/theme/images/forum_link_hd.png differ
diff --git a/simplicity_gray/theme/images/forum_page.png b/simplicity_gray/theme/images/forum_page.png
new file mode 100644
index 0000000..2d5fed7
Binary files /dev/null and b/simplicity_gray/theme/images/forum_page.png differ
diff --git a/simplicity_gray/theme/images/forum_page_hd.png b/simplicity_gray/theme/images/forum_page_hd.png
new file mode 100644
index 0000000..4c11cd9
Binary files /dev/null and b/simplicity_gray/theme/images/forum_page_hd.png differ
diff --git a/simplicity_gray/theme/images/forum_read.png b/simplicity_gray/theme/images/forum_read.png
new file mode 100644
index 0000000..96cb007
Binary files /dev/null and b/simplicity_gray/theme/images/forum_read.png differ
diff --git a/simplicity_gray/theme/images/forum_read_hd.png b/simplicity_gray/theme/images/forum_read_hd.png
new file mode 100644
index 0000000..ae07357
Binary files /dev/null and b/simplicity_gray/theme/images/forum_read_hd.png differ
diff --git a/simplicity_gray/theme/images/forum_read_locked.png b/simplicity_gray/theme/images/forum_read_locked.png
new file mode 100644
index 0000000..4eb3a00
Binary files /dev/null and b/simplicity_gray/theme/images/forum_read_locked.png differ
diff --git a/simplicity_gray/theme/images/forum_read_locked_hd.png b/simplicity_gray/theme/images/forum_read_locked_hd.png
new file mode 100644
index 0000000..6fa95bb
Binary files /dev/null and b/simplicity_gray/theme/images/forum_read_locked_hd.png differ
diff --git a/simplicity_gray/theme/images/forum_read_subforum.png b/simplicity_gray/theme/images/forum_read_subforum.png
new file mode 100644
index 0000000..96cb007
Binary files /dev/null and b/simplicity_gray/theme/images/forum_read_subforum.png differ
diff --git a/simplicity_gray/theme/images/forum_read_subforum_hd.png b/simplicity_gray/theme/images/forum_read_subforum_hd.png
new file mode 100644
index 0000000..ae07357
Binary files /dev/null and b/simplicity_gray/theme/images/forum_read_subforum_hd.png differ
diff --git a/simplicity_gray/theme/images/forum_unread.png b/simplicity_gray/theme/images/forum_unread.png
new file mode 100644
index 0000000..2d24d56
Binary files /dev/null and b/simplicity_gray/theme/images/forum_unread.png differ
diff --git a/simplicity_gray/theme/images/forum_unread_hd.png b/simplicity_gray/theme/images/forum_unread_hd.png
new file mode 100644
index 0000000..ebddccd
Binary files /dev/null and b/simplicity_gray/theme/images/forum_unread_hd.png differ
diff --git a/simplicity_gray/theme/images/forum_unread_locked.png b/simplicity_gray/theme/images/forum_unread_locked.png
new file mode 100644
index 0000000..ce306ba
Binary files /dev/null and b/simplicity_gray/theme/images/forum_unread_locked.png differ
diff --git a/simplicity_gray/theme/images/forum_unread_locked_hd.png b/simplicity_gray/theme/images/forum_unread_locked_hd.png
new file mode 100644
index 0000000..d2d5260
Binary files /dev/null and b/simplicity_gray/theme/images/forum_unread_locked_hd.png differ
diff --git a/simplicity_gray/theme/images/forum_unread_subforum.png b/simplicity_gray/theme/images/forum_unread_subforum.png
new file mode 100644
index 0000000..2d24d56
Binary files /dev/null and b/simplicity_gray/theme/images/forum_unread_subforum.png differ
diff --git a/simplicity_gray/theme/images/forum_unread_subforum_hd.png b/simplicity_gray/theme/images/forum_unread_subforum_hd.png
new file mode 100644
index 0000000..ebddccd
Binary files /dev/null and b/simplicity_gray/theme/images/forum_unread_subforum_hd.png differ
diff --git a/simplicity_gray/theme/images/icon_post_target.png b/simplicity_gray/theme/images/icon_post_target.png
new file mode 100644
index 0000000..e4ff1d5
Binary files /dev/null and b/simplicity_gray/theme/images/icon_post_target.png differ
diff --git a/simplicity_gray/theme/images/icon_post_target_hd.png b/simplicity_gray/theme/images/icon_post_target_hd.png
new file mode 100644
index 0000000..3a60e20
Binary files /dev/null and b/simplicity_gray/theme/images/icon_post_target_hd.png differ
diff --git a/simplicity_gray/theme/images/icon_post_target_unread.png b/simplicity_gray/theme/images/icon_post_target_unread.png
new file mode 100644
index 0000000..79044c8
Binary files /dev/null and b/simplicity_gray/theme/images/icon_post_target_unread.png differ
diff --git a/simplicity_gray/theme/images/icon_post_target_unread_hd.png b/simplicity_gray/theme/images/icon_post_target_unread_hd.png
new file mode 100644
index 0000000..cf570ca
Binary files /dev/null and b/simplicity_gray/theme/images/icon_post_target_unread_hd.png differ
diff --git a/simplicity_gray/theme/images/icon_textbox_search.gif b/simplicity_gray/theme/images/icon_textbox_search.gif
new file mode 100644
index 0000000..b3b51d8
Binary files /dev/null and b/simplicity_gray/theme/images/icon_textbox_search.gif differ
diff --git a/simplicity_gray/theme/images/index.htm b/simplicity_gray/theme/images/index.htm
new file mode 100644
index 0000000..e69de29
diff --git a/simplicity_gray/theme/images/loading.gif b/simplicity_gray/theme/images/loading.gif
new file mode 100644
index 0000000..4b91130
Binary files /dev/null and b/simplicity_gray/theme/images/loading.gif differ
diff --git a/simplicity_gray/theme/images/logo.png b/simplicity_gray/theme/images/logo.png
new file mode 100644
index 0000000..70fb617
Binary files /dev/null and b/simplicity_gray/theme/images/logo.png differ
diff --git a/simplicity_gray/theme/images/logo_hd.png b/simplicity_gray/theme/images/logo_hd.png
new file mode 100644
index 0000000..e465c9b
Binary files /dev/null and b/simplicity_gray/theme/images/logo_hd.png differ
diff --git a/simplicity_gray/theme/images/no_avatar.gif b/simplicity_gray/theme/images/no_avatar.gif
new file mode 100644
index 0000000..b794d64
Binary files /dev/null and b/simplicity_gray/theme/images/no_avatar.gif differ
diff --git a/simplicity_gray/theme/images/no_avatar.png b/simplicity_gray/theme/images/no_avatar.png
new file mode 100644
index 0000000..c2b653e
Binary files /dev/null and b/simplicity_gray/theme/images/no_avatar.png differ
diff --git a/simplicity_gray/theme/images/no_avatar_female.png b/simplicity_gray/theme/images/no_avatar_female.png
new file mode 100644
index 0000000..9f27366
Binary files /dev/null and b/simplicity_gray/theme/images/no_avatar_female.png differ
diff --git a/simplicity_gray/theme/images/no_avatar_female_hd.png b/simplicity_gray/theme/images/no_avatar_female_hd.png
new file mode 100644
index 0000000..ba97488
Binary files /dev/null and b/simplicity_gray/theme/images/no_avatar_female_hd.png differ
diff --git a/simplicity_gray/theme/images/no_avatar_hd.png b/simplicity_gray/theme/images/no_avatar_hd.png
new file mode 100644
index 0000000..35caa77
Binary files /dev/null and b/simplicity_gray/theme/images/no_avatar_hd.png differ
diff --git a/simplicity_gray/theme/images/no_avatar_male.png b/simplicity_gray/theme/images/no_avatar_male.png
new file mode 100644
index 0000000..61afee5
Binary files /dev/null and b/simplicity_gray/theme/images/no_avatar_male.png differ
diff --git a/simplicity_gray/theme/images/no_avatar_male_hd.png b/simplicity_gray/theme/images/no_avatar_male_hd.png
new file mode 100644
index 0000000..278f8db
Binary files /dev/null and b/simplicity_gray/theme/images/no_avatar_male_hd.png differ
diff --git a/simplicity_gray/theme/images/pattern.png b/simplicity_gray/theme/images/pattern.png
new file mode 100644
index 0000000..0a2eca9
Binary files /dev/null and b/simplicity_gray/theme/images/pattern.png differ
diff --git a/simplicity_gray/theme/images/plupload/done.gif b/simplicity_gray/theme/images/plupload/done.gif
new file mode 100644
index 0000000..30b1adf
Binary files /dev/null and b/simplicity_gray/theme/images/plupload/done.gif differ
diff --git a/simplicity_gray/theme/images/plupload/error.gif b/simplicity_gray/theme/images/plupload/error.gif
new file mode 100644
index 0000000..c2bed3f
Binary files /dev/null and b/simplicity_gray/theme/images/plupload/error.gif differ
diff --git a/simplicity_gray/theme/images/plupload/throbber.gif b/simplicity_gray/theme/images/plupload/throbber.gif
new file mode 100644
index 0000000..4ae8b16
Binary files /dev/null and b/simplicity_gray/theme/images/plupload/throbber.gif differ
diff --git a/simplicity_gray/theme/images/subforum_read.png b/simplicity_gray/theme/images/subforum_read.png
new file mode 100644
index 0000000..4158434
Binary files /dev/null and b/simplicity_gray/theme/images/subforum_read.png differ
diff --git a/simplicity_gray/theme/images/subforum_read_hd.png b/simplicity_gray/theme/images/subforum_read_hd.png
new file mode 100644
index 0000000..7af329a
Binary files /dev/null and b/simplicity_gray/theme/images/subforum_read_hd.png differ
diff --git a/simplicity_gray/theme/images/subforum_unread.png b/simplicity_gray/theme/images/subforum_unread.png
new file mode 100644
index 0000000..63eec10
Binary files /dev/null and b/simplicity_gray/theme/images/subforum_unread.png differ
diff --git a/simplicity_gray/theme/images/subforum_unread_hd.png b/simplicity_gray/theme/images/subforum_unread_hd.png
new file mode 100644
index 0000000..591e37f
Binary files /dev/null and b/simplicity_gray/theme/images/subforum_unread_hd.png differ
diff --git a/simplicity_gray/theme/images/topic_moved.png b/simplicity_gray/theme/images/topic_moved.png
new file mode 100644
index 0000000..ebf4342
Binary files /dev/null and b/simplicity_gray/theme/images/topic_moved.png differ
diff --git a/simplicity_gray/theme/images/topic_moved_hd.png b/simplicity_gray/theme/images/topic_moved_hd.png
new file mode 100644
index 0000000..952e1ce
Binary files /dev/null and b/simplicity_gray/theme/images/topic_moved_hd.png differ
diff --git a/simplicity_gray/theme/images/topic_read.png b/simplicity_gray/theme/images/topic_read.png
new file mode 100644
index 0000000..96cb007
Binary files /dev/null and b/simplicity_gray/theme/images/topic_read.png differ
diff --git a/simplicity_gray/theme/images/topic_read_hd.png b/simplicity_gray/theme/images/topic_read_hd.png
new file mode 100644
index 0000000..ae07357
Binary files /dev/null and b/simplicity_gray/theme/images/topic_read_hd.png differ
diff --git a/simplicity_gray/theme/images/topic_read_hot.png b/simplicity_gray/theme/images/topic_read_hot.png
new file mode 100644
index 0000000..96cb007
Binary files /dev/null and b/simplicity_gray/theme/images/topic_read_hot.png differ
diff --git a/simplicity_gray/theme/images/topic_read_hot_hd.png b/simplicity_gray/theme/images/topic_read_hot_hd.png
new file mode 100644
index 0000000..ae07357
Binary files /dev/null and b/simplicity_gray/theme/images/topic_read_hot_hd.png differ
diff --git a/simplicity_gray/theme/images/topic_read_hot_mine.png b/simplicity_gray/theme/images/topic_read_hot_mine.png
new file mode 100644
index 0000000..9f5532e
Binary files /dev/null and b/simplicity_gray/theme/images/topic_read_hot_mine.png differ
diff --git a/simplicity_gray/theme/images/topic_read_hot_mine_hd.png b/simplicity_gray/theme/images/topic_read_hot_mine_hd.png
new file mode 100644
index 0000000..7ac8b82
Binary files /dev/null and b/simplicity_gray/theme/images/topic_read_hot_mine_hd.png differ
diff --git a/simplicity_gray/theme/images/topic_read_locked.png b/simplicity_gray/theme/images/topic_read_locked.png
new file mode 100644
index 0000000..ccfb7e5
Binary files /dev/null and b/simplicity_gray/theme/images/topic_read_locked.png differ
diff --git a/simplicity_gray/theme/images/topic_read_locked_hd.png b/simplicity_gray/theme/images/topic_read_locked_hd.png
new file mode 100644
index 0000000..ab78861
Binary files /dev/null and b/simplicity_gray/theme/images/topic_read_locked_hd.png differ
diff --git a/simplicity_gray/theme/images/topic_read_locked_mine.png b/simplicity_gray/theme/images/topic_read_locked_mine.png
new file mode 100644
index 0000000..d391320
Binary files /dev/null and b/simplicity_gray/theme/images/topic_read_locked_mine.png differ
diff --git a/simplicity_gray/theme/images/topic_read_locked_mine_hd.png b/simplicity_gray/theme/images/topic_read_locked_mine_hd.png
new file mode 100644
index 0000000..7ac758f
Binary files /dev/null and b/simplicity_gray/theme/images/topic_read_locked_mine_hd.png differ
diff --git a/simplicity_gray/theme/images/topic_read_mine.png b/simplicity_gray/theme/images/topic_read_mine.png
new file mode 100644
index 0000000..9f5532e
Binary files /dev/null and b/simplicity_gray/theme/images/topic_read_mine.png differ
diff --git a/simplicity_gray/theme/images/topic_read_mine_hd.png b/simplicity_gray/theme/images/topic_read_mine_hd.png
new file mode 100644
index 0000000..7ac8b82
Binary files /dev/null and b/simplicity_gray/theme/images/topic_read_mine_hd.png differ
diff --git a/simplicity_gray/theme/images/topic_unread.png b/simplicity_gray/theme/images/topic_unread.png
new file mode 100644
index 0000000..2d24d56
Binary files /dev/null and b/simplicity_gray/theme/images/topic_unread.png differ
diff --git a/simplicity_gray/theme/images/topic_unread_hd.png b/simplicity_gray/theme/images/topic_unread_hd.png
new file mode 100644
index 0000000..ebddccd
Binary files /dev/null and b/simplicity_gray/theme/images/topic_unread_hd.png differ
diff --git a/simplicity_gray/theme/images/topic_unread_hot.png b/simplicity_gray/theme/images/topic_unread_hot.png
new file mode 100644
index 0000000..2d24d56
Binary files /dev/null and b/simplicity_gray/theme/images/topic_unread_hot.png differ
diff --git a/simplicity_gray/theme/images/topic_unread_hot_hd.png b/simplicity_gray/theme/images/topic_unread_hot_hd.png
new file mode 100644
index 0000000..ebddccd
Binary files /dev/null and b/simplicity_gray/theme/images/topic_unread_hot_hd.png differ
diff --git a/simplicity_gray/theme/images/topic_unread_hot_mine.png b/simplicity_gray/theme/images/topic_unread_hot_mine.png
new file mode 100644
index 0000000..fe405e1
Binary files /dev/null and b/simplicity_gray/theme/images/topic_unread_hot_mine.png differ
diff --git a/simplicity_gray/theme/images/topic_unread_hot_mine_hd.png b/simplicity_gray/theme/images/topic_unread_hot_mine_hd.png
new file mode 100644
index 0000000..1b2ceda
Binary files /dev/null and b/simplicity_gray/theme/images/topic_unread_hot_mine_hd.png differ
diff --git a/simplicity_gray/theme/images/topic_unread_locked.png b/simplicity_gray/theme/images/topic_unread_locked.png
new file mode 100644
index 0000000..7cc0654
Binary files /dev/null and b/simplicity_gray/theme/images/topic_unread_locked.png differ
diff --git a/simplicity_gray/theme/images/topic_unread_locked_hd.png b/simplicity_gray/theme/images/topic_unread_locked_hd.png
new file mode 100644
index 0000000..c987c8a
Binary files /dev/null and b/simplicity_gray/theme/images/topic_unread_locked_hd.png differ
diff --git a/simplicity_gray/theme/images/topic_unread_locked_mine.png b/simplicity_gray/theme/images/topic_unread_locked_mine.png
new file mode 100644
index 0000000..1ccc9b3
Binary files /dev/null and b/simplicity_gray/theme/images/topic_unread_locked_mine.png differ
diff --git a/simplicity_gray/theme/images/topic_unread_locked_mine_hd.png b/simplicity_gray/theme/images/topic_unread_locked_mine_hd.png
new file mode 100644
index 0000000..4b1c1db
Binary files /dev/null and b/simplicity_gray/theme/images/topic_unread_locked_mine_hd.png differ
diff --git a/simplicity_gray/theme/images/topic_unread_mine.png b/simplicity_gray/theme/images/topic_unread_mine.png
new file mode 100644
index 0000000..fe405e1
Binary files /dev/null and b/simplicity_gray/theme/images/topic_unread_mine.png differ
diff --git a/simplicity_gray/theme/images/topic_unread_mine_hd.png b/simplicity_gray/theme/images/topic_unread_mine_hd.png
new file mode 100644
index 0000000..1b2ceda
Binary files /dev/null and b/simplicity_gray/theme/images/topic_unread_mine_hd.png differ
diff --git a/simplicity_gray/theme/index.htm b/simplicity_gray/theme/index.htm
new file mode 100644
index 0000000..e69de29
diff --git a/simplicity_gray/theme/plupload.css b/simplicity_gray/theme/plupload.css
new file mode 100644
index 0000000..74fd563
--- /dev/null
+++ b/simplicity_gray/theme/plupload.css
@@ -0,0 +1 @@
+@import "../../simplicity/theme/plupload.css";
\ No newline at end of file
diff --git a/simplicity_gray/theme/print.css b/simplicity_gray/theme/print.css
new file mode 100644
index 0000000..36a58f5
--- /dev/null
+++ b/simplicity_gray/theme/print.css
@@ -0,0 +1,4 @@
+/* Print Style Sheet
+---------------------------------------- */
+
+@import "../../simplicity/theme/print.css";
\ No newline at end of file
diff --git a/simplicity_gray/theme/stylesheet.css b/simplicity_gray/theme/stylesheet.css
new file mode 100644
index 0000000..2acad97
--- /dev/null
+++ b/simplicity_gray/theme/stylesheet.css
@@ -0,0 +1,6062 @@
+/*!
+	DO NOT EDIT stylesheet.css!
+
+	Edit .scss files instead. See http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+	If you have any questions, please ask on support forum at http://www.artodia.com/forums/
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline; }
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block; }
+
+body {
+  line-height: 1; }
+
+ol, ul {
+  list-style: none; }
+
+blockquote, q {
+  quotes: none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+abbr {
+  text-decoration: none; }
+
+.site-description:after, .navbar.secondary:after, .navbar .nav-tabs:after, ul.topiclist dl:after, .site-description:before, .navbar.secondary:before, .navbar .nav-tabs:before, ul.topiclist dl:before {
+  content: ' ';
+  display: table;
+  clear: both; }
+
+html {
+  font-size: 100%;
+  height: 100%; }
+
+body {
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px;
+  line-height: 1.4;
+  margin: 0;
+  padding: 0 0 12px;
+  word-wrap: break-word;
+  min-height: 100%;
+  box-sizing: border-box;
+  -webkit-print-color-adjust: exact; }
+
+h1, p.sitename {
+  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+  margin-right: 200px;
+  margin-top: 15px;
+  margin-bottom: 0;
+  font-weight: bold;
+  font-size: 21px;
+  line-height: inherit; }
+
+h2 {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  font-size: 19px;
+  margin: 0.8em 0 0.2em 0; }
+
+h2.solo {
+  margin-bottom: 1em; }
+
+h3 {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-weight: 500;
+  margin-bottom: 5px;
+  font-size: 17px;
+  margin-top: 20px; }
+
+h4 {
+  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+  font-size: 15px; }
+
+p {
+  line-height: 1.3;
+  font-size: 11px;
+  margin-bottom: 1.5em; }
+
+img {
+  border-width: 0; }
+
+hr {
+  border: 0 solid transparent;
+  border-top-width: 1px;
+  height: 1px;
+  margin: 5px 0;
+  display: block;
+  clear: both; }
+
+hr.dashed {
+  border-top-style: dashed;
+  margin: 10px 0; }
+
+hr.divider {
+  display: none; }
+
+p.right {
+  text-align: right; }
+
+p.jumpbox-return {
+  margin-top: 10px;
+  margin-bottom: 0;
+  float: left; }
+
+b, strong {
+  font-weight: bold; }
+
+.text-strong {
+  font-weight: bold; }
+
+i, em {
+  font-style: italic; }
+
+.text-italics {
+  font-style: italic; }
+
+u {
+  text-decoration: underline; }
+
+ul {
+  list-style-type: disc; }
+
+ol {
+  list-style-type: decimal; }
+
+li {
+  display: list-item; }
+
+ul ul, ol ul {
+  list-style-type: circle; }
+
+ol ol ul, ol ul ul, ul ol ul, ul ul ul {
+  list-style-type: square; }
+
+.page-width {
+  box-sizing: border-box;
+  margin: 0 auto;
+  max-width: none;
+  min-width: 625px;
+  margin: 0 12px; }
+
+.page-width .page-width {
+  margin: 0; }
+
+.page-body {
+  margin: 4px 0;
+  clear: both; }
+  #wrap > .page-body:first-of-type {
+    margin-top: 0; }
+  #wrap > .page-body:last-of-type {
+    margin-bottom: 0; }
+
+.page-footer {
+  clear: both; }
+  #wrap + .page-footer {
+    margin-top: 5px; }
+
+.page-footer h3 {
+  margin-top: 20px; }
+
+.logo {
+  display: block;
+  box-sizing: border-box;
+  max-width: 100%;
+  padding: 10px 0; }
+  .logo, .logo img {
+    margin: 0 auto; }
+  .logo img {
+    display: block;
+    max-width: 100%; }
+  .logo:hover {
+    text-decoration: none; }
+
+.site-description {
+  text-align: center; }
+  .site-description h1, .site-description p.sitename {
+    margin-left: 0;
+    margin-right: 0; }
+  .site-description h1, .site-description p {
+    display: none; }
+
+.headerbar > .inner {
+  position: relative; }
+
+.navbar {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  padding: 0 9px;
+  clear: both; }
+  .navbar.tabbed, .navbar.secondary {
+    background: transparent;
+    border-width: 0;
+    border-radius: 0;
+    box-shadow: none;
+    padding: 0; }
+  .page-body .navbar {
+    margin-bottom: 10px; }
+  .navbar + .navbar {
+    margin-top: 5px; }
+  .navbar.tabbed {
+    padding: 0; }
+  .navbar.secondary {
+    margin: 0;
+    padding: 1px 0; }
+    .navbar.secondary > ul {
+      list-style-type: none;
+      margin: 0;
+      padding: 0; }
+    .navbar.secondary > ul > li {
+      position: relative;
+      display: inline-block;
+      margin: 0;
+      padding: 0; }
+      .navbar.secondary > ul > li > a {
+        display: inline-block;
+        color: inherit;
+        padding: 1px 8px;
+        text-align: center;
+        line-height: 26px;
+        font-size: 12px; }
+      .navbar.secondary > ul > li:hover {
+        border-radius: 3px; }
+        .navbar.secondary > ul > li:hover > a {
+          text-decoration: none; }
+      .navbar.secondary > ul > li.small-icon > a {
+        padding-left: 18px; }
+      .navbar.secondary > ul > li .dropdown {
+        top: 28px; }
+      .navbar.secondary > ul > li.dropdown-up .dropdown {
+        top: auto;
+        bottom: 28px; }
+      .navbar.secondary > ul > li.search-box {
+        display: block;
+        margin: 0;
+        float: right; }
+        .rtl .navbar.secondary > ul > li.search-box {
+          float: left; }
+        .navbar.secondary > ul > li.search-box, .navbar.secondary > ul > li.search-box:hover {
+          border-radius: 0;
+          border-width: 0;
+          box-shadow: none;
+          background: none;
+          filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
+    .navbar.secondary + .nav-breadcrumbs {
+      margin-top: 0; }
+  .navbar li.small-icon > a {
+    padding-left: 18px; }
+  .navbar .nav-tabs {
+    border-radius: 3px; }
+    .navbar .nav-tabs .leftside .tab:first-child, .navbar .nav-tabs .leftside .tab.first-visible {
+      border-radius: 2px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0; }
+    .rtl .navbar .nav-tabs .rightside .tab:last-child, .rtl .navbar .nav-tabs .rightside .tab.last-visible {
+      border-radius: 2px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0; }
+    .navbar .nav-tabs .rightside .tab:last-child, .navbar .nav-tabs .rightside .tab.last-visible {
+      border-radius: 2px;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0; }
+    .rtl .navbar .nav-tabs .leftside .tab:first-child, .rtl .navbar .nav-tabs .leftside .tab.first-visible {
+      border-radius: 2px;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0; }
+    .navbar .nav-tabs > ul {
+      list-style-type: none;
+      margin: 0;
+      height: 30px; }
+      .navbar .nav-tabs > ul.leftside, .rtl .navbar .nav-tabs > ul.rightside {
+        float: left; }
+      .navbar .nav-tabs > ul.rightside, .rtl .navbar .nav-tabs > ul.leftside {
+        float: right; }
+      .navbar .nav-tabs > ul > li {
+        float: left;
+        height: 30px; }
+      .rtl .navbar .nav-tabs > ul > li {
+        float: right; }
+      .navbar .nav-tabs > ul .quick-links {
+        margin: 0; }
+        .navbar .nav-tabs > ul .quick-links.empty {
+          display: none; }
+        .navbar .nav-tabs > ul .quick-links.showing-responsive-menu {
+          display: block; }
+    .navbar .nav-tabs .nav-link {
+      text-decoration: none;
+      color: inherit;
+      display: inline-block;
+      height: 30px;
+      line-height: 30px;
+      padding: 0 12px;
+      vertical-align: baseline;
+      font-size: 12px;
+      outline-style: none; }
+      .navbar .nav-tabs .nav-link.dropdown-toggle {
+        position: relative; }
+        .navbar .nav-tabs .nav-link.dropdown-toggle:before {
+          content: '\f078';
+          font-family: FontAwesome;
+          position: absolute;
+          right: 12px;
+          top: 50%;
+          font-size: 8px;
+          line-height: 12px;
+          width: 8px;
+          height: 12px;
+          margin-top: -6px; }
+          .rtl .navbar .nav-tabs .nav-link.dropdown-toggle:before {
+            right: auto;
+            left: 12px; }
+      .navbar .nav-tabs .nav-link .username-coloured {
+        color: inherit !important;
+        font-weight: inherit;
+        font-style: inherit; }
+    .navbar .nav-tabs .responsive-menu .nav-link:before,
+    .navbar .nav-tabs .dropdown-visible .nav-link:before {
+      content: '\f077';
+      font-family: FontAwesome;
+      position: absolute;
+      right: 12px;
+      top: 50%;
+      font-size: 9px;
+      line-height: 13px;
+      width: 9px;
+      height: 13px;
+      margin-top: -6px; }
+    .navbar .nav-tabs .dropdown {
+      top: 30px; }
+      .dropdown-up .navbar .nav-tabs .dropdown {
+        top: auto;
+        bottom: 30px; }
+    .navbar .nav-tabs .tab {
+      position: relative; }
+      .navbar .nav-tabs .tab > strong {
+        display: none;
+        font-weight: bold;
+        font-size: 9px;
+        padding: 0 2px;
+        border-radius: 3px;
+        position: absolute;
+        right: 5px;
+        top: -10px;
+        line-height: 14px;
+        min-width: 10px;
+        _width: 10px;
+        text-align: center;
+        text-shadow: none;
+        white-space: nowrap;
+        word-wrap: normal;
+        height: 14px;
+        pointer-events: none; }
+        .rtl .navbar .nav-tabs .tab > strong {
+          right: auto;
+          left: 5px; }
+        .navbar .nav-tabs .tab > strong .arrow {
+          border: 3px solid transparent;
+          border-bottom: 1px none black;
+          position: absolute;
+          bottom: -3px;
+          right: 4px;
+          line-height: 0;
+          text-shadow: none;
+          _display: none;
+          width: 0;
+          height: 0; }
+      .navbar .nav-tabs .tab.non-zero > strong {
+        display: block; }
+    .navbar .nav-tabs .responsive-menu .nav-link, .navbar .nav-tabs .account .nav-link, .navbar .nav-tabs .pm .nav-link, .navbar .nav-tabs .notifications .nav-link, .navbar .nav-tabs .mcp .nav-link, .navbar .nav-tabs .acp .nav-link, .navbar .nav-tabs .faq .nav-link, .navbar .nav-tabs .logout .nav-link, .navbar .nav-tabs .login .nav-link, .navbar .nav-tabs .register .nav-link, .navbar .nav-tabs .rightside .boardrules .nav-link, .navbar .nav-tabs .rightside .pages .nav-link, .navbar .nav-tabs .members .nav-link, .navbar .nav-tabs .forums .nav-link, .navbar .nav-tabs .leftside .boardrules .nav-link, .navbar .nav-tabs .leftside .pages .nav-link {
+      position: relative;
+      padding-left: 30px; }
+      .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .rightside .boardrules .nav-link:after, .navbar .nav-tabs .rightside .pages .nav-link:after, .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .leftside .boardrules .nav-link:after, .navbar .nav-tabs .leftside .pages .nav-link:after {
+        position: absolute;
+        left: 12px;
+        top: 50%;
+        margin-top: -7px;
+        width: 14px;
+        font-size: 12px;
+        line-height: 14px;
+        height: 14px;
+        text-align: left;
+        font-weight: normal;
+        font-style: normal;
+        text-indent: 0; }
+      .rtl .navbar .nav-tabs .responsive-menu .nav-link:after, .rtl .navbar .nav-tabs .account .nav-link:after, .rtl .navbar .nav-tabs .pm .nav-link:after, .rtl .navbar .nav-tabs .notifications .nav-link:after, .rtl .navbar .nav-tabs .mcp .nav-link:after, .rtl .navbar .nav-tabs .acp .nav-link:after, .rtl .navbar .nav-tabs .faq .nav-link:after, .rtl .navbar .nav-tabs .logout .nav-link:after, .rtl .navbar .nav-tabs .login .nav-link:after, .rtl .navbar .nav-tabs .register .nav-link:after, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .rightside .pages .nav-link:after, .rtl .navbar .nav-tabs .members .nav-link:after, .rtl .navbar .nav-tabs .forums .nav-link:after, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .leftside .pages .nav-link:after {
+        left: auto;
+        right: 12px; }
+    .navbar .nav-tabs .responsive-menu .nav-link, .navbar .nav-tabs .account .nav-link, .navbar .nav-tabs .pm .nav-link, .navbar .nav-tabs .notifications .nav-link, .navbar .nav-tabs .mcp .nav-link, .navbar .nav-tabs .acp .nav-link, .navbar .nav-tabs .faq .nav-link, .navbar .nav-tabs .logout .nav-link, .navbar .nav-tabs .login .nav-link, .navbar .nav-tabs .register .nav-link, .navbar .nav-tabs .rightside .boardrules .nav-link, .navbar .nav-tabs .rightside .pages .nav-link {
+      text-indent: 999px;
+      width: 14px;
+      padding: 0 8px;
+      overflow: hidden; }
+      .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .rightside .boardrules .nav-link:after, .navbar .nav-tabs .rightside .pages .nav-link:after {
+        text-align: center;
+        font-size: 14px;
+        left: 8px; }
+      .rtl .navbar .nav-tabs .responsive-menu .nav-link:after, .rtl .navbar .nav-tabs .account .nav-link:after, .rtl .navbar .nav-tabs .pm .nav-link:after, .rtl .navbar .nav-tabs .notifications .nav-link:after, .rtl .navbar .nav-tabs .mcp .nav-link:after, .rtl .navbar .nav-tabs .acp .nav-link:after, .rtl .navbar .nav-tabs .faq .nav-link:after, .rtl .navbar .nav-tabs .logout .nav-link:after, .rtl .navbar .nav-tabs .login .nav-link:after, .rtl .navbar .nav-tabs .register .nav-link:after, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .rightside .pages .nav-link:after {
+        left: auto;
+        right: 8px; }
+      .navbar .nav-tabs .responsive-menu .nav-link + strong, .navbar .nav-tabs .account .nav-link + strong, .navbar .nav-tabs .pm .nav-link + strong, .navbar .nav-tabs .notifications .nav-link + strong, .navbar .nav-tabs .mcp .nav-link + strong, .navbar .nav-tabs .acp .nav-link + strong, .navbar .nav-tabs .faq .nav-link + strong, .navbar .nav-tabs .logout .nav-link + strong, .navbar .nav-tabs .login .nav-link + strong, .navbar .nav-tabs .register .nav-link + strong, .navbar .nav-tabs .rightside .boardrules .nav-link + strong, .navbar .nav-tabs .rightside .pages .nav-link + strong {
+        right: -2px; }
+        .rtl .navbar .nav-tabs .responsive-menu .nav-link + strong, .rtl .navbar .nav-tabs .account .nav-link + strong, .rtl .navbar .nav-tabs .pm .nav-link + strong, .rtl .navbar .nav-tabs .notifications .nav-link + strong, .rtl .navbar .nav-tabs .mcp .nav-link + strong, .rtl .navbar .nav-tabs .acp .nav-link + strong, .rtl .navbar .nav-tabs .faq .nav-link + strong, .rtl .navbar .nav-tabs .logout .nav-link + strong, .rtl .navbar .nav-tabs .login .nav-link + strong, .rtl .navbar .nav-tabs .register .nav-link + strong, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link + strong, .rtl .navbar .nav-tabs .rightside .pages .nav-link + strong {
+          right: auto;
+          left: -2px; }
+    @media (max-width: 550px) {
+      .navbar .nav-tabs .members .nav-link, .navbar .nav-tabs .forums .nav-link, .navbar .nav-tabs .leftside .boardrules .nav-link, .navbar .nav-tabs .leftside .pages .nav-link {
+        text-indent: 999px;
+        width: 14px;
+        padding: 0 8px;
+        overflow: hidden; }
+        .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .leftside .boardrules .nav-link:after, .navbar .nav-tabs .leftside .pages .nav-link:after {
+          text-align: center;
+          font-size: 14px;
+          left: 8px; }
+        .rtl .navbar .nav-tabs .members .nav-link:after, .rtl .navbar .nav-tabs .forums .nav-link:after, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .leftside .pages .nav-link:after {
+          left: auto;
+          right: 8px; }
+        .navbar .nav-tabs .members .nav-link + strong, .navbar .nav-tabs .forums .nav-link + strong, .navbar .nav-tabs .leftside .boardrules .nav-link + strong, .navbar .nav-tabs .leftside .pages .nav-link + strong {
+          right: -2px; }
+          .rtl .navbar .nav-tabs .members .nav-link + strong, .rtl .navbar .nav-tabs .forums .nav-link + strong, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link + strong, .rtl .navbar .nav-tabs .leftside .pages .nav-link + strong {
+            right: auto;
+            left: -2px; } }
+    .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .boardrules .nav-link:after, .navbar .nav-tabs .pages .nav-link:after {
+      font-family: FontAwesome; }
+    .navbar .nav-tabs .responsive-menu .nav-link:after {
+      content: '\f0c9'; }
+    .navbar .nav-tabs .members .nav-link {
+      padding-left: 32px;
+      padding-right: 24px; }
+      .rtl .navbar .nav-tabs .members .nav-link {
+        padding-left: 24px;
+        padding-right: 32px; }
+      .navbar .nav-tabs .members .nav-link:after {
+        content: '\f0c0'; }
+      @media (max-width: 550px) {
+        .navbar .nav-tabs .members .nav-link {
+          padding: 0 8px !important; } }
+    .rtl .navbar .nav-tabs .forums .nav-link {
+      padding-left: 12px;
+      padding-right: 32px; }
+    .navbar .nav-tabs .forums .nav-link:after {
+      content: '\f075'; }
+    .navbar .nav-tabs .account .nav-link:after {
+      content: '\f007'; }
+    .navbar .nav-tabs .pm .nav-link:after {
+      content: '\f01c'; }
+    .navbar .nav-tabs .notifications .nav-link:after {
+      content: '\f0f3';
+      font-size: 13px; }
+    .navbar .nav-tabs .mcp .nav-link:after {
+      content: '\f0e3'; }
+    .navbar .nav-tabs .acp .nav-link:after {
+      content: '\f085'; }
+    .navbar .nav-tabs .faq .nav-link:after {
+      content: '\f059'; }
+    @media (max-width: 550px) {
+      .navbar .nav-tabs .faq, .navbar .nav-tabs .faq .nav-link {
+        display: none !important; } }
+    .navbar .nav-tabs .logout .nav-link:after {
+      content: '\f08b';
+      margin-left: 1px; }
+    .navbar .nav-tabs .login .nav-link:after {
+      content: '\f090'; }
+    .navbar .nav-tabs .register .nav-link:after {
+      content: '\f234'; }
+    .navbar .nav-tabs .boardrules .nav-link:after {
+      content: '\f071'; }
+    .navbar .nav-tabs .pages .nav-link:after {
+      content: '\f0f6'; }
+  .navbar .inner.static {
+    position: fixed;
+    top: 0;
+    z-index: 50;
+    left: 0;
+    right: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    width: auto;
+    max-width: none;
+    opacity: .9;
+    transition: opacity .2s; }
+    .navbar .inner.static > .static-inner {
+      box-sizing: border-box;
+      margin: 0 auto;
+      max-width: none;
+      min-width: 625px;
+      margin: 0 12px;
+      padding-top: 0 !important;
+      padding-bottom: 0 !important; }
+    .navbar .inner.static:hover {
+      opacity: 1; }
+    .navbar .inner.static .nav-tabs {
+      border-radius: 0; }
+      .navbar .inner.static .nav-tabs .leftside .tab:first-child, .navbar .inner.static .nav-tabs .leftside .tab.first-visible, .rtl .navbar .inner.static .nav-tabs .rightside .tab:first-child, .rtl .navbar .inner.static .nav-tabs .rightside .tab.first-visible {
+        border-radius: 0; }
+      .navbar .inner.static .nav-tabs .rightside .tab:last-child, .navbar .inner.static .nav-tabs .rightside .tab.last-visible, .rtl .navbar .inner.static .nav-tabs .leftside .tab:last-child, .rtl .navbar .inner.static .nav-tabs .leftside .tab.last-visible {
+        border-radius: 0; }
+      .navbar .inner.static .nav-tabs .tab > strong {
+        position: relative;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        vertical-align: top;
+        margin-top: 8px;
+        margin-left: -7px;
+        margin-right: 5px;
+        padding-bottom: 1px;
+        pointer-events: none; }
+        .navbar .inner.static .nav-tabs .tab > strong .arrow {
+          display: none; }
+      .navbar .inner.static .nav-tabs .tab.non-zero > strong {
+        display: inline-block; }
+      .navbar .inner.static .nav-tabs .pm > .nav-link + strong {
+        margin-left: -5px; }
+
+.forabg {
+  padding: 0;
+  margin: 10px 0; }
+
+.forumbg {
+  padding: 0; }
+
+.panel {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  margin-bottom: 10px;
+  padding: 5px 10px; }
+  .panel.bg3 {
+    border-radius: 0;
+    border-width: 0;
+    box-shadow: none;
+    border-top: 3px solid transparent;
+    position: relative; }
+    .panel.bg3:before, .panel.bg3:after {
+      content: '';
+      position: absolute;
+      top: 0;
+      width: 3px;
+      height: 50px; }
+    .panel.bg3:before {
+      left: 0; }
+    .panel.bg3:after {
+      right: 0; }
+  .postform .panel.panel {
+    border-radius: 3px; }
+
+.panel > .inner > h3:first-child, .panel > h3:first-child {
+  margin: -5px -10px 5px;
+  border-radius: 2px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  background: #636363;
+  border: 0 solid #636363;
+  padding: 5px;
+  text-transform: none;
+  font-size: 15px;
+  line-height: 1.4;
+  font-weight: normal;
+  color: #fff;
+  padding-left: 10px;
+  padding-right: 10px; }
+  @media (max-width: 700px) {
+    .panel > .inner > h3:first-child, .panel > h3:first-child {
+      border-radius: 0; } }
+  .panel > .inner > h3:first-child a,
+  .panel > h3:first-child a {
+    color: #fff; }
+    .panel > .inner > h3:first-child a:hover,
+    .panel > h3:first-child a:hover {
+      color: #fff; }
+  .panel-container .panel > .inner > h3:first-child,
+  .panel-container .panel > h3:first-child {
+    font-size: 15px;
+    line-height: 1.4; }
+
+.post {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  padding: 0;
+  margin-bottom: 10px;
+  position: relative; }
+
+.post > .inner {
+  padding: 5px 10px; }
+
+.rowbg {
+  margin: 5px 5px 2px 5px; }
+
+.navbar ul.linklist {
+  padding: 2px 0; }
+
+ul.linklist {
+  display: block;
+  margin: 0; }
+
+.cp-main .panel {
+  padding: 5px 10px; }
+
+ul.linklist > li {
+  float: left;
+  font-size: 11px;
+  line-height: 2;
+  list-style-type: none;
+  margin-right: 7px;
+  padding-top: 1px;
+  width: auto; }
+  ul.linklist > li.icon-only, ul.linklist > li.rightside.icon-only {
+    text-align: center;
+    min-width: 20px; }
+
+ul.linklist > li.rightside, p.rightside, a.rightside {
+  float: right;
+  margin-right: 0;
+  margin-left: 7px;
+  text-align: right; }
+
+ul.navlinks {
+  border-top: 1px solid transparent; }
+  ul.navlinks.nav-breadcrumbs {
+    border-top-width: 0; }
+
+ul.leftside {
+  float: left;
+  margin-left: 0;
+  margin-right: 5px;
+  text-align: left; }
+
+ul.rightside {
+  float: right;
+  margin-left: 5px;
+  margin-right: -5px;
+  text-align: right; }
+
+ul.linklist li.responsive-menu {
+  position: relative;
+  margin: 0 5px; }
+
+.fa-bars:before {
+  display: none; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+  display: inline-block;
+  margin: 0 5px;
+  font-size: 17px;
+  position: relative;
+  width: 17px;
+  line-height: 21px;
+  text-decoration: none; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+  content: '\f0c9';
+  font-family: FontAwesome;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  margin-top: -6.5px;
+  width: 15px;
+  font-size: 13px;
+  line-height: 13px;
+  height: 13px;
+  text-align: center;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0; }
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before {
+  font-family: FontAwesome;
+  content: '\f078'; }
+
+.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
+  max-width: 48%; }
+
+.hasjs ul.linklist.fullwidth {
+  max-width: none; }
+
+ul.linklist .dropdown {
+  top: 22px; }
+
+ul.linklist .dropdown-up .dropdown {
+  bottom: 22px;
+  top: auto; }
+
+ul.linklist.bulletin > li:before {
+  display: inline-block;
+  content: "\2022";
+  font-size: inherit;
+  line-height: inherit;
+  padding-right: 4px; }
+
+ul.linklist.bulletin > li:first-child:before,
+ul.linklist.bulletin > li.rightside:last-child:before {
+  content: none; }
+
+ul.linklist.bulletin > li.no-bulletin:before {
+  content: none; }
+
+.responsive-menu:before {
+  display: none !important; }
+
+.header-profile {
+  display: inline-block;
+  vertical-align: top; }
+
+.header-avatar:hover {
+  text-decoration: none; }
+
+.header-avatar img {
+  margin-bottom: 2px;
+  max-height: 20px;
+  vertical-align: middle;
+  width: auto; }
+
+.header-avatar span:after {
+  content: '\f078';
+  font-family: FontAwesome;
+  display: inline-block;
+  font-size: 7px;
+  float: right;
+  padding-left: 2px;
+  font-weight: normal;
+  opacity: 0.7; }
+
+.dropdown-container {
+  position: relative; }
+
+.dropdown-container-right {
+  float: right; }
+
+.dropdown-container-left {
+  float: left; }
+
+.nojs .dropdown-container:hover .dropdown {
+  display: block !important; }
+
+.dropdown {
+  display: none;
+  position: absolute;
+  left: 0;
+  top: 1.4em;
+  z-index: 30;
+  padding: 0;
+  margin-right: -500px; }
+
+.dropdown.live-search {
+  top: auto; }
+
+.dropdown-container.topic-tools {
+  float: left; }
+
+.dropdown-up .dropdown {
+  top: auto;
+  bottom: 1.4em; }
+
+.dropdown-left .dropdown, .nojs .rightside .dropdown {
+  left: auto;
+  right: 0;
+  margin-left: -500px;
+  margin-right: 0; }
+
+.dropdown-button-control .dropdown {
+  top: 24px; }
+
+.dropdown-button-control.dropdown-up .dropdown {
+  top: auto;
+  bottom: 24px; }
+
+.dropdown .pointer, .dropdown .pointer-inner {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-top-width: 0;
+  border-bottom: 10px solid transparent;
+  border-left: 10px dashed transparent;
+  border-right: 10px dashed transparent;
+  -webkit-transform: rotate(360deg);
+  /* better anti-aliasing in webkit */
+  display: block; }
+
+.dropdown-up .pointer, .dropdown-up .pointer-inner {
+  border-bottom-width: 0;
+  border-top: 10px solid transparent; }
+
+.dropdown .pointer {
+  right: auto;
+  left: 10px;
+  top: 0;
+  z-index: 3; }
+
+.dropdown-up .pointer {
+  bottom: 0;
+  top: auto; }
+
+.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
+  left: auto;
+  right: 10px; }
+
+.dropdown .pointer-inner {
+  top: auto;
+  bottom: -11px;
+  left: -10px; }
+
+.dropdown-up .pointer-inner {
+  bottom: auto;
+  top: -11px; }
+
+.dropdown .dropdown-contents {
+  z-index: 30;
+  overflow: hidden;
+  overflow-y: auto;
+  border: 0px solid transparent;
+  border-radius: 0 0 3px 3px;
+  border-top-width: 3px;
+  padding: 5px;
+  position: relative;
+  min-width: 40px;
+  max-height: 300px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  .notifications .dropdown .dropdown-contents {
+    min-width: 300px; }
+
+.dropdown-up .dropdown-contents {
+  border-bottom-width: 3px;
+  border-top-width: 0;
+  border-radius: 3px 3px 0 0; }
+
+.dropdown-contents > li {
+  padding-right: 15px;
+  min-width: 180px; }
+
+.dropdown-nonscroll > li {
+  padding-right: 0; }
+
+.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
+  border-top: 0; }
+
+.dropdown li li:first-child {
+  margin-top: 4px; }
+
+.dropdown li li:last-child {
+  padding-bottom: 0; }
+
+.dropdown li li {
+  border-top: 1px dotted transparent;
+  padding-left: 18px; }
+
+#wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
+  white-space: normal; }
+
+.dropdown li.separator {
+  border-top: 1px solid transparent;
+  margin: 4px 0;
+  padding: 0; }
+
+.dropdown li.separator:first-child, .dropdown li.separator:last-child {
+  display: none !important; }
+
+.dropdown-trigger > i.glyphicons, .dropdown-trigger > i.fa {
+  display: inline;
+  line-height: inherit;
+  top: 0;
+  vertical-align: baseline; }
+  .dropdown-trigger > i.glyphicons:before, .dropdown-trigger > i.fa:before {
+    font-size: 1.4em;
+    line-height: 1;
+    position: relative;
+    top: 1px; }
+
+.breadcrumbs .crumb {
+  float: left;
+  font-weight: bold;
+  word-wrap: normal;
+  position: relative;
+  padding-left: 13px; }
+  .rtl .breadcrumbs .crumb {
+    padding-left: 0;
+    padding-right: 13px; }
+
+.breadcrumbs .crumb:before {
+  content: '\f054';
+  font-family: FontAwesome;
+  font-weight: normal;
+  position: absolute;
+  left: 1px;
+  width: 11px;
+  top: 50%;
+  margin-top: -5.5px;
+  font-size: 7px;
+  height: 11px;
+  line-height: 11px;
+  text-align: center; }
+  .rtl .breadcrumbs .crumb:before {
+    left: auto;
+    right: 1px;
+    content: '\f053'; }
+
+.breadcrumbs .crumb:first-child {
+  padding-left: 0;
+  padding-right: 0; }
+  .breadcrumbs .crumb:first-child:before {
+    display: none; }
+
+.breadcrumbs .crumb a {
+  display: inline-block;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  vertical-align: bottom;
+  overflow: hidden; }
+
+.breadcrumbs.wrapped .crumb a {
+  letter-spacing: -.3px; }
+
+.breadcrumbs.wrapped .crumb.wrapped-medium a {
+  letter-spacing: -.4px; }
+
+.breadcrumbs.wrapped .crumb.wrapped-tiny a {
+  letter-spacing: -.5px; }
+
+.breadcrumbs .crumb.wrapped-max a {
+  max-width: 120px; }
+
+.breadcrumbs .crumb.wrapped-wide a {
+  max-width: 100px; }
+
+.breadcrumbs .crumb.wrapped-medium a {
+  max-width: 80px; }
+
+.breadcrumbs .crumb.wrapped-small a {
+  max-width: 60px; }
+
+.breadcrumbs .crumb.wrapped-tiny a {
+  max-width: 40px; }
+
+table.table1 {
+  width: 100%; }
+
+.ucp-main table.table1 {
+  padding: 2px; }
+
+table.table1 thead th {
+  background: #636363;
+  border: 0 solid #636363;
+  color: #fff;
+  text-transform: none;
+  line-height: 1.4;
+  font-weight: normal;
+  font-size: 13px;
+  padding: 4px; }
+  table.table1 thead th:first-child {
+    border-top-left-radius: 2px; }
+  table.table1 thead th:last-child {
+    border-top-right-radius: 2px; }
+
+table.table1 thead th span {
+  padding-left: 7px; }
+
+table.table1 tbody tr {
+  border-top: 1px solid transparent; }
+
+table.table1 td {
+  font-size: 12px;
+  line-height: 1.4; }
+
+table.table1 tbody td {
+  padding: 5px;
+  border-top: 1px solid transparent; }
+
+table.table1 tbody th {
+  padding: 5px;
+  border-bottom: 1px solid transparent;
+  text-align: left; }
+
+table.table1 .name {
+  text-align: left; }
+
+table.table1 .center {
+  text-align: center; }
+
+table.table1 .reportby {
+  width: 15%; }
+
+table.table1 .posts {
+  text-align: center;
+  width: 7%; }
+
+table.table1 .joined {
+  text-align: left;
+  width: 15%; }
+
+table.table1 .active {
+  text-align: left;
+  width: 15%; }
+
+table.table1 .mark {
+  text-align: center;
+  width: 7%; }
+
+table.table1 .info {
+  text-align: left;
+  width: 30%;
+  max-width: 200px; }
+  @media (max-width: 550px) {
+    table.table1 .info {
+      max-width: 150px; } }
+
+table.table1 .info div {
+  width: 100%;
+  white-space: normal;
+  overflow: hidden; }
+
+table.table1 .autocol {
+  line-height: 2em;
+  white-space: nowrap; }
+
+table.table1 thead .autocol {
+  padding-left: 1em; }
+
+table.table1 th.info {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+table.table1 span.rank-img {
+  float: right;
+  width: auto; }
+
+table.info td {
+  padding: 3px; }
+
+table.info tbody th {
+  padding: 3px;
+  text-align: right;
+  vertical-align: top;
+  font-weight: normal; }
+
+.forumbg table.table1 {
+  margin: 0; }
+
+.forumbg-table > .inner {
+  margin: 0 -1px; }
+
+.color_palette_placeholder table {
+  border-collapse: separate;
+  border-spacing: 1px; }
+
+.column1 {
+  float: left;
+  clear: left;
+  width: 49%; }
+
+.column2 {
+  float: right;
+  clear: right;
+  width: 49%; }
+
+.left-box {
+  float: left;
+  width: auto;
+  text-align: left;
+  max-width: 100%; }
+
+.left-box.profile-details {
+  width: 80%; }
+
+.right-box {
+  float: right;
+  width: auto;
+  text-align: right;
+  max-width: 100%; }
+
+dl.details {
+  font-size: 11px; }
+
+dl.details dt {
+  float: left;
+  clear: left;
+  width: 30%;
+  text-align: right;
+  display: block; }
+
+dl.details dd {
+  margin-left: 0;
+  padding-left: 5px;
+  margin-bottom: 5px;
+  float: left;
+  width: 65%;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+.clearfix, fieldset dl, dl.polls {
+  overflow: hidden; }
+
+ul.topiclist dd.lastpost {
+  float: right; }
+
+fieldset.fields1 ul.recipients {
+  list-style-type: none;
+  line-height: 1.8;
+  max-height: 150px;
+  overflow-y: auto; }
+
+fieldset.fields1 dd.recipients {
+  clear: left;
+  margin-left: 1em; }
+
+fieldset.fields1 ul.recipients input.button2 {
+  font-size: 9px;
+  margin-right: 0;
+  padding: 0; }
+
+fieldset.fields1 dl.pmlist > dt {
+  width: auto !important; }
+
+fieldset.fields1 dl.pmlist dd.recipients {
+  margin-left: 0 !important; }
+
+.action-bar {
+  font-size: 11px;
+  margin: 4px 0; }
+
+.forabg + .action-bar {
+  margin-top: 10px; }
+
+.action-bar .button {
+  margin-right: 5px;
+  float: left; }
+
+.action-bar .button-search {
+  margin-right: 0; }
+
+.pagination {
+  float: right;
+  font-size: 11px;
+  text-align: right;
+  width: auto; }
+
+.action-bar.bottom .pagination {
+  margin-top: 0; }
+
+.action-bar .pagination .button {
+  margin-right: 0;
+  float: none; }
+
+.pagination > ul {
+  display: inline-block;
+  list-style: none !important;
+  margin-left: 5px; }
+
+.pagination > ul > li {
+  display: inline-block !important;
+  padding: 0;
+  font-size: 11px;
+  line-height: normal;
+  vertical-align: middle; }
+
+.pagination li a, .pagination li span {
+  border-radius: 2px;
+  padding: 2px 5px; }
+
+.pagination li.active span {
+  display: inline-block;
+  font-size: 13px;
+  font-weight: normal;
+  font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+  line-height: 1.4;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  border: 1px solid transparent; }
+
+.pagination li.ellipsis span {
+  border: none;
+  padding: 0; }
+
+.pagination li.page-jump {
+  margin-right: 5px; }
+
+.pagination li.page-jump a {
+  background: transparent none !important;
+  border-color: transparent !important;
+  padding: 0 8px; }
+
+.pagination li.page-jump a i {
+  font-size: 21px; }
+
+.pagination .arrow a {
+  padding: 2px 0; }
+
+.rtl .pagination li.previous a:after {
+  content: '\f054';
+  right: 1px;
+  left: 3px; }
+
+.rtl .pagination li.next a:after {
+  content: '\f053';
+  left: 1px;
+  right: 3px; }
+
+.row .pagination {
+  display: block;
+  margin-top: 3px;
+  margin-bottom: 3px; }
+
+.row .pagination > ul {
+  margin: 0; }
+
+.row .pagination li a, .row .pagination li span {
+  border-radius: 2px;
+  padding: 1px 3px;
+  font-size: 9px; }
+
+.phpbb_alert {
+  border: 1px solid transparent;
+  display: none;
+  left: 0;
+  padding: 0 25px 20px 25px;
+  position: fixed;
+  right: 0;
+  top: 150px;
+  z-index: 50;
+  width: 620px;
+  margin: 0 auto; }
+
+@media (max-height: 500px) {
+  .phpbb_alert {
+    top: 25px; } }
+.phpbb_alert .alert_close {
+  display: block;
+  float: right;
+  width: 24px;
+  height: 24px;
+  overflow: hidden;
+  text-decoration: none !important;
+  background: transparent none 0 0 no-repeat;
+  margin-top: -12px;
+  margin-right: -36px;
+  position: relative; }
+
+.phpbb_alert .alert_close:before,
+.phpbb_alert .alert_close:after {
+  content: '\f057';
+  font-family: FontAwesome;
+  position: absolute;
+  font-size: 18px;
+  line-height: 24px;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0;
+  text-align: center;
+  left: 0;
+  top: 0;
+  margin: 0;
+  padding: 0;
+  width: 24px;
+  height: 24px; }
+
+.phpbb_alert .alert_close:before {
+  content: '\f111';
+  font-size: 20px; }
+
+.phpbb_alert p {
+  margin: 8px 0;
+  padding-bottom: 8px; }
+
+.phpbb_alert label {
+  display: block;
+  margin: 8px 0;
+  padding-bottom: 8px; }
+
+.phpbb_alert div.alert_text > p,
+.phpbb_alert div.alert_text > label,
+.phpbb_alert div.alert_text > select,
+.phpbb_alert div.alert_text > textarea,
+.phpbb_alert div.alert_text > input {
+  font-size: 11px; }
+
+.darkenwrapper {
+  display: none;
+  position: relative;
+  z-index: 44; }
+
+.darken {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.5;
+  z-index: 45; }
+
+.loading_indicator {
+  background: center center no-repeat;
+  border-radius: 5px;
+  display: none;
+  opacity: 0.8;
+  margin-top: -50px;
+  margin-left: -50px;
+  height: 50px;
+  width: 50px;
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  z-index: 51; }
+
+.forum-permissions {
+  float: right;
+  width: auto;
+  padding-left: 5px;
+  margin-left: 5px;
+  margin-top: 10px;
+  text-align: right; }
+
+.copyright {
+  font-size: 10px;
+  text-align: center;
+  padding: 10px; }
+
+.footer-row {
+  font-size: 10px;
+  line-height: 1.8;
+  margin: 0; }
+
+.small {
+  font-size: 0.9em !important; }
+
+.titlespace {
+  margin-bottom: 15px; }
+
+.headerspace {
+  margin-top: 20px; }
+
+.error {
+  font-weight: bold;
+  font-size: 11px; }
+
+div.rules {
+  margin: 10px 0;
+  font-size: 11px;
+  padding: 5px 10px;
+  border-radius: 3px; }
+
+div.rules ul, div.rules ol {
+  margin-left: 20px; }
+
+p.post-notice {
+  position: relative;
+  padding: 5px;
+  padding-left: 26px;
+  min-height: 14px;
+  margin-bottom: 1em;
+  font-size: 12px; }
+
+p.post-notice:before {
+  content: '';
+  display: block;
+  position: absolute;
+  top: 50%;
+  margin-top: -10px;
+  font-size: 16px;
+  height: 18px;
+  line-height: 18px;
+  text-align: center;
+  vertical-align: baseline;
+  left: 0;
+  width: 28px;
+  background: transparent none 50% 50% no-repeat;
+  pointer-events: none;
+  font-weight: normal;
+  font-style: normal;
+  text-transform: none; }
+
+form > p.post-notice strong {
+  line-height: 20px; }
+
+.jumpbox {
+  margin: 5px 0; }
+
+.jumpbox .dropdown li {
+  border-top: 1px solid transparent; }
+
+.jumpbox .dropdown-select {
+  margin: 0; }
+
+.jumpbox .dropdown-contents {
+  padding: 0;
+  text-decoration: none; }
+
+.jumpbox .dropdown-contents li {
+  padding: 0; }
+
+.jumpbox .dropdown-contents a {
+  margin-right: 20px;
+  padding: 5px 10px;
+  text-decoration: none;
+  width: 100%; }
+
+.jumpbox .spacer {
+  display: inline-block;
+  width: 0px; }
+
+.jumpbox .spacer + .spacer {
+  width: 20px; }
+
+.dropdown-contents a {
+  display: block;
+  padding: 5px; }
+
+.jumpbox .dropdown-select {
+  margin: 0; }
+
+.jumpbox .dropdown-contents a {
+  text-decoration: none; }
+
+.dropdown li {
+  display: list-item;
+  border-top: 1px dotted transparent;
+  float: none !important;
+  line-height: normal !important;
+  font-size: 1em !important;
+  list-style: none;
+  margin: 0;
+  white-space: nowrap;
+  text-align: left; }
+
+.stat-block {
+  clear: both; }
+
+.top {
+  position: absolute;
+  top: -20px; }
+
+.clear {
+  display: block;
+  clear: both;
+  font-size: 1px;
+  line-height: 1px;
+  background: transparent; }
+
+.inner:after,
+ul.linklist:after,
+.action-bar:after,
+.notification_text:after,
+.tabs-container:after,
+.tabs > ul:after,
+.minitabs > ul:after,
+.postprofile .avatar-container:after {
+  clear: both;
+  content: '';
+  display: block; }
+
+.emoji {
+  min-height: 18px;
+  min-width: 18px;
+  height: 1em;
+  width: 1em; }
+
+.hidden {
+  display: none; }
+
+.smilies {
+  vertical-align: text-bottom; }
+
+.icon-notification {
+  position: relative; }
+
+.member-search {
+  float: left;
+  margin: 0;
+  padding: 6px 10px; }
+
+.member-search strong {
+  font-size: 11px; }
+
+.dropdown-extended {
+  display: none;
+  z-index: 3; }
+
+.dropdown-extended ul {
+  max-height: 350px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  clear: both; }
+
+.dropdown-extended ul li {
+  padding: 0;
+  margin: 0 !important;
+  float: none;
+  border-top: 1px solid;
+  list-style-type: none;
+  font-size: 11px;
+  clear: both;
+  position: relative; }
+
+.dropdown-extended ul li:first-child {
+  border-top: none; }
+
+.dropdown-extended ul li.no_notifications {
+  padding: 10px; }
+
+.dropdown-extended .dropdown-contents {
+  max-height: none;
+  padding: 0;
+  position: absolute;
+  width: 340px; }
+
+.nojs .dropdown-extended .dropdown-contents {
+  position: relative; }
+
+.dropdown-extended .header {
+  padding: 0 10px;
+  font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  font-weight: bold;
+  text-align: left;
+  line-height: 30px; }
+  .dropdown-down .dropdown-extended .header {
+    margin-top: -3px; }
+
+.dropdown-extended .header .header_settings {
+  float: right;
+  font-weight: normal;
+  text-transform: none; }
+
+.dropdown-extended .header .header_settings a {
+  display: inline-block;
+  padding: 0 5px; }
+
+.dropdown-extended .header:after {
+  content: '';
+  display: table;
+  clear: both; }
+
+.dropdown-extended .footer {
+  text-align: center;
+  font-size: 11px; }
+
+.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
+  padding: 8px; }
+
+.dropdown-extended .footer > a {
+  padding: 5px 0; }
+
+.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
+  display: block;
+  text-decoration: none; }
+
+.notification_list ul li img {
+  float: left;
+  max-height: 50px;
+  max-width: 50px;
+  width: auto !important;
+  height: auto !important;
+  margin-right: 5px; }
+
+.notification_list ul li p {
+  margin-bottom: 4px;
+  font-size: 11px; }
+
+.notification_list p.notification-reference,
+.notification_list p.notification-location,
+.notification_list li a p.notification-reason {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+.notification_list p.notification-time {
+  font-size: 10px;
+  margin: 0;
+  text-align: right; }
+
+.notification_list div.notifications {
+  margin-left: 50px;
+  padding: 5px; }
+
+.notification_list div.notifications a {
+  display: block; }
+
+.notification_list p.notifications_title {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 15px !important; }
+
+.notification_list p.notifications_title strong {
+  font-weight: 600; }
+
+.notification_list p.notifications_time {
+  font-size: 11px !important; }
+
+.notification_text {
+  margin-left: 58px;
+  white-space: normal; }
+
+.badge {
+  border-radius: 10px;
+  opacity: 0.8;
+  text-align: center;
+  white-space: nowrap;
+  font-size: 10px;
+  line-height: 1;
+  float: right;
+  display: inline-block;
+  margin-left: 3px;
+  vertical-align: baseline;
+  position: relative;
+  top: 3px;
+  padding: 4px 6px; }
+
+.badge.hidden {
+  display: none; }
+
+.linklist .quick-links {
+  margin: 0 7px 0 0; }
+
+.linklist.compact .rightside > a > span span {
+  display: none; }
+
+.dropdown-page-jump .dropdown {
+  top: 20px; }
+
+.dropdown-page-jump.dropdown-up .dropdown {
+  bottom: 20px; }
+
+.dropdown-page-jump input.tiny {
+  width: 50px; }
+
+.dropdown .clone.hidden {
+  display: none; }
+
+.dropdown .clone.hidden + li.separator {
+  display: none; }
+
+.dropdown .clone.hidden + li {
+  border-top: none; }
+
+a {
+  direction: ltr;
+  unicode-bidi: embed;
+  text-decoration: none;
+  /* we use links inline more often then not so to address several bugs with
+  IE and some other browsers we render all links as inlineblock by default */
+  display: inline-block; }
+
+.username-coloured {
+  font-weight: bold;
+  display: inline !important;
+  padding: 0 !important; }
+
+span.username-coloured {
+  margin-left: 10px; }
+
+.forumbg .header a, .forabg .header a, th a {
+  text-decoration: none; }
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+  text-decoration: underline; }
+
+.dropdown-extended a.mark_read {
+  display: block;
+  opacity: .2;
+  position: absolute;
+  z-index: 2;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 30px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  transition: opacity .2s; }
+
+.dropdown-extended li:hover a.mark_read {
+  opacity: .85; }
+
+.dropdown-extended li a.mark_read:hover {
+  opacity: 1; }
+
+.dropdown-extended a.mark_read:after {
+  width: auto;
+  left: 4px;
+  right: 0;
+  font-size: 16px; }
+
+.jumpbox-cat-link,
+.jumpbox-forum-link {
+  font-weight: bold; }
+
+a.forumtitle, a.topictitle {
+  display: inline-block;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.2;
+  font-weight: 500;
+  padding-bottom: 2px;
+  text-decoration: none; }
+  a.forumtitle:hover, a.topictitle:hover {
+    text-decoration: underline; }
+
+a.topictitle {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 15px; }
+
+a.lastsubject {
+  font-weight: bold;
+  text-decoration: none; }
+
+a.lastsubject:hover {
+  text-decoration: underline; }
+
+.postprofile a, .postprofile dt.author a {
+  font-weight: bold;
+  text-decoration: none; }
+
+.postprofile a:hover, .postprofile dt.author a:hover {
+  text-decoration: underline; }
+
+.search .postprofile a {
+  text-decoration: none;
+  font-weight: normal; }
+
+.search .postprofile a:hover {
+  text-decoration: underline; }
+
+.top {
+  font-size: 12px;
+  text-decoration: none;
+  margin-top: 10px; }
+
+.back2top {
+  clear: both; }
+  .post > .back2top {
+    position: relative;
+    right: 5px;
+    bottom: 5px; }
+    .rtl .post > .back2top {
+      right: auto;
+      left: 5px; }
+
+.back2top .top {
+  float: right;
+  margin-top: 0; }
+
+a.top, a.top2 {
+  position: relative; }
+
+a.arrow-up, a.arrow-down {
+  position: relative; }
+  a.arrow-up:after, a.arrow-down:after {
+    position: absolute;
+    top: 50%;
+    margin-top: -5px;
+    text-align: center;
+    font-family: FontAwesome;
+    font-size: 8px;
+    line-height: 10px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+
+a.arrow-up:after {
+  content: '\f077';
+  left: 0; }
+.rtl a.arrow-up:after {
+  left: auto;
+  right: 0; }
+
+a.arrow-down:after {
+  content: '\f078';
+  right: 0;
+  padding-top: 1px; }
+.rtl a.arrow-down:after {
+  right: auto;
+  left: 0; }
+
+a.arrow-up {
+  padding-left: 10px;
+  text-decoration: none;
+  border-bottom-width: 0; }
+
+a.arrow-down {
+  padding-right: 10px; }
+
+a.arrow-down:hover {
+  text-decoration: none; }
+
+a.arrow-left:hover {
+  text-decoration: none; }
+
+a.arrow-right:hover {
+  text-decoration: none; }
+
+.skiplink {
+  position: absolute;
+  left: -999px;
+  width: 990px; }
+
+a.feed-icon-forum {
+  float: right;
+  margin: 3px;
+  width: 16px;
+  height: 16px;
+  position: relative; }
+
+.topiclist.forums a.feed-icon-forum {
+  margin-top: 12px; }
+
+a.feed-icon-forum:after {
+  content: '\f09e';
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: 16px;
+  height: 16px;
+  font-family: FontAwesome;
+  font-size: 14px;
+  font-weight: normal;
+  font-style: normal;
+  line-height: 16px;
+  text-align: center; }
+
+a.top-anchor {
+  display: block; }
+
+ul.topiclist {
+  display: block;
+  list-style-type: none;
+  margin: 0; }
+
+ul.topiclist li {
+  display: block;
+  list-style-type: none;
+  margin: 0; }
+  .forabg ul.topiclist li.header, .forumbg ul.topiclist li.header {
+    margin: -5px -10px 5px;
+    border-radius: 2px;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    background: #636363;
+    border: 0 solid #636363;
+    padding: 5px;
+    text-transform: none;
+    font-size: 15px;
+    line-height: 1.4;
+    font-weight: normal;
+    color: #fff;
+    border-radius: 3px;
+    margin: 0;
+    position: relative; }
+    @media (max-width: 700px) {
+      .forabg ul.topiclist li.header, .forumbg ul.topiclist li.header {
+        border-radius: 0; } }
+    .forabg ul.topiclist li.header a, .forumbg ul.topiclist li.header a {
+      color: #fff; }
+      .forabg ul.topiclist li.header a:hover, .forumbg ul.topiclist li.header a:hover {
+        color: #fff; }
+    .forabg ul.topiclist li.header .forum-toggle, .forumbg ul.topiclist li.header .forum-toggle {
+      position: absolute;
+      right: 5px;
+      top: 50%;
+      margin-top: -8px;
+      height: 16px;
+      width: 16px;
+      text-decoration: none !important;
+      outline-style: none !important;
+      color: inherit;
+      transition: opacity 0.3s ease;
+      opacity: .5; }
+      .forabg ul.topiclist li.header .forum-toggle:after, .forumbg ul.topiclist li.header .forum-toggle:after {
+        content: '\f056';
+        font-family: FontAwesome;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 16px;
+        height: 16px;
+        font-size: 12px;
+        line-height: 16px; }
+      .forabg ul.topiclist li.header .forum-toggle.toggled:after, .forumbg ul.topiclist li.header .forum-toggle.toggled:after {
+        content: '\f055'; }
+      .forabg ul.topiclist li.header .forum-toggle:hover, .forumbg ul.topiclist li.header .forum-toggle:hover {
+        opacity: 1; }
+      .rtl .forabg ul.topiclist li.header .forum-toggle, .rtl .forumbg ul.topiclist li.header .forum-toggle {
+        right: auto;
+        left: 4px; }
+
+ul.topiclist dl {
+  position: relative; }
+
+ul.topiclist li.row dl {
+  margin: 2px 0; }
+
+ul.topiclist dt, ul.topiclist dd {
+  display: block;
+  float: left; }
+
+ul.topiclist dt {
+  width: 100%;
+  margin-right: -440px;
+  font-size: 11px; }
+
+ul.topiclist.missing-column dt {
+  margin-right: -345px; }
+
+dl.elegant-row dt,
+ul.topiclist.two-long-columns dt {
+  margin-right: -250px; }
+
+ul.topiclist.two-columns dt {
+  margin-right: -80px; }
+
+ul.topiclist dt .list-inner {
+  margin-right: 440px;
+  padding-left: 5px;
+  padding-right: 5px;
+  position: relative; }
+
+ul.topiclist.missing-column dt .list-inner {
+  margin-right: 345px; }
+
+dl.elegant-row dt .list-inner,
+ul.topiclist.two-long-columns dt .list-inner {
+  margin-right: 250px; }
+
+ul.topiclist.two-columns dt .list-inner {
+  margin-right: 80px; }
+
+ul.topiclist dd {
+  border-left: 1px solid transparent;
+  padding: 4px 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+ul.topiclist dfn {
+  display: none;
+  position: absolute;
+  left: -999px;
+  width: 990px; }
+
+.forum-image {
+  float: left;
+  padding-top: 5px;
+  margin-right: 5px; }
+
+li.row {
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent; }
+  li.row:first-child {
+    border-top-width: 0;
+    padding-top: 0; }
+  li.row:last-child {
+    border-bottom-width: 0;
+    padding-bottom: 0; }
+  .forabg ul.topiclist li.row, .forumbg ul.topiclist li.row {
+    background: #f4f4f4;
+    border: 0 solid #e0e0e0;
+    border-radius: 3px;
+    padding: 5px 10px;
+    padding: 5px;
+    margin: 5px 0;
+    padding: 0; }
+    .forabg ul.topiclist li.row.reported, .forumbg ul.topiclist li.row.reported {
+      background-color: #f5e9e9; }
+  li.row .subforums-list ul {
+    list-style-type: none;
+    display: inline;
+    margin: 0; }
+  li.row .subforums-list li {
+    display: inline; }
+    li.row .subforums-list li > span {
+      display: inline; }
+  li.row .forum-mcplink {
+    right: 4px;
+    top: 4px; }
+    .rtl li.row .forum-mcplink {
+      right: auto;
+      left: 4px; }
+
+li.row strong {
+  font-weight: normal; }
+
+li.header dt, li.header dd {
+  border-left-width: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  font-size: 12px;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  line-height: 18px; }
+
+li.header dt {
+  width: 100%;
+  margin-right: -440px; }
+  .forabg li.header dt {
+    font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+    font-weight: 500;
+    font-size: 14px; }
+  li.header dt .list-inner {
+    margin-right: 440px;
+    text-indent: 5px;
+    padding-left: 0; }
+
+li.header dd {
+  padding-left: 1px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+li.header dl dt, li.header dl dd {
+  min-height: 0; }
+
+.forabg li.header dl.row-item dt .list-inner {
+  padding-left: 0;
+  padding-right: 50px; }
+
+.row .list-inner {
+  padding: 4px 0; }
+
+dl.row-item {
+  background-position: 10px 50%;
+  background-repeat: no-repeat;
+  background-size: 36px; }
+
+dl.row-item dt {
+  background-repeat: no-repeat;
+  background-position: 5px 95%;
+  background-size: 17px; }
+
+dl.row-item dt .list-inner {
+  padding-left: 55px;
+  position: relative;
+  padding-top: 5px;
+  padding-bottom: 5px; }
+  li.header dl.row-item dt .list-inner {
+    padding-top: 0;
+    padding-bottom: 0; }
+
+dl.row-item dt .list-inner .topic-status {
+  position: absolute;
+  right: 4px;
+  top: 3px;
+  font-size: 14px;
+  pointer-events: none; }
+  .rtl dl.row-item dt .list-inner .topic-status {
+    right: auto;
+    left: 4px; }
+
+dl.row-item dt .list-inner .topic-status + .topic-status {
+  right: 20px; }
+
+dl.row-item dt, dl.row-item dd {
+  min-height: 42px; }
+
+dl.row-item dt a {
+  display: inline; }
+
+dl.row-item.with-description dt, dl.row-item.with-description dd {
+  min-height: 50px; }
+
+dl a.row-item-link {
+  display: block;
+  width: 36px;
+  height: 36px;
+  padding: 0;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  margin-top: -15px;
+  margin-left: 9px;
+  z-index: 2; }
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
+  width: 80px;
+  text-align: center; }
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark, dd.lastpost.empty {
+  line-height: 34px;
+  font-size: 12px; }
+  .with-description dd.posts, .with-description dd.topics, .with-description dd.views, .with-description dd.extra, .with-description dd.mark, .with-description dd.lastpost.empty {
+    line-height: 42px; }
+
+dd.lastpost.empty br {
+  display: none; }
+
+dd.posts, dd.topics, dd.views {
+  width: 95px; }
+  .elegant-row dd.posts, .elegant-row dd.topics, .elegant-row dd.views {
+    display: none; }
+
+dl.row-item dt ol,
+dl.row-item dt ul {
+  list-style-position: inside;
+  margin-left: 1em; }
+
+dl.row-item dt li {
+  display: list-item;
+  list-style-type: inherit; }
+
+dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
+  width: 250px;
+  font-size: 11px; }
+
+dd.redirect {
+  line-height: 2.5em; }
+
+dd.time {
+  line-height: 200%; }
+
+dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
+  display: block;
+  padding-left: 5px; }
+
+dd.extra, dd.mark {
+  line-height: 200%; }
+
+dd.option {
+  width: 125px;
+  line-height: 200%;
+  text-align: center;
+  font-size: 11px; }
+
+.forum-description {
+  font-size: 13px;
+  padding-top: 2px; }
+
+.forum-statistics {
+  font-size: 11px;
+  padding-top: 2px; }
+
+.forum-lastpost {
+  display: none; }
+  @media (max-width: 550px) {
+    .forum-lastpost {
+      display: block !important;
+      padding-top: 2px;
+      line-height: 1.2;
+      overflow: hidden; } }
+  .forum-lastpost strong, .forum-lastpost span {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap; }
+  .forum-lastpost strong, .forum-lastpost span, .forum-lastpost a.lastsubject {
+    font-weight: normal; }
+  .forum-lastpost strong {
+    display: block;
+    float: left;
+    max-width: 200px;
+    padding-right: 5px; }
+    .rtl .forum-lastpost strong {
+      float: right;
+      padding-right: 0;
+      padding-left: 5px; }
+    @media (max-width: 400px) {
+      .forum-lastpost strong {
+        max-width: 130px; } }
+  .forum-lastpost span {
+    display: inline-block;
+    max-width: 100%; }
+    .forum-lastpost span:after {
+      content: '|';
+      display: inline-block;
+      text-align: center;
+      width: 12px; }
+    .forum-lastpost span:last-of-type:after {
+      display: none; }
+
+.subforums-list {
+  padding-top: 2px; }
+
+.forum-description.toggle {
+  display: none;
+  position: absolute;
+  font-size: 11px;
+  border-radius: 4px;
+  padding: 4px 9px;
+  max-width: 500px;
+  cursor: pointer; }
+  a.forumtitle + .forum-description.toggle, a.topictitle + .forum-description.toggle {
+    left: 55px;
+    top: 25px;
+    z-index: 30; }
+    .rtl a.forumtitle + .forum-description.toggle, .rtl a.topictitle + .forum-description.toggle {
+      left: auto;
+      right: 55px; }
+  .forum-description.toggle a {
+    background: none !important;
+    text-decoration: underline !important;
+    border-width: 0 !important; }
+  .forum-description.toggle span.arrow {
+    position: absolute;
+    line-height: 0;
+    width: 0;
+    height: 0;
+    border: 6px solid transparent;
+    border-left: 1px none transparent;
+    top: 6px;
+    left: -6px;
+    bottom: auto; }
+  .rtl .forum-description.toggle span.arrow {
+    border-left: 6px solid transparent;
+    border-right: 1px none transparent;
+    left: auto;
+    right: -6px; }
+  .forum-description.toggle.no-arrow span.arrow {
+    display: none; }
+
+.postbody {
+  padding: 0;
+  font-size: 11px;
+  line-height: 1.4; }
+  .postprofile + .postbody {
+    float: right;
+    margin-left: -160px;
+    width: 100%;
+    position: relative; }
+    .rtl .postprofile + .postbody {
+      margin-left: 0;
+      margin-right: -160px;
+      float: left; }
+    .search .postprofile + .postbody {
+      margin-left: -260px; }
+      .rtl .search .postprofile + .postbody {
+        margin-left: 0;
+        margin-right: -260px; }
+
+.postprofile + .postbody > div {
+  margin-left: 160px; }
+  .postprofile + .postbody > div:only-child:after {
+    content: ' ';
+    display: table;
+    clear: both; }
+  .rtl .postprofile + .postbody > div {
+    margin-left: 0;
+    margin-right: 160px; }
+  .search .postprofile + .postbody > div {
+    margin-left: 260px; }
+    .rtl .search .postprofile + .postbody > div {
+      margin-left: 0;
+      margin-right: 260px; }
+
+.postbody .ignore {
+  font-size: 13px;
+  line-height: 1.4; }
+
+.postbody h3 {
+  float: left;
+  font-size: 16px;
+  padding: 2px 0 0 0;
+  margin-top: 0 !important;
+  margin-bottom: 0.3em !important;
+  text-transform: none;
+  border: none;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  line-height: 1.25; }
+  .rtl .postbody h3 {
+    float: right; }
+
+.postbody h3 img {
+  vertical-align: bottom; }
+
+.has-profile .postbody h3 {
+  float: none !important;
+  margin-right: 180px; }
+  .rtl .has-profile .postbody h3 {
+    margin-right: 0;
+    margin-left: 180px; }
+
+.postbody .content {
+  font-size: 13px;
+  line-height: 1.4;
+  overflow-x: auto; }
+
+.postbody img.postimage {
+  max-width: 100%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.panel .review {
+  margin-top: 2em; }
+
+.topicreview {
+  padding-right: 5px;
+  overflow: auto;
+  height: 300px; }
+
+.topicreview .postbody {
+  width: auto;
+  float: none;
+  margin: 0;
+  height: auto; }
+
+.topicreview .post {
+  height: auto; }
+
+.topicreview h2 {
+  border-bottom-width: 0; }
+
+.post-ignore .postbody {
+  display: none; }
+
+.post_details {
+  overflow: auto;
+  max-height: 300px; }
+
+.content {
+  clear: both;
+  min-height: 3em;
+  overflow: hidden;
+  line-height: 1.4;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  padding-bottom: 1px; }
+
+.content h2, .panel h2 {
+  font-weight: normal;
+  border-bottom: 1px solid transparent;
+  font-size: 15px;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+  padding-bottom: 0.5em; }
+  .content h2.faq-title, .panel h2.faq-title {
+    margin-top: 5px; }
+
+.panel h3 {
+  margin: 0.5em 0; }
+
+.panel p {
+  font-size: 13px;
+  margin-bottom: 1em;
+  line-height: 1.4; }
+
+.content p {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  margin-bottom: 1em;
+  line-height: 1.4; }
+
+dl.faq, .content dl.faq {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  margin-top: 1em;
+  margin-bottom: 2em;
+  line-height: 1.4; }
+
+dl.faq dt, .content dl.faq dt {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.25;
+  font-weight: normal;
+  margin-bottom: 5px; }
+
+.content dl.faq {
+  margin-bottom: 0.5em; }
+
+.content li {
+  list-style-type: inherit; }
+
+.content ul, .content ol {
+  margin: 0.8em 0 0.9em 3em; }
+
+.posthilit {
+  padding: 0 2px 1px 2px; }
+
+p.author {
+  margin-bottom: 0.3em;
+  padding: 0 0 5px 0;
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px;
+  line-height: 1.4;
+  clear: both; }
+
+.signature {
+  margin-top: 1.5em;
+  padding-top: 0.2em;
+  font-size: 12px;
+  border-top: 1px solid transparent;
+  clear: left;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  line-height: 1.4;
+  overflow: hidden;
+  width: 100%; }
+
+.signature.standalone {
+  border-top-width: 0;
+  margin-top: 0; }
+
+dd .signature {
+  margin: 0;
+  padding: 0;
+  clear: none;
+  border: none; }
+
+.signature li {
+  list-style-type: inherit; }
+
+.signature ul, .signature ol {
+  margin: 0.8em 0 0.9em 3em; }
+
+.notice {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: auto;
+  margin-top: 1.5em;
+  padding-top: 0.2em;
+  font-size: 13px;
+  border-top: 1px dashed transparent;
+  clear: left;
+  line-height: 1.4; }
+
+ul.searchresults {
+  list-style: none;
+  text-align: right;
+  clear: both; }
+  .rtl ul.searchresults {
+    text-align: left; }
+
+blockquote {
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  font-size: 12px;
+  margin: 8px 12px;
+  overflow: hidden;
+  padding: 5px;
+  position: relative; }
+  .rtl blockquote {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+/*blockquote:before {
+	position: absolute;
+	font-family: 'Trebuchet MS';
+	top: 5px;
+	left: 4px;
+	height: 16px;
+	font-size: 30px;
+	line-height: 30px;
+	pointer-events: none;
+}*/
+blockquote blockquote {
+  margin: 5px; }
+
+blockquote cite {
+  font-style: normal;
+  font-weight: bold;
+  display: block;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6; }
+
+blockquote cite:before, .uncited:before {
+  padding-right: 5px; }
+
+blockquote cite > div {
+  float: right;
+  font-weight: normal; }
+
+.postbody .content li blockquote {
+  overflow: inherit;
+  margin-left: 0; }
+
+.codebox {
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  margin: 8px 12px;
+  font-size: 12px;
+  word-wrap: normal; }
+  .rtl .codebox {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+.codebox p {
+  text-transform: uppercase;
+  border-bottom: 1px solid transparent;
+  margin-bottom: 3px;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px !important;
+  line-height: 1.6;
+  font-weight: bold;
+  display: block; }
+
+blockquote .codebox {
+  margin-left: 0; }
+
+.codebox code {
+  overflow: auto;
+  display: block;
+  height: auto;
+  max-height: 200px;
+  padding: 5px 3px;
+  font-family: Monaco, "Andale Mono","Courier New", Courier, mono;
+  font-size: 12px;
+  line-height: 1.3; }
+
+.attachbox {
+  float: left;
+  width: auto;
+  max-width: 100%;
+  margin: 5px 5px 5px 0;
+  padding: 6px;
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  clear: left;
+  box-sizing: border-box; }
+  .rtl .attachbox {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+.attachbox dt {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6;
+  font-weight: 500; }
+
+.attachbox dd {
+  margin-top: 4px;
+  padding-top: 4px;
+  clear: left;
+  border-top: 1px solid transparent;
+  overflow-x: auto; }
+
+.attachbox dd dd {
+  border: none; }
+
+.attachbox p, .attachbox p.stats {
+  line-height: 1.4;
+  font-weight: normal;
+  clear: left; }
+
+.attach-image {
+  margin: 3px 0;
+  max-width: 100%; }
+
+.attach-image img {
+  cursor: default; }
+
+div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
+  display: block;
+  margin-bottom: 4px; }
+
+div.inline-attachment p {
+  font-size: 12px; }
+
+dl.file {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  display: block; }
+
+dl.file dt {
+  text-transform: none;
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6; }
+
+dl.file dd {
+  margin: 0;
+  padding: 0; }
+
+dl.thumbnail img {
+  padding: 3px;
+  border: 1px solid transparent;
+  box-sizing: border-box; }
+
+dl.thumbnail dd {
+  font-style: italic;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+.attachbox dl.thumbnail dd {
+  font-size: 100%; }
+
+dl.thumbnail dt a:hover img {
+  border: 1px solid transparent; }
+
+fieldset.polls {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px; }
+
+fieldset.polls dl {
+  margin: 0;
+  border: 1px solid transparent;
+  border-width: 1px 0;
+  padding: 5px 0;
+  line-height: 1.4; }
+  fieldset.polls dl:first-child {
+    border-top-width: 0; }
+  fieldset.polls dl:last-child {
+    border-bottom-width: 0; }
+
+fieldset.polls dl.voted {
+  font-weight: bold; }
+
+fieldset.polls dt {
+  text-align: left;
+  float: left;
+  display: block;
+  width: 30%;
+  border-right: none;
+  padding: 0;
+  margin: 0;
+  font-size: 13px; }
+
+fieldset.polls dd {
+  float: left;
+  width: 10%;
+  border-left: none;
+  padding: 0 5px;
+  margin-left: 0;
+  font-size: 13px; }
+
+fieldset.polls dd.resultbar {
+  width: 50%; }
+
+fieldset.polls dd input {
+  margin: 2px 0; }
+
+fieldset.polls dd div {
+  text-align: right;
+  font-family: Arial, Helvetica, sans-serif;
+  font-weight: bold;
+  font-size: .9em;
+  padding: 0 3px;
+  overflow: visible;
+  min-width: 8px;
+  border-radius: 2px; }
+
+.vote-submitted {
+  font-size: 15px;
+  font-weight: bold;
+  text-align: center; }
+
+.postprofile {
+  margin: 0;
+  padding: 5px 0;
+  min-height: 80px;
+  border: 0px solid transparent;
+  border-right-width: 1px;
+  width: 150px;
+  float: left;
+  position: relative;
+  box-sizing: border-box;
+  z-index: 2; }
+  .rtl .postprofile {
+    float: right;
+    border-width: 0;
+    border-left-width: 1px; }
+  .search .postprofile {
+    width: 250px; }
+
+.postprofile dd, .postprofile dt {
+  font-size: 11px;
+  line-height: 1.4;
+  margin-right: 8px; }
+  .rtl .postprofile dd, .rtl .postprofile dt {
+    margin-left: 8px;
+    margin-right: 0; }
+
+.postprofile dd {
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+.postprofile strong {
+  font-weight: normal; }
+
+.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
+  margin-bottom: 10px; }
+
+.postprofile .has-avatar .avatar-container {
+  margin-bottom: 3px;
+  overflow: hidden; }
+
+.postprofile .avatar {
+  display: block;
+  float: left;
+  max-width: 100%; }
+  .rtl .postprofile .avatar {
+    float: right; }
+
+.postprofile .avatar img {
+  display: block;
+  height: auto !important;
+  max-width: 100%; }
+
+.postprofile .profile-posts a {
+  font-weight: normal; }
+
+dd.profile-warnings {
+  font-weight: bold; }
+
+dd.profile-contact {
+  overflow: visible; }
+
+.profile-contact .dropdown-container {
+  display: inline-block; }
+
+.profile-contact .icon_contact {
+  vertical-align: middle; }
+
+.profile-contact .dropdown {
+  margin-right: -14px; }
+
+.online-ribbon {
+  display: block;
+  width: 70px;
+  height: 70px;
+  position: absolute;
+  overflow: hidden;
+  top: 0;
+  left: 0;
+  pointer-events: none; }
+  .rtl .online-ribbon {
+    left: auto;
+    right: 0; }
+  .online-ribbon span {
+    display: block;
+    font-weight: 500;
+    font-style: normal;
+    width: 100px;
+    font-size: 11px;
+    line-height: 18px;
+    height: 18px;
+    text-align: center;
+    position: absolute;
+    top: 17px;
+    white-space: nowrap;
+    left: -25px;
+    -webkit-transform: rotate(-45deg);
+    -ms-transform: rotate(-45deg);
+    transform: rotate(-45deg); }
+    .online-ribbon span + span {
+      opacity: .75;
+      z-index: 29; }
+    .rtl .online-ribbon span {
+      left: auto;
+      right: -25px;
+      -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+      transform: rotate(45deg); }
+
+.panel.online > .inner {
+  position: relative;
+  z-index: 2; }
+
+.no-avatar .avatar-container {
+  display: block;
+  width: 92px;
+  height: 92px;
+  background: transparent none 50% 50% no-repeat;
+  background-size: cover; }
+
+.profile-avatar img {
+  max-width: 100%; }
+
+dl.pmlist dt {
+  width: 60% !important; }
+
+dl.pmlist dt textarea {
+  width: 95%; }
+
+dl.pmlist dd {
+  margin-left: 61% !important;
+  margin-bottom: 2px; }
+
+.action-bar div.dl_links {
+  padding: 10px 0 0 10px; }
+
+div.dl_links {
+  display: inline-block;
+  text-transform: none; }
+
+.dl_links strong {
+  font-weight: bold; }
+
+.dl_links ul {
+  list-style-type: none;
+  margin: 0;
+  display: inline-block; }
+
+.dl_links li {
+  display: inline-block; }
+
+.attachment-filename {
+  width: 100%; }
+
+.ellipsis-text {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+table.fixed-width-table {
+  table-layout: fixed; }
+
+.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  -webkit-appearance: none;
+  border-radius: 3px; }
+
+.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+  border-radius: 3px; }
+
+#memberlist tr.inactive, #team tr.inactive {
+  font-style: italic; }
+
+a.post {
+  display: inline !important;
+  background: none !important;
+  box-shadow: none !important;
+  border: none !important; }
+
+.button {
+  display: inline-block;
+  padding: 2px 8px;
+  font-size: 14px;
+  font-weight: 600;
+  font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+  line-height: 18px;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  border: 1px solid transparent;
+  border-radius: 4px; }
+  .button > strong {
+    font-weight: 600; }
+
+.button:focus,
+.button:hover {
+  text-decoration: none;
+  outline: none; }
+
+.caret {
+  border-left: 1px solid;
+  position: relative;
+  right: -6px; }
+
+.caret i {
+  vertical-align: top; }
+
+/* Posting page styles
+----------------------------------------*/
+.button-search,
+.button-search-end {
+  float: left;
+  border-radius: 0;
+  margin: 0;
+  padding: 2px 5px; }
+
+.button-search-end {
+  border-left-width: 0;
+  border-radius: 0 4px 4px 0; }
+
+.search-header .button-search,
+.search-header .button-search-end {
+  border-top-width: 0;
+  border-bottom-width: 0;
+  padding: 3px 5px; }
+
+.search-header .button-search-end {
+  border-right-width: 0; }
+
+.button-icon-only {
+  padding-left: 3px;
+  padding-right: 3px; }
+
+.contact-icons.dropdown-contents {
+  min-width: 0;
+  padding: 0;
+  font-size: 0; }
+
+.contact-icon {
+  position: relative;
+  display: block;
+  height: 16px;
+  width: 16px; }
+  .contact-icon:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    text-align: center;
+    font-family: FontAwesome;
+    font-size: 14px;
+    line-height: 16px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+
+.contact-icons a {
+  border-bottom: 1px dotted;
+  border-right: 1px dotted;
+  display: block;
+  float: left;
+  padding: 8px; }
+
+.contact-icons .last-cell {
+  border-right: none; }
+
+.contact-icons div:last-child a {
+  border-bottom: none; }
+
+.contact-icons div {
+  clear: left; }
+
+.pm-icon:after {
+  content: '\f086'; }
+
+.email-icon:after {
+  content: '\f0e0'; }
+
+.jabber-icon:after {
+  content: '\f0eb';
+  font-size: 16px; }
+
+.phpbb_icq-icon:after {
+  content: '\f013'; }
+
+.phpbb_wlm-icon:after {
+  content: '\f007'; }
+
+.phpbb_aol-icon:after {
+  content: '\f2bb'; }
+
+.phpbb_website-icon:after {
+  content: '\f08e'; }
+
+.phpbb_youtube-icon:after {
+  content: '\f16a'; }
+
+.phpbb_facebook-icon:after {
+  content: '\f230'; }
+
+.phpbb_googleplus-icon:after {
+  content: '\f0d5'; }
+
+.phpbb_skype-icon:after {
+  content: '\f17e'; }
+
+.phpbb_twitter-icon:after {
+  content: '\f099'; }
+
+.phpbb_yahoo-icon:after {
+  content: '\f19e'; }
+
+.post-buttons {
+  float: right;
+  list-style: none;
+  margin-top: 2px; }
+  .rtl .post-buttons {
+    float: left; }
+
+.has-profile .post-buttons {
+  float: none;
+  position: absolute;
+  margin: 0;
+  top: 5px;
+  right: 0; }
+  .rtl .has-profile .post-buttons {
+    left: 0; }
+  .rtl .has-profile .post-buttons {
+    right: auto; }
+
+.post-buttons > li {
+  float: left;
+  margin-right: 3px; }
+
+.post-buttons .button, .format-buttons .button {
+  padding-left: 3px;
+  padding-right: 3px; }
+
+.hastouch .post-buttons {
+  margin-right: 10px; }
+
+.post-buttons .button span {
+  font-size: 0; }
+
+.post-buttons .dropdown {
+  top: 20px; }
+
+.post-buttons .dropdown a {
+  display: block;
+  font-size: 12px;
+  line-height: 1.4;
+  text-align: left;
+  margin-left: 18px;
+  position: relative; }
+  .post-buttons .dropdown a:before {
+    position: absolute;
+    left: -16px;
+    top: 50%;
+    height: 12px;
+    line-height: 14px;
+    margin: -6px 0 0;
+    pointer-events: none;
+    color: inherit; }
+  .rtl .post-buttons .dropdown a {
+    text-align: right; }
+
+.hasjs .postbody .post-buttons {
+  max-width: 40%; }
+
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+/* Deprecated as of version 3.2
+-------------------------------------------------*/
+.small-icon {
+  background-position: 0 50%;
+  background-repeat: no-repeat;
+  background-image: none; }
+
+.dropdown .small-icon {
+  background-position: 5px 50%;
+  padding: 5px; }
+
+.small-icon > a {
+  padding: 0 0 0 18px; }
+
+ul.linklist.bulletin > li.small-icon:before {
+  display: none; }
+
+.dropdown .small-icon > a {
+  display: block; }
+
+.rtl .small-icon {
+  background-position: 100% 50%; }
+
+.rtl .small-icon > a {
+  padding-left: 0;
+  padding-right: 19px; }
+
+.cp-menu {
+  float: left;
+  width: 19%;
+  margin: 0 -2px;
+  padding-right: 7px;
+  box-sizing: border-box; }
+  .rtl .cp-menu {
+    float: right;
+    padding-left: 7px;
+    padding-right: 0; }
+
+.cp-main {
+  float: left;
+  width: 81%; }
+  .rtl .cp-main {
+    float: right; }
+
+.cp-main .content {
+  padding: 0; }
+
+.panel-container .panel {
+  margin-bottom: 10px; }
+
+.panel-container .panel p {
+  font-size: 13px;
+  line-height: 1.4; }
+
+.panel-container .panel ol {
+  margin-left: 2em;
+  font-size: 13px; }
+
+.panel-container .panel li.row {
+  border-bottom: 1px solid transparent;
+  border-top: 1px solid transparent; }
+
+ul.cplist {
+  margin-bottom: 5px;
+  border-top: 1px solid transparent; }
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+  margin-bottom: 2px; }
+
+.panel-container table.table1 {
+  margin-bottom: 1em; }
+
+.panel-container table.table1 thead th {
+  background: transparent;
+  color: inherit;
+  padding: 5px;
+  font-weight: bold;
+  font-size: inherit;
+  line-height: inherit; }
+
+.panel-container table.table1 tbody th {
+  font-style: italic;
+  background-color: transparent !important;
+  border-bottom: none; }
+
+.cp-main .pm-message {
+  border: 1px solid transparent;
+  margin: 10px 0;
+  width: auto;
+  float: none; }
+
+.pm-message h2 {
+  padding-bottom: 5px; }
+
+.cp-main .postbody h3, .cp-main .box2 h3 {
+  margin-top: 0; }
+
+.panel-container .postbody p.author {
+  font-size: 11px; }
+
+.cp-main .buttons {
+  margin-left: 0; }
+
+.cp-main ul.linklist {
+  margin: 0; }
+
+.mcp-main .postbody {
+  width: 100%; }
+
+.tabs-container h2 {
+  float: left;
+  margin-bottom: 0px; }
+
+.tabs, .minitabs {
+  line-height: normal; }
+
+.tabs > ul, .minitabs > ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  position: relative; }
+
+.tabs .tab, .minitabs .tab {
+  display: block;
+  float: left;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 26px; }
+
+.tabs .tab > a, .minitabs .tab > a {
+  display: block;
+  padding: 0 9px;
+  position: relative;
+  text-decoration: none;
+  white-space: nowrap;
+  cursor: pointer;
+  font-size: inherit;
+  line-height: inherit; }
+
+.tabs {
+  margin: 20px 0 0 7px; }
+
+.tabs .tab > a {
+  border: 1px solid transparent;
+  border-radius: 4px 4px 0 0;
+  margin: 1px 1px 0 0; }
+
+.tabs .activetab > a {
+  margin-top: 0;
+  padding-bottom: 2px; }
+
+.minitabs {
+  float: right;
+  margin: 15px 7px 0 0;
+  max-width: 50%; }
+
+.minitabs .tab {
+  float: right; }
+
+.minitabs .tab > a {
+  border-radius: 5px 5px 0 0;
+  margin-left: 2px; }
+
+.minitabs .tab > a:hover {
+  text-decoration: none; }
+
+.responsive-tab {
+  position: relative; }
+
+.responsive-tab > a.responsive-tab-link {
+  display: block;
+  font-size: 16px;
+  position: relative;
+  width: 16px;
+  line-height: 14px;
+  text-decoration: none; }
+.responsive-tab > a.responsive-tab-link:before {
+  content: '\f0c9';
+  font-family: FontAwesome;
+  position: absolute;
+  left: 10px;
+  top: 50%;
+  margin-top: -7px;
+  width: 14px;
+  font-size: 13px;
+  line-height: 15px;
+  height: 15px;
+  text-align: center;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0; }
+.dropdown-visible.responsive-tab > a.responsive-tab-link:before, .responsive-tab > a.responsive-tab-link:hover:before {
+  font-family: FontAwesome;
+  content: '\f078'; }
+
+.tabs .dropdown, .minitabs .dropdown {
+  top: 28px;
+  margin-right: -2px;
+  font-size: 12px;
+  line-height: 1.4;
+  font-weight: normal; }
+
+.minitabs .dropdown {
+  margin-right: -4px; }
+
+.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
+  bottom: 28px;
+  top: auto; }
+
+.tabs .dropdown li {
+  text-align: right; }
+
+.minitabs .dropdown li {
+  text-align: left; }
+
+.navigation {
+  width: 100%; }
+  .navigation hr {
+    display: none; }
+    .navigation hr + ul {
+      margin-top: 10px; }
+
+.navigation ul {
+  list-style: none; }
+
+.navigation li {
+  display: inline;
+  font-weight: bold;
+  margin: 1px 0;
+  padding: 0; }
+
+.navigation a {
+  display: block;
+  padding: 5px;
+  margin: 2px 0;
+  border-radius: 1px;
+  text-decoration: none;
+  font-size: 11px;
+  line-height: 1.4; }
+
+.navigation a:hover {
+  text-decoration: none; }
+
+.cp-main h2 {
+  border-bottom: none;
+  padding: 0;
+  margin-left: 10px; }
+
+.cp-mini {
+  margin: 10px 15px 10px 5px;
+  max-height: 200px;
+  overflow-y: auto;
+  padding: 5px 10px;
+  border-radius: 3px; }
+
+dl.mini dt {
+  font-weight: bold; }
+
+dl.mini dd {
+  padding-top: 4px; }
+
+.friend-online {
+  font-weight: bold; }
+
+.friend-offline {
+  font-style: italic; }
+
+ol.def-rules {
+  padding-left: 0; }
+
+ol.def-rules li {
+  line-height: 180%;
+  padding: 1px; }
+
+.pmlist li.bg1 {
+  padding: 0 3px; }
+
+.pmlist li.bg2 {
+  padding: 0 3px; }
+
+/* DEPRECATED 3.2.6
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: transparent;
+	border-right-color: transparent;
+}
+*/
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour,
+.pmlist li.pm_marked_colour, .pm_marked_colour,
+.pmlist li.pm_replied_colour, .pm_replied_colour,
+.pmlist li.pm_friend_colour, .pm_friend_colour,
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+  padding: 0;
+  border: solid 3px transparent;
+  border-width: 0 3px; }
+
+.pm-legend {
+  border-left-width: 10px;
+  border-left-style: solid;
+  border-right-width: 0;
+  margin-bottom: 3px;
+  padding-left: 3px; }
+
+.gallery label {
+  position: relative;
+  float: left;
+  margin: 10px;
+  padding: 5px;
+  width: auto;
+  border: 1px solid transparent;
+  text-align: center; }
+
+@media (max-width: 900px) {
+  .nojs .tabs a span, .nojs .minitabs a span {
+    max-width: 40px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    letter-spacing: -.5px; }
+
+  .cp-menu, .navigation, .cp-main {
+    float: none;
+    width: auto;
+    margin: 0; }
+
+  .cp-menu:after {
+    content: ' ';
+    display: table;
+    clear: both; }
+
+  .navigation {
+    padding: 0;
+    max-width: 320px; }
+    .cp-menu .navigation {
+      margin: 0 10px;
+      float: left; } }
+    @media (max-width: 900px) and (max-width: 450px) {
+      .cp-menu .navigation {
+        float: none;
+        margin: 0 auto; } }
+@media (max-width: 900px) {
+    .navigation, .cp-menu .navigation:only-child {
+      float: none;
+      margin: 0 auto; }
+    .cp-menu .navigation + .cp-mini {
+      float: left;
+      margin: 0 10px;
+      max-width: 220px; } }
+    @media (max-width: 900px) and (max-width: 450px) {
+      .cp-menu .navigation + .cp-mini {
+        float: none;
+        margin: 10px auto 0; } }
+
+@media (max-width: 900px) {
+  .navigation a {
+    background-image: none; }
+
+  .navigation li:first-child a {
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px; }
+
+  .navigation li:last-child a {
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px; } }
+fieldset {
+  border-width: 0;
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px; }
+
+input {
+  font-weight: normal;
+  vertical-align: middle;
+  padding: 0 3px;
+  font-size: 12px;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+select {
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  cursor: pointer;
+  vertical-align: middle;
+  border: 1px solid transparent;
+  border-radius: 2px;
+  padding: 1px;
+  font-size: 12px; }
+
+select:focus {
+  outline-style: none; }
+
+option {
+  padding-right: 1em; }
+
+select optgroup option {
+  padding-right: 1em;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+textarea {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: 60%;
+  padding: 2px;
+  font-size: 13px;
+  line-height: 1.4;
+  border-radius: 2px;
+  -webkit-appearance: none; }
+
+label {
+  cursor: default;
+  padding-right: 5px; }
+
+label input {
+  vertical-align: middle; }
+
+label img {
+  vertical-align: middle; }
+
+fieldset dl {
+  padding: 4px 0; }
+
+fieldset dt {
+  float: left;
+  width: 40%;
+  text-align: left;
+  display: block; }
+
+fieldset dd {
+  margin-left: 41%;
+  vertical-align: top;
+  margin-bottom: 3px; }
+
+fieldset.fields1 dt {
+  width: 15em;
+  border-right-width: 0; }
+
+fieldset.fields1 dd {
+  margin-left: 15em;
+  border-left-width: 0; }
+
+fieldset.fields1 div {
+  margin-bottom: 3px; }
+
+fieldset.fields1 .live-search div {
+  margin-bottom: 0; }
+
+fieldset.fields2 dt {
+  width: 15em;
+  border-right-width: 0; }
+
+fieldset.fields2 dd {
+  margin-left: 16em;
+  border-left-width: 0; }
+
+dt label {
+  font-weight: bold;
+  text-align: left; }
+
+dd label {
+  white-space: nowrap; }
+
+dd input, dd textarea {
+  margin-right: 3px; }
+
+dd select {
+  width: auto; }
+
+dd select[multiple] {
+  width: 100%; }
+
+dd textarea {
+  width: 85%; }
+
+.timezone {
+  width: 95%; }
+
+/* Browser-specific tweaks */
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+fieldset.quick-login {
+  margin-top: 5px; }
+
+fieldset.quick-login input {
+  width: auto; }
+
+fieldset.quick-login input.inputbox {
+  width: 15%;
+  vertical-align: middle;
+  margin-right: 5px; }
+
+fieldset.quick-login label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.display-options {
+  text-align: center;
+  margin: 3px 0 5px 0; }
+
+fieldset.display-options label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.display-options a {
+  margin-top: 3px; }
+
+.dropdown fieldset.display-options {
+  font-size: 1em;
+  margin: 0;
+  padding: 0; }
+
+.dropdown fieldset.display-options label {
+  display: block;
+  margin: 4px;
+  padding: 0;
+  text-align: right;
+  white-space: nowrap; }
+
+.dropdown fieldset.display-options select {
+  min-width: 120px; }
+
+fieldset.display-actions {
+  text-align: right;
+  line-height: 2em;
+  white-space: nowrap;
+  padding-right: 1em; }
+
+fieldset.display-actions label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.sort-options {
+  line-height: 2em; }
+
+fieldset.forum-selection {
+  margin: 5px 0 3px 0;
+  float: right; }
+
+fieldset.forum-selection2 {
+  margin: 13px 0 3px 0;
+  float: right; }
+
+fieldset.submit-buttons {
+  text-align: center;
+  vertical-align: middle;
+  margin: 5px 0; }
+
+fieldset.submit-buttons input {
+  vertical-align: middle; }
+
+.format-buttons {
+  margin: 15px 0 2px 0; }
+
+.format-buttons input, .format-buttons select {
+  vertical-align: middle; }
+
+.message-box {
+  width: 80%; }
+
+.message-box textarea {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: 450px;
+  height: 270px;
+  min-width: 100%;
+  max-width: 100%;
+  font-size: 13px;
+  line-height: 1.4;
+  resize: vertical;
+  outline: 3px dashed transparent;
+  outline-offset: -4px;
+  -webkit-transition: all .5s ease, height 1ms linear;
+  -moz-transition: all .5s ease, height 1ms linear;
+  -ms-transition: all .5s ease, height 1ms linear;
+  -o-transition: all .5s ease, height 1ms linear;
+  transition: all .5s ease, height 1ms linear; }
+
+.smiley-box {
+  width: 18%;
+  float: right; }
+
+.smiley-box img {
+  margin: 3px; }
+
+.inputbox {
+  border: 1px solid transparent;
+  padding: 2px;
+  border-radius: 2px;
+  -webkit-appearance: none; }
+
+.inputbox:hover, .inputbox:focus {
+  border: 1px solid transparent;
+  outline-style: none; }
+
+input.inputbox {
+  width: 85%; }
+
+input.medium {
+  width: 50%; }
+
+input.narrow {
+  width: 25%; }
+
+input.tiny {
+  width: 150px; }
+
+textarea.inputbox {
+  width: 85%; }
+
+.autowidth {
+  width: auto !important; }
+
+input[type="number"] {
+  -moz-padding-end: 0; }
+
+input[type="search"] {
+  -webkit-appearance: none;
+  -webkit-box-sizing: content-box; }
+
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
+  display: none; }
+
+input[type="search"]::-webkit-search-cancel-button {
+  cursor: pointer; }
+
+input.button1, input.button2 {
+  font-size: 13px; }
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+  width: auto !important;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
+  background: transparent none repeat-x top left;
+  line-height: 1.5;
+  border-radius: 3px;
+  font-size: 13px; }
+  .format-buttons a.button1, .format-buttons input.button1, .format-buttons input.button3, .format-buttons a.button2, .format-buttons input.button2 {
+    font-size: 12px; }
+
+a.button1, input.button1 {
+  font-weight: bold;
+  border: 1px solid transparent; }
+
+input.button3 {
+  padding: 0;
+  margin: 0;
+  line-height: 5px;
+  height: 12px;
+  background-image: none;
+  font-variant: small-caps; }
+
+input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li {
+  cursor: pointer; }
+
+a.button2, input.button2, input.button3 {
+  border: 1px solid transparent; }
+
+a.button1, a.button2 {
+  text-decoration: none;
+  padding: 0 3px;
+  vertical-align: text-bottom; }
+
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+  border: 1px solid transparent; }
+
+input.disabled {
+  font-weight: normal; }
+
+input.button1:focus, input.button2:focus, input.button3:focus {
+  outline-style: none; }
+
+.search-box {
+  float: left; }
+
+.search-box .inputbox {
+  background-image: none;
+  border-right-width: 0;
+  border-radius: 4px 0 0 4px;
+  float: left;
+  height: 24px;
+  padding: 3px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  .rtl .search-box .inputbox {
+    border-radius: 0 4px 4px 0; }
+
+.search-header {
+  border-radius: 4px;
+  display: block;
+  border: 1px solid transparent; }
+  .navbar.with-search .search-header {
+    margin-top: 1px; }
+  .headerbar .search-header {
+    position: absolute;
+    top: 50%;
+    right: 5px;
+    margin-top: -13px; }
+
+.search-header .inputbox {
+  border: 0; }
+
+.navbar .linklist > li.responsive-search {
+  display: none; }
+
+.full {
+  width: 95%; }
+
+.medium {
+  width: 50%; }
+
+.narrow {
+  width: 25%; }
+
+.tiny {
+  width: 10%; }
+
+.icon-search-new, .icon-search-unanswered, .icon-search-unread, .icon-search-self, .icon-search, .icon-search-active, .icon-search-advanced, .icon-acp, .icon-bookmark, .icon-bump, .icon-contact, .icon-delete-cookies, .icon-download, .icon-faq, .icon-home, .icon-logout, .icon-login, .icon-mark, .icon-mcp, .icon-members, .icon-notification, .icon-pages, .icon-pm, .icon-print, .icon-profile, .icon-register, .icon-sendemail, .icon-subscribe, .icon-team, .icon-ucp, .icon-unsubscribe, .icon-new-posts, .icon-forums, .icon-chat, .icon-time, .icon-thanks, .icon-thanks_toplist {
+  position: relative;
+  background-image: none; }
+  .icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 0;
+    height: 14px;
+    margin-top: -7px;
+    text-align: center;
+    font-size: 12px;
+    line-height: 14px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+  .small-icon.icon-search-new:after, .small-icon.icon-search-unanswered:after, .small-icon.icon-search-unread:after, .small-icon.icon-search-self:after, .small-icon.icon-search:after, .small-icon.icon-search-active:after, .small-icon.icon-search-advanced:after, .small-icon.icon-acp:after, .small-icon.icon-bookmark:after, .small-icon.icon-bump:after, .small-icon.icon-contact:after, .small-icon.icon-delete-cookies:after, .small-icon.icon-download:after, .small-icon.icon-faq:after, .small-icon.icon-home:after, .small-icon.icon-logout:after, .small-icon.icon-login:after, .small-icon.icon-mark:after, .small-icon.icon-mcp:after, .small-icon.icon-members:after, .small-icon.icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .small-icon.icon-notification:after, .small-icon.icon-pages:after, .small-icon.icon-pm:after, .small-icon.icon-print:after, .small-icon.icon-profile:after, .small-icon.icon-register:after, .small-icon.icon-sendemail:after, .small-icon.icon-subscribe:after, .small-icon.icon-team:after, .small-icon.icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .small-icon.icon-ucp:after, .small-icon.icon-unsubscribe:after, .small-icon.icon-new-posts:after, .small-icon.icon-forums:after, .small-icon.icon-chat:after, .small-icon.icon-time:after, .small-icon.icon-thanks:after, .small-icon.icon-thanks_toplist:after {
+    width: 18px;
+    text-align: center; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+  font-family: FontAwesome; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after {
+  content: '\f002'; }
+
+.icon-acp:after {
+  content: '\f085'; }
+
+.icon-bookmark:after {
+  content: '\f02e';
+  margin-left: -1px;
+  margin-right: -1px; }
+
+.icon-bump:after {
+  content: '\f079'; }
+
+.icon-contact:after {
+  content: '\f0e0'; }
+
+.icon-delete-cookies:after {
+  content: '\f014'; }
+
+.icon-download:after {
+  content: '\f019'; }
+
+.icon-faq:after {
+  content: '\f059'; }
+
+.icon-home:after {
+  content: '\f015'; }
+.icon-home.breadcrumbs:after {
+  text-align: left; }
+
+.icon-logout:after {
+  content: '\f08b'; }
+
+.icon-login:after {
+  content: '\f090'; }
+
+.icon-mark:after {
+  content: '\f046'; }
+
+.icon-mcp:after {
+  content: '\f0e3'; }
+
+.icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before {
+  content: '\f007'; }
+.icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before {
+  display: block;
+  font-size: 10px;
+  padding: 0;
+  padding-left: 4px;
+  padding-top: 1px;
+  opacity: .7; }
+
+.icon-notification:after {
+  content: '\f0a2'; }
+.icon-notification.non-zero:after {
+  content: '\f0f3'; }
+
+.icon-pages:after {
+  content: '\f0c5'; }
+
+.icon-pm:after {
+  content: '\f003'; }
+.icon-pm.non-zero:after {
+  content: '\f0e0'; }
+
+.icon-print:after {
+  content: '\f02f'; }
+
+.icon-profile:after {
+  content: '\f007'; }
+
+.icon-register:after {
+  content: '\f234'; }
+
+.icon-sendemail:after {
+  content: '\f003'; }
+
+.icon-subscribe:after {
+  content: '\f05d'; }
+
+.icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before {
+  content: '\f007'; }
+.icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before {
+  display: block;
+  font-size: 10px;
+  padding: 0;
+  white-space: nowrap;
+  padding-top: 1px;
+  opacity: .7;
+  content: '\f007\f007'; }
+
+.icon-ucp:after {
+  content: '\f0ad'; }
+
+.icon-unsubscribe:after {
+  content: '\f05c'; }
+
+.icon-new-posts:after {
+  content: '\f086'; }
+
+.icon-forums:after {
+  content: '\f075'; }
+
+.icon-chat:after {
+  content: '\f086'; }
+
+.icon-time:after {
+  content: '\f017'; }
+
+.icon-thanks {
+  background-image: none !important; }
+  .icon-thanks:after {
+    content: '\f087'; }
+
+.icon-thanks_toplist {
+  background-image: none !important; }
+  .icon-thanks_toplist:after {
+    content: '\f005'; }
+
+@media (max-width: 320px) {
+  select, .inputbox {
+    max-width: 240px; } }
+/* Notifications list
+----------------------------------------*/
+@media (max-width: 350px) {
+  .dropdown-extended .dropdown-contents {
+    width: auto; } }
+@media (max-width: 430px) {
+  .action-bar .search-box .inputbox {
+    width: 120px; }
+
+  .section-viewtopic .search-box .inputbox {
+    width: 57px; }
+
+  .action-bar .search-box .inputbox ::-moz-placeholder {
+    content: "Search..."; }
+
+  .action-bar .search-box .inputbox :-ms-input-placeholder {
+    content: "Search..."; }
+
+  .action-bar .search-box .inputbox ::-webkit-input-placeholder {
+    content: "Search..."; } }
+@media (max-width: 500px) {
+  dd label {
+    white-space: normal; }
+
+  select, .inputbox {
+    max-width: 260px; }
+
+  .captcha-panel dd.captcha {
+    margin-left: 0; }
+
+  .captcha-panel dd.captcha-image img {
+    width: 100%; }
+
+  dl.details dt, dl.details dd {
+    width: auto;
+    float: none;
+    text-align: left; }
+
+  dl.details dd {
+    margin-left: 20px; }
+
+  p.responsive-center {
+    float: none;
+    text-align: center;
+    margin-bottom: 5px; }
+
+  .action-bar > div {
+    margin-bottom: 5px; }
+
+  .action-bar > .pagination {
+    float: none;
+    clear: both;
+    padding-bottom: 1px;
+    text-align: center; }
+
+  .action-bar > .pagination li.page-jump {
+    margin: 0 2px; }
+
+  p.jumpbox-return {
+    display: none; }
+
+  .display-options > label:nth-child(1) {
+    display: block;
+    margin-bottom: 5px; }
+
+  .attach-controls {
+    margin-top: 5px;
+    width: 100%; }
+
+  .quick-links .dropdown-trigger span {
+    display: none; } }
+@media (max-width: 550px) {
+  ul.topiclist.forums dt {
+    margin-right: 0; }
+
+  ul.topiclist.forums dt .list-inner {
+    margin-right: 0; }
+
+  ul.topiclist.forums dd.lastpost {
+    display: none; } }
+@media (max-width: 700px) {
+  .responsive-hide {
+    display: none !important; }
+
+  .responsive-show {
+    display: block !important; }
+
+  .responsive-show-inline {
+    display: inline !important; }
+
+  .responsive-show-inline-block {
+    display: inline-block !important; }
+
+  /* Content wrappers
+  ----------------------------------------*/
+  html {
+    height: auto; }
+
+  body {
+    padding: 0; }
+
+  #wrap {
+    border: none;
+    border-radius: 0;
+    margin: 0;
+    padding: 0 5px; }
+
+  .page-width, .navbar .inner.static > .static-inner {
+    min-width: 290px;
+    margin: 0; }
+
+  .navbar .inner.static > .static-inner,
+  #wrap .navbar .inner.static > .static-inner {
+    padding: 0; }
+
+  .forabg, .forumbg, .post, .panel {
+    border-radius: 0;
+    margin-left: -5px;
+    margin-right: -5px; }
+
+  .headerbar, .navbar {
+    border-radius: 0; }
+
+  #wrap .headerbar, #wrap .navbar {
+    margin-left: -5px;
+    margin-right: -5px; }
+
+  .cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
+    border-radius: 0; }
+
+  .navbar.tabbed .nav-tabs, .navbar.tabbed .nav-tabs .tab {
+    border-radius: 0 !important; }
+
+  .site-description {
+    float: none;
+    width: auto;
+    text-align: center; }
+
+  .logo {
+    float: none;
+    margin: 0 auto;
+    padding: 10px; }
+    .logo img {
+      margin: 0 auto; }
+
+  .site-description h1, .site-description p, .site-description p.sitename {
+    text-align: inherit;
+    float: none;
+    margin: 5px;
+    line-height: 1.2em;
+    overflow: hidden;
+    text-overflow: ellipsis; }
+
+  .site-description p, .headerbar .search-header {
+    display: none; }
+
+  .responsive-search {
+    display: block !important; }
+
+  ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
+    margin-right: 0 !important;
+    padding-right: 0; }
+
+  ul.topiclist li.header dd {
+    display: none !important; }
+
+  ul.topiclist dt, ul.topiclist dt .list-inner,
+  ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
+  ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
+  ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
+    margin-right: 0; }
+
+  ul.topiclist dt .list-inner.with-mark {
+    padding-right: 34px; }
+
+  ul.topiclist dt .list-inner {
+    min-height: 28px; }
+
+  ul.topiclist li.header dt .list-inner {
+    min-height: 0; }
+
+  ul.topiclist dd {
+    display: none; }
+
+  ul.topiclist dd.mark {
+    display: block; }
+
+  /* Forums and topics lists
+  ----------------------------------------*/
+  ul.topiclist.forums dt {
+    margin-right: -250px; }
+
+  ul.topiclist dd.mark {
+    display: block;
+    position: absolute;
+    right: 5px;
+    top: 0;
+    margin: 0;
+    width: auto;
+    min-width: 0;
+    text-align: left; }
+
+  ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
+    position: relative;
+    left: 0;
+    width: auto;
+    display: inline;
+    font-weight: normal; }
+
+  li.row .responsive-show strong {
+    font-weight: bold;
+    color: inherit; }
+
+  ul.topiclist li.row dt a.subforum {
+    vertical-align: bottom;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100px; }
+
+  /* Pagination
+  ----------------------------------------*/
+  .pagination > ul {
+    margin: 5px 0 0; }
+
+  .row .pagination .ellipsis + li {
+    display: none !important; }
+
+  /* Responsive tables
+  ----------------------------------------*/
+  table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
+    display: block; }
+
+  table.responsive thead, table.responsive th {
+    display: none; }
+
+  table.responsive.show-header thead, table.responsive.show-header th:first-child {
+    display: block;
+    width: auto !important;
+    text-align: left !important;
+    border-radius: 0; }
+
+  table.responsive.show-header th:first-child span.rank-img {
+    display: none; }
+
+  table.responsive tr {
+    margin: 2px 0; }
+
+  table.responsive td {
+    width: auto !important;
+    text-align: left !important;
+    padding: 4px; }
+
+  table.responsive td.empty {
+    display: none !important; }
+
+  table.responsive td > dfn {
+    display: inline-block !important; }
+
+  table.responsive td > dfn:after {
+    content: ':';
+    padding-right: 5px; }
+
+  table.responsive span.rank-img {
+    float: none;
+    padding-right: 5px; }
+
+  table.responsive.memberlist td:first-child input[type="checkbox"] {
+    float: right; }
+
+  /* Forms
+  ----------------------------------------*/
+  fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
+    width: auto;
+    float: none; }
+
+  fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
+    margin-left: 0px; }
+
+  textarea, dd textarea, .message-box textarea {
+    width: 100%;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box; }
+
+  dl.pmlist dt {
+    width: auto !important;
+    margin-bottom: 5px; }
+
+  dl.pmlist dd {
+    display: inline-block;
+    margin-left: 0 !important; }
+
+  dl.pmlist dd:first-of-type {
+    padding-left: 20px; }
+
+  .smiley-box, .message-box {
+    float: none;
+    width: auto; }
+
+  .smiley-box {
+    margin-top: 5px; }
+
+  .bbcode-status {
+    display: none; }
+
+  .colour-palette, .colour-palette tbody, .colour-palette tr {
+    display: block; }
+
+  .colour-palette td {
+    display: inline-block;
+    margin-right: 2px; }
+
+  .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
+    display: none; }
+
+  fieldset.quick-login label {
+    display: block;
+    margin-bottom: 5px;
+    white-space: normal; }
+
+  fieldset.quick-login label > span {
+    display: inline-block;
+    min-width: 100px; }
+
+  fieldset.quick-login input.inputbox {
+    width: 85%;
+    max-width: 300px;
+    margin-left: 20px; }
+
+  fieldset.quick-login label[for="autologin"] {
+    display: inline-block;
+    text-align: right;
+    min-width: 50%; }
+
+  /* User profile
+  ----------------------------------------*/
+  .column1, .column2, .left-box.profile-details {
+    float: none;
+    width: auto;
+    clear: both; }
+
+  /* Polls
+  ----------------------------------------*/
+  fieldset.polls dt {
+    width: 90%; }
+
+  fieldset.polls dd.resultbar {
+    padding-left: 20px; }
+
+  fieldset.polls dd.poll_option_percent {
+    width: 20%; }
+
+  fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
+    margin-top: 5px; }
+
+  /* Post
+  ----------------------------------------*/
+  .postbody {
+    position: inherit; }
+
+  .postprofile + .postbody {
+    float: none;
+    position: inherit;
+    width: auto; }
+
+  .postprofile, .postbody, .search .postbody {
+    display: block;
+    width: auto;
+    float: none;
+    padding: 0;
+    min-height: 0; }
+
+  .post .postprofile {
+    width: auto;
+    border-width: 0 0 1px 0;
+    padding-bottom: 5px;
+    margin: 0;
+    margin-bottom: 5px;
+    min-height: 40px;
+    overflow: hidden;
+    z-index: auto !important; }
+
+  .postprofile dd {
+    display: none; }
+
+  .postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
+    display: block;
+    margin: 0; }
+
+  .postprofile .has-avatar .avatar-container,
+  .postprofile .no-avatar .avatar-container {
+    margin: 0;
+    overflow: inherit;
+    float: left;
+    padding-right: 5px; }
+
+  .postprofile .avatar-container:after {
+    clear: none; }
+
+  .postprofile .avatar, .postprofile .no-avatar .avatar-container {
+    margin-right: 5px; }
+
+  .postprofile .avatar img {
+    width: auto !important;
+    height: auto !important;
+    max-height: 32px; }
+
+  .no-avatar .avatar-container {
+    width: 32px;
+    height: 32px; }
+
+  .has-profile .postbody h3 {
+    margin-left: 0 !important;
+    margin-right: 0 !important; }
+
+  .has-profile .post-buttons {
+    right: 10px;
+    top: 10px; }
+    .rtl .has-profile .post-buttons {
+      right: auto;
+      left: 10px; }
+
+  .online-ribbon {
+    width: 35px;
+    height: 35px;
+    top: 0;
+    left: 0; }
+    .rtl .online-ribbon {
+      left: auto;
+      right: 0; }
+    .online-ribbon span {
+      width: 50px;
+      font-size: 6px;
+      line-height: 10px;
+      height: 10px;
+      text-align: center;
+      position: absolute;
+      top: 8px;
+      white-space: nowrap;
+      left: -12px; }
+      .rtl .online-ribbon span {
+        left: auto;
+        right: -12px; }
+
+  h2 {
+    margin-top: .5em; }
+
+  p {
+    margin-bottom: .5em;
+    overflow: hidden; }
+
+  p.rightside {
+    margin-bottom: 0; }
+
+  fieldset.display-options label {
+    display: inline-block;
+    clear: both;
+    margin-bottom: 5px;
+    letter-spacing: -.3px; }
+
+  dl.mini dd.pm-legend {
+    float: left;
+    min-width: 200px; }
+
+  .topicreview {
+    margin: 0 -5px;
+    padding: 0 5px; }
+
+  fieldset.display-actions {
+    white-space: normal; }
+
+  .phpbb_alert {
+    width: auto;
+    margin: 0 5px; }
+
+  .attach-comment dfn {
+    width: 100%; } }
+@media (min-width: 700px) {
+  .postbody {
+    width: 70%; } }
+@media (min-width: 850px) {
+  .postbody {
+    width: 76%; } }
+@media (min-width: 701px) and (max-width: 950px) {
+  ul.topiclist dt {
+    margin-right: -410px; }
+
+  ul.topiclist dt .list-inner {
+    margin-right: 410px; }
+
+  ul.topiclist dd.lastpost {
+    float: right; }
+
+  dd.posts, dd.topics, dd.views {
+    width: 80px; } }
+html, body {
+  color: #141414;
+  background-image: url("./images/pattern.png");
+  background-color: #e0e0e0; }
+
+h1, p.sitename {
+  color: #141414; }
+
+h2 {
+  color: #636363; }
+
+h3 {
+  color: #636363; }
+  .post h3 {
+    color: #636363; }
+  h3 a {
+    color: inherit; }
+    h3 a:hover {
+      color: #d03c3c; }
+
+hr {
+  border-color: #fafafa;
+  border-top-color: #c7c7c7; }
+
+/* Post body links */
+.postlink {
+  border-bottom-color: #636363;
+  color: #636363; }
+
+.postlink:visited {
+  border-bottom-color: #868686;
+  color: #868686; }
+
+.postlink:hover {
+  background-color: #dbdbdb;
+  color: #d03c3c; }
+
+.signature a, .signature a:hover {
+  background-color: transparent; }
+
+.search-box .inputbox,
+.search-box .inputbox:hover,
+.search-box .inputbox:focus,
+.search-box .button:hover {
+  border-color: #c6c6c6; }
+
+.search-box .button, .search-box .button:hover {
+  background-color: #f4f4f4 !important;
+  border-color: #c6c6c6 !important; }
+.search-box .button, .search-box .button:before, .search-box .button:after {
+  color: #636363; }
+.search-box .button:hover, .search-box .button:hover:before, .search-box .button:hover:after {
+  color: #d03c3c !important; }
+
+.search-header {
+  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
+  .navbar.with-search .search-header {
+    box-shadow: none; }
+  .search-header .inputbox, .search-header .button {
+    background: #f4f4f4 !important;
+    border-color: #f4f4f4 !important; }
+  .navbar.with-search .search-header .button, .navbar.with-search .search-header .button:before, .navbar.with-search .search-header .button:after {
+    color: #636363; }
+  .search-header .inputbox:hover, .search-header .inputbox:focus {
+    background-color: #f8f8f8 !important;
+    color: #000 !important;
+    border-color: #f4f4f4 !important; }
+  .search-header .button:hover, .search-header .button:hover:before, .search-header .button:hover:after, .search-header .button:focus, .search-header .button:focus:before, .search-header .button:focus:after {
+    background-color: #d03c3c !important;
+    color: #fff !important;
+    border-color: #d03c3c !important; }
+
+.headerbar {
+  color: #141414; }
+
+.breadcrumbs .crumb:before {
+  color: #868686; }
+
+.navbar {
+  background-image: none; }
+  .navbar.secondary {
+    color: #636363; }
+    .navbar.secondary > ul > li:hover, .navbar.secondary > ul > li:hover:after, .navbar.secondary > ul > li:hover:before,
+    .navbar.secondary > ul > li.dropdown-visible,
+    .navbar.secondary > ul > li.dropdown-visible:after,
+    .navbar.secondary > ul > li.dropdown-visible:before {
+      color: #d03c3c; }
+    .navbar.secondary .dropdown {
+      color: #141414; }
+  .navbar .nav-tabs {
+    background-color: #636363; }
+    .navbar .nav-tabs .tab {
+      color: #fff; }
+      .navbar .nav-tabs .tab.selected {
+        color: #636363;
+        background-color: #f4f4f4; }
+      .navbar .nav-tabs .tab:hover, .navbar .nav-tabs .tab.dropdown-visible {
+        color: #d03c3c;
+        background-color: #f4f4f4; }
+      .navbar .nav-tabs .tab > strong {
+        color: #fff;
+        background-color: #d03c3c;
+        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
+        .navbar .nav-tabs .tab > strong .arrow {
+          border-top-color: #d03c3c; }
+      .navbar .nav-tabs .tab .dropdown {
+        color: #141414; }
+
+.panel {
+  background-color: #f4f4f4;
+  color: #141414; }
+
+.post:target .content {
+  color: #000; }
+
+.post:target h3 a {
+  color: #000; }
+
+.bg1 {
+  background-color: #f4f4f4; }
+
+table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
+  background-color: #f4f4f4; }
+
+.bg2 {
+  background-color: #f6f6f6; }
+
+table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
+  background-color: #f6f6f6; }
+
+.bg3 {
+  background-color: #f8f8f8; }
+  .bg3.panel {
+    background: transparent none;
+    background-color: rgba(224, 224, 224, 0.3);
+    border-top-color: #f8f8f8; }
+    .bg3.panel:before, .bg3.panel:after {
+      background: -webkit-linear-gradient(to bottom, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%);
+      background: linear-gradient(to bottom, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%); }
+  .section-posting .bg3.panel {
+    background-color: #f4f4f4; }
+    .section-posting .bg3.panel:before, .section-posting .bg3.panel:after {
+      background: transparent; }
+
+ul.navlinks {
+  border-top-color: #e7e7e7; }
+
+.forum_unread .forumtitle, .forum_unread_subforum .forumtitle, .forum_unread_locked .forumtitle {
+  color: #d03c3c; }
+
+.global_unread .topictitle, .global_unread_mine .topictitle, .announce_unread_mine .topictitle, .announce_unread .topictitle, .global_unread_mine .topictitle, .announce_unread_mine .topictitle, .global_unread_locked .topictitle, .global_unread_locked_mine .topictitle, .announce_unread_locked_mine .topictitle, .announce_unread_locked .topictitle, .global_unread_locked_mine .topictitle, .announce_unread_locked_mine .topictitle, .announce_unread .topictitle, .announce_unread_mine .topictitle, .announce_unread_locked .topictitle, .announce_unread_locked_mine .topictitle, .sticky_unread .topictitle, .sticky_unread_mine .topictitle, .sticky_unread_locked .topictitle, .sticky_unread_locked_mine .topictitle, .topic_unread .topictitle, .sticky_unread .topictitle, .pm_unread .topictitle, .topic_unread_mine .topictitle, .sticky_unread_mine .topictitle, .topic_unread_locked .topictitle, .sticky_unread_locked .topictitle, .topic_unread_locked_mine .topictitle, .sticky_unread_locked_mine .topictitle, .topic_unread_hot .topictitle, .topic_unread_hot_mine .topictitle {
+  color: #d03c3c; }
+
+.forum-statistics {
+  color: #868686; }
+
+.forum-lastpost {
+  color: #868686; }
+  .forum-lastpost span:before {
+    opacity: .5; }
+
+.forum-description.toggle {
+  color: #fff;
+  background-color: rgba(61, 61, 61, 0.8); }
+  .forum-description.toggle a {
+    color: inherit !important; }
+  .forum-description.toggle span.arrow {
+    border-right-color: rgba(61, 61, 61, 0.8); }
+  .rtl .forum-description.toggle span.arrow {
+    border-right-color: transparent;
+    border-left-color: rgba(61, 61, 61, 0.8); }
+
+.forum-statistics .value {
+  color: #000; }
+
+table.table1 thead th {
+  color: #fff; }
+
+table.table1 tbody tr {
+  border-color: #e7e7e7; }
+
+table.table1 tbody tr:hover, table.table1 tbody tr.hover {
+  background-color: #f8f8f8;
+  color: #000; }
+
+table.table1 td {
+  color: #141414; }
+
+table.table1 tbody td {
+  border-top-color: #e7e7e7; }
+
+table.table1 tbody th {
+  border-bottom-color: #e7e7e7;
+  color: #000;
+  background-color: #e0e0e0; }
+
+table.info tbody th {
+  color: #000; }
+
+dl.details dt {
+  color: #000; }
+
+dl.details dd {
+  color: #636363; }
+
+.sep {
+  color: #636363; }
+
+/* Icon styles
+---------------------------------------- */
+.icon.icon-blue, a:hover .icon.icon-blue {
+  color: #196db5; }
+
+.icon.icon-green, a:hover .icon.icon-green {
+  color: #1b9A1B; }
+
+.icon.icon-red, a:hover .icon.icon-red {
+  color: #BC2A4D; }
+
+.icon.icon-orange, a:hover .icon.icon-orange {
+  color: #FF6600; }
+
+.icon.icon-bluegray, a:hover .icon.icon-bluegray {
+  color: #536482; }
+
+.icon.icon-gray, a:hover .icon.icon-gray {
+  color: #777777; }
+
+.icon.icon-lightgray, a:hover .icon.icon-lightgray {
+  color: #999999; }
+
+.icon.icon-black, a:hover .icon.icon-black {
+  color: #333333; }
+
+.alert_close .icon:before {
+  background-color: #FFFFFF; }
+
+/* Jumpbox */
+.jumpbox .dropdown li {
+  border-top-color: #636363; }
+
+.jumpbox-cat-link {
+  background-color: #636363;
+  color: #fff; }
+
+.jumpbox-cat-link:hover {
+  background-color: #d03c3c;
+  border-top-color: #d03c3c;
+  color: #fff; }
+
+.jumpbox-forum-link {
+  background-color: #f4f4f4; }
+
+.jumpbox-forum-link:hover {
+  background-color: #e0e0e0; }
+
+.jumpbox .dropdown .pointer-inner {
+  border-color: #f4f4f4 transparent; }
+
+.jumpbox-sub-link {
+  background-color: #f4f4f4; }
+
+.jumpbox-sub-link:hover {
+  background-color: #e0e0e0; }
+
+.pagination li a {
+  color: #636363;
+  background-color: #f4f4f4;
+  border-color: #e7e7e7; }
+
+.pagination li.ellipsis span {
+  background-color: transparent;
+  color: #000; }
+
+.pagination li.active span {
+  color: #fff;
+  background-color: #636363;
+  border-color: #636363; }
+
+.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
+  border-color: #d03c3c;
+  background-color: #d03c3c;
+  color: #fff; }
+
+.pagination li.page-jump a:after {
+  color: #636363; }
+
+.pagination li.page-jump a:hover:after {
+  color: #d03c3c; }
+
+.copyright {
+  color: #868686; }
+
+.error {
+  color: #d03c3c; }
+
+.reported {
+  background-color: #f5e9e9; }
+  .reported .postprofile, .reported .signature {
+    border-color: #f0dede; }
+
+li.reported:hover {
+  background-color: #f5e9e9; }
+
+div.rules {
+  background-color: #dec7c7;
+  color: #d03c3c; }
+
+p.post-notice {
+  background-color: #efd8d8;
+  color: #d03c3c;
+  background-image: none; }
+
+p.post-notice.deleted:before, p.post-notice.unapproved:before, p.post-notice.reported:before, p.post-notice.error:before {
+  font-family: FontAwesome; }
+
+p.post-notice.deleted:before {
+  content: '\f057';
+  color: #d03c3c; }
+
+p.post-notice.unapproved:before {
+  content: '\f059';
+  color: #d03c3c; }
+
+p.post-notice.reported:before, p.post-notice.error:before {
+  content: '\f071';
+  color: #d03c3c; }
+
+.topic-status.sticky {
+  color: #868686; }
+
+a {
+  color: #636363; }
+
+a:hover {
+  color: #d03c3c; }
+
+a.time {
+  color: #9d9d9d; }
+  a.time:hover {
+    color: #d03c3c; }
+
+.forumbg .header a, .forabg .header a, th a {
+  color: #fff; }
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+  color: #fff; }
+
+.dropdown-extended a.mark_read {
+  background-color: #f4f4f4; }
+
+a.top, a.top2 {
+  color: #868686; }
+  a.top:hover, a.top2:hover {
+    color: #d03c3c; }
+
+a.feed-icon-forum:after {
+  color: #bdbdbd; }
+
+a.feed-icon-forum:hover:after {
+  color: #d03c3c; }
+
+ul.topiclist li {
+  color: #141414; }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  ul.topiclist li.row dt a.subforum.read {
+    background-size: 11px 9px; } }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  ul.topiclist li.row dt a.subforum.unread {
+    background-size: 11px 9px; } }
+
+li.row {
+  border-top-color: white;
+  border-bottom-color: #e7e7e7; }
+  li.row .forum-lastpost strong,
+  li.row .subforums-list strong {
+    color: #868686; }
+
+li.row strong {
+  color: #000; }
+
+.icon-link + .list-inner > a.forumtitle, .icon-link + .list-inner > a.topictitle,
+.pm_unread .topictitle,
+a.subforum.unread {
+  color: #d03c3c; }
+
+.postbody {
+  color: #141414; }
+
+.content {
+  color: #141414; }
+
+.content h2, .panel h2 {
+  color: #4a4a4a;
+  border-bottom-color: #e7e7e7; }
+
+dl.faq dt, .content dl.faq dt {
+  color: #141414; }
+
+.posthilit {
+  background-color: #f5e9e9;
+  color: #af2a2a; }
+
+.signature {
+  border-top-color: #e7e7e7; }
+
+.notice {
+  border-top-color: #e7e7e7; }
+
+blockquote {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #df7a7a; }
+  .rtl blockquote {
+    border-left-color: #ededed;
+    border-right-color: #df7a7a; }
+
+blockquote blockquote, blockquote .codebox, blockquote .attachbox {
+  background-color: #f4f4f4;
+  background-color: rgba(196, 196, 196, 0.1);
+  border-left-color: #969696; }
+  .rtl blockquote blockquote,
+  .rtl blockquote .codebox,
+  .rtl blockquote .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #969696; }
+
+blockquote blockquote blockquote, blockquote blockquote .codebox, blockquote blockquote .attachbox {
+  background-color: #fff;
+  border-left-color: #df7a7a; }
+  .rtl blockquote blockquote blockquote,
+  .rtl blockquote blockquote .codebox,
+  .rtl blockquote blockquote .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #df7a7a; }
+
+blockquote:before {
+  color: #868686; }
+
+.codebox {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #969696; }
+  .rtl .codebox {
+    border-left-color: #ededed;
+    border-right-color: #969696; }
+
+.codebox p {
+  border-bottom-color: #f2f2f2; }
+
+.codebox code {
+  color: #636363; }
+
+.attachbox {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #969696; }
+  .rtl .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #969696; }
+
+.attachbox dd {
+  border-top-color: #f2f2f2; }
+
+.attachbox p {
+  color: #666; }
+
+.attachbox p.stats {
+  color: #666; }
+
+dl.file dd {
+  color: #666; }
+
+dl.thumbnail img {
+  border-color: #f2f2f2;
+  background-color: #f4f4f4; }
+
+dl.thumbnail dd {
+  color: #666; }
+
+fieldset.polls dl {
+  border-top-color: white;
+  border-bottom-color: #e7e7e7;
+  color: #141414; }
+
+fieldset.polls dl.voted {
+  color: #000; }
+
+fieldset.polls dd div {
+  color: #fff; }
+
+.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
+  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2); }
+
+.pollbar1 {
+  background-color: #ac6060; }
+
+.pollbar2 {
+  background-color: #b25a5a; }
+
+.pollbar3 {
+  background-color: #b85454; }
+
+.pollbar4 {
+  background-color: #c44848; }
+
+.pollbar5 {
+  background-color: #d03c3c; }
+
+.postprofile {
+  color: #141414;
+  border-color: #e7e7e7; }
+
+.postprofile strong {
+  color: #000; }
+
+.online-ribbon span {
+  background-color: #d03c3c;
+  color: #fff; }
+
+dd.profile-warnings {
+  color: #BC2A4D; }
+
+.no-avatar .avatar-container {
+  background-image: url("./images/no_avatar.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .no-avatar .avatar-container {
+      background-image: url("./images/no_avatar_hd.png"); } }
+
+.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+  background: rgba(0, 0, 0, 0.1); }
+
+.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.3); }
+
+.button, .buttons > .button.locked-icon {
+  border-color: #727272;
+  background-color: #727272;
+  color: #fff;
+  box-shadow: none; }
+.buttons > .button.locked-icon {
+  color: #fff; }
+  .buttons > .button.locked-icon:after, .buttons > .button.locked-icon:before {
+    color: #fff !important; }
+  .buttons > .button.locked-icon:hover {
+    box-shadow: none; }
+.buttons > .button, .button.report-icon, .button.delete-icon {
+  border-color: #636363;
+  background-color: #636363;
+  color: #fff; }
+  .buttons > .button:after, .buttons > .button:before, .button.report-icon:after, .button.report-icon:before, .button.delete-icon:after, .button.delete-icon:before {
+    color: #e8e8e8 !important; }
+.button.report-icon, .button.delete-icon {
+  border-color: #d03c3c;
+  background-color: #d03c3c; }
+  .button.report-icon:after, .button.report-icon:before, .button.delete-icon:after, .button.delete-icon:before {
+    color: #f8e2e2 !important; }
+
+.buttons > .dropdown-select {
+  color: #868686; }
+
+.dropdown-select:after {
+  border-color: #9e9e9e; }
+
+.dropdown-select:hover {
+  border-color: #727272; }
+
+.dropdown-select:hover:after, .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after {
+  border-color: #d24c4c; }
+
+.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select,
+.buttons > .button:hover,
+.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
+  border-color: #d03c3c !important;
+  background-color: #d03c3c;
+  color: #fff; }
+  .dropdown-visible .dropdown-select:after, .dropdown-visible .dropdown-select:before, .dropdown-visible .dropdown-select:hover:after, .dropdown-visible .dropdown-select:hover:before, .nojs .dropdown-container:hover .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:before,
+  .buttons > .button:hover:after,
+  .buttons > .button:hover:before,
+  .button:hover:after,
+  .button:hover:before, .dropdown-visible .dropdown-select:after, .dropdown-visible .dropdown-select:before, .nojs .dropdown-container:hover .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:before {
+    color: #fff !important; }
+
+.contact-icons a {
+  border-color: #e7e7e7; }
+
+.jabber-icon:after {
+  color: #c90000; }
+
+.phpbb_icq-icon:after {
+  color: #60ff00;
+  text-shadow: 0 0 1px #000, 0 0 2px #000; }
+
+.phpbb_wlm-icon:after {
+  color: #79aecf; }
+
+.phpbb_aol-icon:after {
+  color: #ffd800;
+  text-shadow: 0 0 1px #000, 0 0 2px #000; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+  color: #636363; }
+.icon-search-new:hover:after, .icon-search-unanswered:hover:after, .icon-search-unread:hover:after, .icon-search-self:hover:after, .icon-search:hover:after, .icon-search-active:hover:after, .icon-search-advanced:hover:after, .icon-acp:hover:after, .icon-bookmark:hover:after, .icon-bump:hover:after, .icon-contact:hover:after, .icon-delete-cookies:hover:after, .icon-download:hover:after, .icon-faq:hover:after, .icon-home:hover:after, .icon-logout:hover:after, .icon-login:hover:after, .icon-mark:hover:after, .icon-mcp:hover:after, .icon-members:hover:after, .icon-members:hover:before, ul.linklist.bulletin > li.small-icon.icon-members:hover:before, .icon-notification:hover:after, .icon-pages:hover:after, .icon-pm:hover:after, .icon-print:hover:after, .icon-profile:hover:after, .icon-register:hover:after, .icon-sendemail:hover:after, .icon-subscribe:hover:after, .icon-team:hover:after, .icon-team:hover:before, ul.linklist.bulletin > li.small-icon.icon-team:hover:before, .icon-ucp:hover:after, .icon-unsubscribe:hover:after, .icon-new-posts:hover:after, .icon-forums:hover:after, .icon-chat:hover:after, .icon-time:hover:after, .icon-thanks:hover:after, .icon-thanks_toplist:hover:after {
+  color: #d03c3c; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after {
+  color: #d03c3c; }
+
+.icon-search-self:after {
+  color: #9d9d9d; }
+
+.icon-home.breadcrumbs:after {
+  color: #636363; }
+
+.icon-notification.non-zero:after, .icon-pm.non-zero:after {
+  color: #d03c3c; }
+
+.icon-time:after {
+  color: #9d9d9d; }
+
+/* Profile & navigation icons */
+.pm-icon {
+  background-position: 0 0; }
+
+.email-icon {
+  background-position: -21px 0; }
+
+.jabber-icon {
+  background-position: -80px 0; }
+
+.phpbb_icq-icon {
+  background-position: -61px 0; }
+
+.phpbb_wlm-icon {
+  background-position: -182px 0; }
+
+.phpbb_aol-icon {
+  background-position: -244px 0; }
+
+.phpbb_website-icon {
+  background-position: -40px 0; }
+
+.phpbb_youtube-icon {
+  background-position: -98px 0; }
+
+.phpbb_facebook-icon {
+  background-position: -119px 0; }
+
+.phpbb_googleplus-icon {
+  background-position: -140px 0; }
+
+.phpbb_skype-icon {
+  background-position: -161px 0; }
+
+.phpbb_twitter-icon {
+  background-position: -203px 0; }
+
+.phpbb_yahoo-icon {
+  background-position: -224px 0; }
+
+.global_read, .global_read_mine, .announce_read_mine, .announce_read {
+  background-image: url("./images/announce_read.png"); }
+
+.global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked {
+  background-image: url("./images/announce_read_locked.png"); }
+
+.global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread {
+  background-image: url("./images/announce_unread.png"); }
+
+.global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked {
+  background-image: url("./images/announce_unread_locked.png"); }
+
+.forum_link {
+  background-image: url("./images/forum_link.png"); }
+
+.forum_read {
+  background-image: url("./images/forum_read.png"); }
+
+.forum_read_locked {
+  background-image: url("./images/forum_read_locked.png"); }
+
+.forum_read_subforum {
+  background-image: url("./images/forum_read_subforum.png"); }
+
+.forum_unread {
+  background-image: url("./images/forum_unread.png"); }
+
+.forum_unread_locked {
+  background-image: url("./images/forum_unread_locked.png"); }
+
+.forum_unread_subforum {
+  background-image: url("./images/forum_unread_subforum.png"); }
+
+.topic_moved {
+  background-image: url("./images/topic_moved.png"); }
+
+.topic_read, .sticky_read, .pm_read {
+  background-image: url("./images/topic_read.png"); }
+
+.topic_read_mine, .sticky_read_mine {
+  background-image: url("./images/topic_read_mine.png"); }
+
+.topic_read_hot {
+  background-image: url("./images/topic_read_hot.png"); }
+
+.topic_read_hot_mine {
+  background-image: url("./images/topic_read_hot_mine.png"); }
+
+.topic_read_locked, .sticky_read_locked {
+  background-image: url("./images/topic_read_locked.png"); }
+
+.topic_read_locked_mine, .sticky_read_locked_mine {
+  background-image: url("./images/topic_read_locked_mine.png"); }
+
+.topic_unread, .sticky_unread, .pm_unread {
+  background-image: url("./images/topic_unread.png"); }
+
+.topic_unread_mine, .sticky_unread_mine {
+  background-image: url("./images/topic_unread_mine.png"); }
+
+.topic_unread_hot {
+  background-image: url("./images/topic_unread_hot.png"); }
+
+.topic_unread_hot_mine {
+  background-image: url("./images/topic_unread_hot_mine.png"); }
+
+.topic_unread_locked, .sticky_unread_locked {
+  background-image: url("./images/topic_unread_locked.png"); }
+
+.topic_unread_locked_mine, .sticky_unread_locked_mine {
+  background-image: url("./images/topic_unread_locked_mine.png"); }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  .global_read, .global_read_mine, .announce_read_mine, .announce_read, .global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked, .global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread, .global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked,
+  .forum_link, .forum_read, .forum_read_locked, .forum_read_subforum, .forum_unread, .forum_unread_locked, .forum_unread_subforum,
+  .topic_moved, .topic_read, .sticky_read, .pm_read, .topic_read_mine, .sticky_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .sticky_read_locked, .topic_read_locked_mine, .sticky_read_locked_mine,
+  .topic_unread,
+  .sticky_unread,
+  .pm_unread, .topic_unread_mine, .sticky_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .sticky_unread_locked, .topic_unread_locked_mine, .sticky_unread_locked_mine {
+    background-size: 36px 36px; }
+
+  .global_read, .global_read_mine, .announce_read_mine, .announce_read {
+    background-image: url("./images/announce_read_hd.png"); }
+
+  .global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked {
+    background-image: url("./images/announce_read_locked_hd.png"); }
+
+  .global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread {
+    background-image: url("./images/announce_unread_hd.png"); }
+
+  .global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked {
+    background-image: url("./images/announce_unread_locked_hd.png"); }
+
+  .forum_link {
+    background-image: url("./images/forum_link_hd.png"); }
+
+  .forum_read {
+    background-image: url("./images/forum_read_hd.png"); }
+
+  .forum_read_locked {
+    background-image: url("./images/forum_read_locked_hd.png"); }
+
+  .forum_read_subforum {
+    background-image: url("./images/forum_read_subforum_hd.png"); }
+
+  .forum_unread {
+    background-image: url("./images/forum_unread_hd.png"); }
+
+  .forum_unread_locked {
+    background-image: url("./images/forum_unread_locked_hd.png"); }
+
+  .forum_unread_subforum {
+    background-image: url("./images/forum_unread_subforum_hd.png"); }
+
+  .topic_moved {
+    background-image: url("./images/topic_moved_hd.png"); }
+
+  .topic_read, .sticky_read, .pm_read {
+    background-image: url("./images/topic_read_hd.png"); }
+
+  .topic_read_mine, .sticky_read_mine {
+    background-image: url("./images/topic_read_mine_hd.png"); }
+
+  .topic_read_hot {
+    background-image: url("./images/topic_read_hot_hd.png"); }
+
+  .topic_read_hot_mine {
+    background-image: url("./images/topic_read_hot_mine_hd.png"); }
+
+  .topic_read_locked, .sticky_read_locked {
+    background-image: url("./images/topic_read_locked_hd.png"); }
+
+  .topic_read_locked_mine, .sticky_read_locked_mine {
+    background-image: url("./images/topic_read_locked_mine_hd.png"); }
+
+  .topic_unread, .sticky_unread, .pm_unread {
+    background-image: url("./images/topic_unread_hd.png"); }
+
+  .topic_unread_mine, .sticky_unread_mine {
+    background-image: url("./images/topic_unread_mine_hd.png"); }
+
+  .topic_unread_hot {
+    background-image: url("./images/topic_unread_hot_hd.png"); }
+
+  .topic_unread_hot_mine {
+    background-image: url("./images/topic_unread_hot_mine_hd.png"); }
+
+  .topic_unread_locked, .sticky_unread_locked {
+    background-image: url("./images/topic_unread_locked_hd.png"); }
+
+  .topic_unread_locked_mine, .sticky_unread_locked_mine {
+    background-image: url("./images/topic_unread_locked_mine_hd.png"); } }
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+  color: #000; }
+
+.panel-container table.table1 thead th {
+  color: #141414;
+  border-bottom-color: #e7e7e7; }
+
+#cp-main .pm-message {
+  border-color: #e0e0e0;
+  background-color: #f4f4f4; }
+
+#tabs .tab > a {
+  background: #f4f4f4;
+  color: #636363; }
+
+#tabs .tab > a:hover {
+  background: #f8f8f8;
+  color: #d03c3c; }
+
+#tabs .activetab > a,
+#tabs .activetab > a:hover {
+  background: #f8f8f8;
+  box-shadow: 0 5px 5px -5px #f8f8f8;
+  border-color: #f8f8f8;
+  color: #2b2b2b; }
+
+#minitabs .tab > a {
+  background-color: #f6f6f6; }
+
+#minitabs .activetab > a,
+#minitabs .activetab > a:hover {
+  background-color: #F9F9F9;
+  color: #333333; }
+
+.responsive-tab .responsive-tab-link:before {
+  color: #636363; }
+
+#navigation a {
+  color: #141414;
+  background: #f4f4f4;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.1); }
+
+#navigation a:hover {
+  background: #f6f6f6;
+  color: #d03c3c; }
+
+#navigation #active-subsection a {
+  background: #636363;
+  color: #fff; }
+
+#navigation #active-subsection a:hover {
+  background-color: #d03c3c; }
+
+#navigation > hr {
+  border-top-color: #f6f6f6; }
+
+.panel-container h2 {
+  color: #141414; }
+
+.panel-container .panel {
+  background: #eaeaea;
+  box-shadow: none;
+  border-width: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
+  .panel-container .panel > .inner > h3:first-child {
+    background-color: transparent;
+    color: #636363;
+    background-image: none; }
+    .panel-container .panel > .inner > h3:first-child a {
+      color: #636363; }
+      .panel-container .panel > .inner > h3:first-child a:hover {
+        color: #d03c3c; }
+  .panel-container .panel:before, .panel-container .panel:after {
+    background: transparent; }
+
+#cp-main .pm {
+  background-color: #f4f4f4; }
+
+.cp-mini {
+  background-color: #f6f6f6; }
+
+.current {
+  color: #000 !important; }
+
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+  border-left-color: #BC2A4D;
+  border-right-color: #BC2A4D; }
+
+.pmlist li.pm_marked_colour, .pm_marked_colour {
+  border-color: #ff1100; }
+
+.pmlist li.pm_replied_colour, .pm_replied_colour {
+  border-color: #aab8c1; }
+
+.pmlist li.pm_friend_colour, .pm_friend_colour {
+  border-color: #5D8FBD; }
+
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+  border-color: #000000; }
+
+#gallery label {
+  background: #f6f6f6;
+  border-color: #e7e7e7; }
+
+#gallery label:hover {
+  background-color: #f8f8f8; }
+
+select {
+  border-color: #c6c6c6;
+  background-color: #fff;
+  color: #141414; }
+
+label {
+  color: #141414; }
+
+option.disabled-option {
+  color: #868686; }
+
+dd label {
+  color: #141414; }
+
+fieldset.fields1 {
+  background-color: transparent; }
+
+fieldset dl:hover dt label {
+  color: #000; }
+
+fieldset.fields2 dl:hover dt label {
+  color: inherit; }
+
+#message-box textarea {
+  color: #141414; }
+
+#message-box textarea.drag-n-drop {
+  outline-color: rgba(157, 157, 157, 0.5); }
+
+#message-box textarea.drag-n-drop-highlight {
+  outline-color: rgba(134, 134, 134, 0.5); }
+
+.inputbox, select {
+  background-color: #fff;
+  border-color: #c6c6c6;
+  color: #141414; }
+
+.inputbox::-moz-placeholder {
+  color: #5b5b5b; }
+.inputbox::-webkit-input-placeholder {
+  color: #5b5b5b; }
+.inputbox:-ms-input-placeholder {
+  color: #5b5b5b; }
+
+.inputbox:hover, select:hover {
+  background-color: #fff;
+  border-color: #d03c3c;
+  color: #141414; }
+
+.inputbox:focus, select:focus {
+  background-color: #fff;
+  border-color: #636363;
+  color: #141414; }
+
+.inputbox:hover::-moz-placeholder {
+  color: #141414; }
+.inputbox:hover::-webkit-input-placeholder {
+  color: #141414; }
+.inputbox:hover:-ms-input-placeholder {
+  color: #141414; }
+
+.inputbox:focus::-moz-placeholder {
+  color: transparent; }
+.inputbox:focus::-webkit-input-placeholder {
+  color: transparent; }
+.inputbox:focus:-ms-input-placeholder {
+  color: transparent; }
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+  color: #fff;
+  border-color: #727272;
+  background-color: #727272; }
+
+a.button1, input.button1 {
+  border-color: #636363;
+  background-color: #636363;
+  color: #fff; }
+
+input.button3 {
+  background-image: none; }
+
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+  border-color: #d03c3c;
+  background-color: #d03c3c;
+  color: #fff; }
+
+input.button1:focus, input.button2:focus, input.button3:focus {
+  border-color: #d03c3c;
+  background-color: #d03c3c;
+  color: #fff; }
+
+input.disabled {
+  color: #868686; }
+
+.phpbb_alert {
+  background-color: #e0e0e0;
+  border-color: #e7e7e7; }
+
+.phpbb_alert .alert_close:before {
+  color: #636363; }
+
+.phpbb_alert .alert_close:hover:before {
+  color: #d03c3c; }
+
+.phpbb_alert .alert_close:after {
+  color: #e0e0e0; }
+
+.darken {
+  background-color: #000; }
+
+.loading_indicator {
+  background-color: #000;
+  background-image: url("./images/loading.gif"); }
+
+.dropdown-extended ul li {
+  border-top-color: #e7e7e7; }
+
+.dropdown-extended ul li:hover {
+  background-color: #f6f6f6;
+  color: #000; }
+
+.dropdown-extended .header, .dropdown-extended .footer {
+  border-color: #e7e7e7;
+  color: #000; }
+
+.dropdown-extended .footer {
+  border-top-style: solid;
+  border-top-width: 1px; }
+
+.dropdown-extended .header {
+  background: #636363;
+  color: #fff; }
+  .dropdown-extended .header a {
+    color: #fff; }
+    .dropdown-extended .header a:hover {
+      color: #fff; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+  color: #636363; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
+  color: #d03c3c; }
+
+.dropdown .dropdown-contents {
+  background: #f4f4f4;
+  border-color: #636363;
+  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5); }
+
+.dropdown-up .dropdown-contents {
+  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5); }
+
+.dropdown li, .dropdown li li {
+  border-color: #dbdbdb; }
+
+.dropdown li.separator {
+  border-color: #dbdbdb; }
+
+.notification_list li.notification-reported strong, .notification_list li.notification-disapproved strong {
+  color: #d03c3c; }
+.notification_list li.dropdown-notification {
+  background-color: #f4f4f4;
+  color: #636363; }
+  .notification_list li.dropdown-notification, .panel-container .notification_list li.dropdown-notification {
+    border-top-color: white;
+    border-bottom-color: #dbdbdb; }
+  .notification_list li.dropdown-notification strong {
+    color: #171717; }
+  .notification_list li.dropdown-notification a {
+    color: inherit; }
+  .notification_list li.dropdown-notification p.notification-time, .notification_list li.dropdown-notification p.notifications_time {
+    color: #8f8f8f; }
+  .notification_list li.dropdown-notification a.mark_read {
+    background-color: white; }
+    .notification_list li.dropdown-notification a.mark_read, .notification_list li.dropdown-notification a.mark_read:after {
+      color: #171717; }
+      .notification_list li.dropdown-notification a.mark_read:hover, .notification_list li.dropdown-notification a.mark_read:after:hover {
+        color: #636363; }
+.notification_list li.bg3 {
+  background-color: #ded0d0;
+  color: #d03c3c; }
+  .notification_list li.bg3, .panel-container .notification_list li.bg3 {
+    border-top-color: #f3eeee;
+    border-bottom-color: #c9b2b2; }
+  .notification_list li.bg3 strong {
+    color: #000; }
+  .notification_list li.bg3 a {
+    color: inherit; }
+  .notification_list li.bg3 p.notification-time, .notification_list li.bg3 p.notifications_time {
+    color: #bc8080; }
+  .notification_list li.bg3 a.mark_read {
+    background-color: white; }
+    .notification_list li.bg3 a.mark_read, .notification_list li.bg3 a.mark_read:after {
+      color: #000; }
+      .notification_list li.bg3 a.mark_read:hover, .notification_list li.bg3 a.mark_read:after:hover {
+        color: #d03c3c; }
+.notification_list li.dropdown-notification:hover {
+  background-color: #f6f6f6;
+  color: #636363; }
+  .notification_list li.dropdown-notification:hover, .panel-container .notification_list li.dropdown-notification:hover {
+    border-top-color: white;
+    border-bottom-color: #dddddd; }
+  .notification_list li.dropdown-notification:hover strong {
+    color: #171717; }
+  .notification_list li.dropdown-notification:hover a {
+    color: inherit; }
+  .notification_list li.dropdown-notification:hover p.notification-time, .notification_list li.dropdown-notification:hover p.notifications_time {
+    color: #8f8f8f; }
+  .notification_list li.dropdown-notification:hover a.mark_read {
+    background-color: white; }
+    .notification_list li.dropdown-notification:hover a.mark_read, .notification_list li.dropdown-notification:hover a.mark_read:after {
+      color: #171717; }
+      .notification_list li.dropdown-notification:hover a.mark_read:hover, .notification_list li.dropdown-notification:hover a.mark_read:after:hover {
+        color: #636363; }
+
+.imageset.icon_post_target {
+  background-image: url("./images/icon_post_target.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .imageset.icon_post_target {
+      background-image: url("./images/icon_post_target_hd.png"); } }
+
+.imageset.icon_post_target_unread {
+  background-image: url("./images/icon_post_target_unread.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .imageset.icon_post_target_unread {
+      background-image: url("./images/icon_post_target_unread_hd.png"); } }
+
+.imageset.icon_topic_attach:after {
+  color: #868686; }
+
+.imageset.icon_topic_poll:after {
+  color: gray; }
+
+/* --------------------------------------------------------------
+	$Icons
+-------------------------------------------------------------- */
+/* Global module setup
+--------------------------------*/
+/* Renamed version of .fa class for agnostic usage of icon fonts.
+ * Just change the name of the font after the 14/1 to the name of
+ * the font you wish to use.
+ */
+.icon, .button .icon, blockquote cite:before, .uncited:before {
+  display: inline-block;
+  font-weight: normal;
+  font-style: normal;
+  font-variant: normal;
+  font-family: FontAwesome;
+  font-size: 14px;
+  line-height: 1;
+  text-rendering: auto;
+  /* optimizelegibility throws things off #1094 */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+.icon:before {
+  padding-right: 2px; }
+
+.button .icon:before {
+  padding-right: 0; }
+
+/* Icon size classes - Default size is 14px, use these for small variations */
+.icon.icon-xl {
+  font-size: 20px; }
+
+.icon.icon-lg {
+  font-size: 16px; }
+
+.icon.icon-md {
+  font-size: 10px; }
+
+.icon.icon-sm {
+  font-size: 8px; }
+
+/* icon modifiers */
+.icon-tiny {
+  width: 12px;
+  transform: scale(0.65, 0.75);
+  vertical-align: text-bottom;
+  font-size: 16px; }
+
+.arrow-left .icon {
+  float: left; }
+
+.arrow-left:hover .icon {
+  margin-left: -5px;
+  margin-right: 5px; }
+
+.arrow-right .icon {
+  float: right; }
+
+.arrow-right:hover .icon {
+  margin-left: 5px;
+  margin-right: -5px; }
+
+.post-buttons .dropdown-contents .icon {
+  float: right;
+  margin-left: 5px; }
+
+.alert_close .icon:before {
+  padding: 0;
+  border-radius: 50%;
+  width: 11px;
+  display: block;
+  line-height: .9;
+  height: 12px; }
+
+blockquote cite:before, .uncited:before {
+  content: '\f10d';
+  /* Font Awesome quote-left */ }
+
+.rtl blockquote cite:before, .rtl .uncited:before {
+  content: '\f10e';
+  /* Font Awesome quote-right */ }
+
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
+ */
+html {
+  font-family: sans-serif;
+  /* 1 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */ }
+
+/**
+ * Remove default margin.
+ */
+body {
+  margin: 0; }
+
+/* HTML5 display definitions
+	 ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block; }
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  /* 1 */
+  vertical-align: baseline;
+  /* 2 */ }
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+[hidden],
+template {
+  display: none; }
+
+/* Links
+	 ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+  background-color: transparent; }
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+a:active,
+a:hover {
+  outline: 0; }
+
+/* Text-level semantics
+	 ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+b,
+strong {
+  font-weight: bold; }
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+dfn {
+  font-style: italic; }
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0; }
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+mark {
+  background: #ff0;
+  color: #000; }
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+  font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -0.5em; }
+
+sub {
+  bottom: -0.25em; }
+
+/* Embedded content
+	 ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+  border: 0; }
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+  overflow: hidden; }
+
+/* Grouping content
+	 ========================================================================== */
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+figure {
+  margin: 1em 40px; }
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+  box-sizing: content-box;
+  height: 0; }
+
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+  overflow: auto; }
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+/* Forms
+	 ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+  margin: 0;
+  /* 3 */ }
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+  overflow: visible; }
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+  text-transform: none; }
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  /* 2 */
+  cursor: pointer;
+  /* 3 */ }
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+html input[disabled] {
+  cursor: default; }
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+  line-height: normal; }
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  box-sizing: content-box;
+  /* 2 */ }
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+  border: 0;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+  overflow: auto; }
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+  font-weight: bold; }
+
+/* Tables
+	 ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+td,
+th {
+  padding: 0; }
+
+/* --------------------------------------------------------------
+	$Utilities
+-------------------------------------------------------------- */
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto; }
+
+.clearfix:before,
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after {
+  content: " ";
+  display: table; }
+
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after {
+  clear: both; }
+
+.center-block {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.pull-right {
+  float: right !important; }
+
+.pull-left {
+  float: left !important; }
+
+.hide {
+  display: none !important; }
+
+.show {
+  display: block !important; }
+
+.invisible {
+  visibility: hidden; }
+
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0; }
+
+.hidden {
+  display: none; }
+
+.affix {
+  position: fixed; }
diff --git a/simplicity_gray/theme/stylesheet.scss b/simplicity_gray/theme/stylesheet.scss
new file mode 100644
index 0000000..d6de161
--- /dev/null
+++ b/simplicity_gray/theme/stylesheet.scss
@@ -0,0 +1,35 @@
+//
+//	stylesheet.css replacement
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
+//	If you have any questions please visit support forum at:
+//		http://www.artodia.com/forums/
+//
+//	Set your custom configuration variables in _custom_config.scss
+//	Add your custom code to _custom.scss
+//	
+//	After editing any .scss file you must recompile stylesheet.
+//
+/*!
+	DO NOT EDIT stylesheet.css!
+
+	Edit .scss files instead. See http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+	If you have any questions, please ask on support forum at http://www.artodia.com/forums/
+*/
+@import "custom_config";
+@import "style_config";
+@import "common/common";
+@import "common/links";
+@import "common/content";
+@import "common/buttons";
+@import "common/cp";
+@import "common/forms";
+@import "common/imageset";
+@import "common/responsive";
+@import "colours";
+@import "custom";
+@import "common/icons";
+@import "common/normalize";
+@import "common/utilities";
diff --git a/simplicity_gray/theme/tweaks.css b/simplicity_gray/theme/tweaks.css
new file mode 100644
index 0000000..820faa4
--- /dev/null
+++ b/simplicity_gray/theme/tweaks.css
@@ -0,0 +1,7 @@
+/* Style Sheet Tweaks
+
+These style definitions are IE 8 & 9 only.
+They are required due to the poor CSS support in IE browsers.
+------------------------------------------------------------------------------*/
+
+@import "../../simplicity/theme/tweaks.css";
\ No newline at end of file
diff --git a/simplicity_lightblue/license.txt b/simplicity_lightblue/license.txt
new file mode 100644
index 0000000..a5319f7
--- /dev/null
+++ b/simplicity_lightblue/license.txt
@@ -0,0 +1,33 @@
+IMPORTANT: This license does not apply to files in directory theme/fonts/
+
+Files in those directories have their own licenses, see license.txt in respective
+directories for details.
+
+-----------------------------------------------------------------------------
+
+Copyright (c) 2015, Vjacheslav Trushkin
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer. 
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+The views and conclusions contained in the software and documentation are those
+of the authors and should not be interpreted as representing official policies, 
+either expressed or implied, of the FreeBSD Project.
\ No newline at end of file
diff --git a/simplicity_lightblue/style.cfg b/simplicity_lightblue/style.cfg
new file mode 100644
index 0000000..ef65996
--- /dev/null
+++ b/simplicity_lightblue/style.cfg
@@ -0,0 +1,32 @@
+#
+# phpBB Style Configuration File
+#
+# This file is part of the phpBB Forum Software package.
+#
+# @copyright (c) phpBB Limited <https://www.phpbb.com>
+# @license GNU General Public License, version 2 (GPL-2.0)
+#
+# For full copyright and license information, please see
+# the docs/CREDITS.txt file.
+#
+# At the left is the name, please do not change this
+# At the right the value is entered
+#
+# Values get trimmed, if you want to add a space in front or at the end of
+# the value, then enclose the value with single or double quotes.
+# Single and double quotes do not need to be escaped.
+#
+#
+
+# General Information about this style
+name = Simplicity Light Blue
+copyright = Created by Arty (Vjacheslav Trushkin), http://www.artodia.com/, Modified by Gabriel Fischer
+style_version = 3.3.0
+phpbb_version = 3.3.0
+
+# Defining a different template bitfield
+# template_bitfield = lNg=
+
+# Parent style
+# Set value to empty or to this style's name if this style does not have a parent style
+parent = Simplicity
diff --git a/simplicity_lightblue/theme/_colours.scss b/simplicity_lightblue/theme/_colours.scss
new file mode 100644
index 0000000..1bfc31b
--- /dev/null
+++ b/simplicity_lightblue/theme/_colours.scss
@@ -0,0 +1,1685 @@
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for common.css
+// --------------------------------------------------------------
+
+html, body {
+	color: $text-color;
+	background-image: url('./images/pattern.png');
+	@if $use-wrapper {
+		background-color: $page-background;
+		&.simple {
+			background-color: $content-background;
+		}
+	}
+	@else {
+		background-color: $content-background;
+	}
+}
+
+h1, p.sitename {
+	color: $header-text;
+}
+
+h2 {
+	color: $page-title-color;
+}
+
+h3 {
+	color: $stats-title-color;
+	.post & {
+		color: $block-title-color;
+	}
+	a {
+		color: inherit;
+		&:hover {
+			color: $link-hover-color;
+		}
+	}
+}
+
+hr {
+	border-color: $content-top-border;
+	border-top-color: $content-bottom-border;
+}
+
+/* Post body links */
+.postlink {
+	border-bottom-color: $link-color;
+	color: $link-color;
+}
+
+.postlink:visited {
+	border-bottom-color: $muted-color;
+	color: $muted-color;
+}
+
+.postlink:hover {
+	background-color: darken($block-background, 10%);
+	color: $link-hover-color;
+}
+
+.signature a, .signature a:hover {
+	background-color: transparent;
+}
+
+// Search box
+// ---------------------------------------------
+
+.search-box .inputbox,
+.search-box .inputbox:hover,
+.search-box .inputbox:focus,
+.search-box .button:hover {
+	border-color: $search-box-border;
+}
+
+.search-box .button {
+	&, &:hover {
+		background-color: $block-background !important;
+		border-color: $search-box-border !important;
+	}
+	&, &:before, &:after {
+		color: $primary-color;
+	}
+	&:hover, &:hover:before, &:hover:after {
+		color: $secondary-color !important;
+	}
+}
+
+.search-header {
+	box-shadow: $search-box-shadow;
+	.navbar.with-search & {
+		box-shadow: none;
+	}
+	.inputbox, .button {
+		background: $block-background !important;
+		border-color: $block-background !important;
+	}
+	.navbar.with-search & .button {
+		&, &:before, &:after {
+			color: $link-color;
+		}
+	}
+	.inputbox:hover, .inputbox:focus {
+		background-color: $block-background3 !important;
+		color: $bold-text-color !important;
+		border-color: $block-background !important;
+	}
+	.button:hover, .button:focus {
+		&, &:before, &:after {
+			background-color: $secondary-color !important;
+			color: #fff !important;
+			border-color: $secondary-color !important;
+		}
+	}
+}
+
+// Round cornered boxes and backgrounds
+// ----------------------------------------
+#wrap {
+	@if $use-wrapper {
+		background-color: $content-background;
+		background-image: url('./images/pattern.png');
+		border-color: $content-border-color;
+	}
+}
+
+.headerbar {
+	color: $header-text;
+}
+
+// Navigation
+.breadcrumbs .crumb:before {
+	color: $muted-color;
+}
+
+.navbar {
+	background-image: none;
+	&.secondary {
+		color: $link-color;
+		> ul > li:hover,
+		> ul > li.dropdown-visible {
+			&, &:after, &:before {
+				color: $secondary-nav-hover-link;
+			}
+		}
+		.dropdown {
+			color: $text-color;
+		}
+	}
+
+	.nav-tabs {
+		background-color: $primary-nav-bg;
+
+		.tab {
+			color: $primary-nav-color;
+			&.selected {
+				color: $primary-nav-selected-color;
+				background-color: $primary-nav-selected-bg;
+			}
+			&:hover,
+			&.dropdown-visible {
+				color: $primary-nav-hover-color;
+				background-color: $primary-nav-hover-bg;
+			}
+			& > strong {
+				color: $primary-nav-alert-color;
+				background-color: $primary-nav-alert-bg;
+				box-shadow: $primary-nav-alert-shadow;
+				.arrow {
+					border-top-color: $primary-nav-alert-bg;
+				}
+			}
+			.dropdown {
+				color: $text-color;
+			}
+		}
+	}
+
+	// Tabbed navigation
+	@if $tabbed-navigation {
+		&.tabbed.not-static {
+			.nav-tabs {
+				li.tab {
+					// Tabs layout
+					color: $link-color;
+					background-color: $block-background;
+
+					&.selected {
+						@include tabbed-nav-layout-all {
+							background-color: $primary-color;
+							color: $overlay-color;
+						}
+					}
+
+					&:hover {
+						@include tabbed-nav-layout-all {
+							background-color: $secondary-color;
+							color: $overlay-color;
+						}
+					}
+
+					&.dropdown-visible {
+						@include tabbed-nav-layout-all {
+							background-color: $primary-color;
+							color: $overlay-color;
+						}
+					}
+				}
+			}
+
+			// Second row
+			+ .navbar.secondary {
+				background: $primary-color;
+				color: $overlay-color;
+
+				> ul > li {
+					&, &:after, &:before {
+						color: $overlay-color;
+					}
+				}
+
+				> ul > li:hover,
+				> ul > li.dropdown-visible {
+					&, &:after, &:before {
+						color: $overlay-color;
+					}
+					background: none;
+					box-shadow: none;
+					filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+				}
+			}
+		}
+	}
+}
+
+.panel {
+	background-color: $block-background;
+	color: $text-color;
+}
+
+.post:target .content {
+	color: $bold-text-color;
+}
+
+.post:target h3 a {
+	color: $bold-text-color;
+}
+
+.bg1 {
+	background-color: $block-background;
+}
+
+table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
+	background-color: $block-background;
+}
+
+.bg2 {
+	background-color: $block-background2;
+}
+
+table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
+	background-color: $block-background2;
+}
+
+.bg3 { 
+	background-color: $block-background3;
+	&.panel {
+		background: transparent none;
+		background-color: rgba($content-background, .3);
+		border-top-color: $tab-selected-background;
+		&:before, &:after {
+			background: -webkit-linear-gradient(to bottom, $tab-selected-background 0%, rgba($tab-selected-background, 0) 100%);
+			background: linear-gradient(to bottom, $tab-selected-background 0%, rgba($tab-selected-background, 0) 100%);
+		}
+	}
+	.section-posting &.panel {
+		background-color: $block-background;
+		&:before, &:after {
+			background: transparent;
+		}
+	}
+}
+
+// Horizontal lists
+// ----------------------------------------
+
+ul.navlinks {
+	border-top-color: $block-inner-border;
+}
+
+// Forums list layout
+// ----------------------
+.forumtitle {
+	.forum_unread &,
+	.forum_unread_subforum &,
+	.forum_unread_locked & {
+		color: $link-hover-color;
+	}
+}
+
+.topictitle {
+	.global_unread &,
+	.global_unread_mine &,
+	.global_unread_locked &,
+	.global_unread_locked_mine &,
+	.announce_unread &,
+	.announce_unread_mine &,
+	.announce_unread_locked &,
+	.announce_unread_locked_mine &,
+	.sticky_unread &,
+	.sticky_unread_mine &,
+	.sticky_unread_locked &,
+	.sticky_unread_locked_mine &,
+	.topic_unread &,
+	.topic_unread_mine &,
+	.topic_unread_locked &,
+	.topic_unread_locked_mine &,
+	.topic_unread_hot &,
+	.topic_unread_hot_mine &
+	{
+		color: $link-hover-color;
+	}
+}
+
+.forum-statistics {
+	color: $muted-color;
+}
+
+.forum-lastpost {
+	color: $muted-color;
+	span:before {
+		opacity: .5;
+	}
+}
+
+.forum-description.toggle {
+	color: $forum-description-color;
+	background-color: fade-out($forum-description-bg, .2);
+	a {
+		color: inherit !important;
+	}
+	span.arrow {
+		border-right-color: fade-out($forum-description-bg, .2);
+	}
+	.rtl & span.arrow {
+		border-right-color: transparent;
+		border-left-color: fade-out($forum-description-bg, .2);
+	}
+}
+
+.forum-statistics {
+	.value {
+		color: $bold-text-color;
+	}
+}
+
+// Table styles
+// ----------------------------------------
+table.table1 thead th {
+	color: $heading-color;
+}
+
+table.table1 tbody tr {
+	border-color: $block-inner-border;
+}
+
+table.table1 tbody tr:hover, table.table1 tbody tr.hover {
+	background-color: $block-background3;
+	color: $bold-text-color;
+}
+
+table.table1 td {
+	color: $text-color;
+}
+
+table.table1 tbody td {
+	border-top-color: $block-inner-border;
+}
+
+table.table1 tbody th {
+	border-bottom-color: $block-bottom-border;
+	color: $bold-text-color;
+	background-color: $content-background;
+}
+
+table.info tbody th {
+	color: $bold-text-color;
+}
+
+// Misc layout styles
+// ----------------------------------------
+dl.details dt {
+	color: $bold-text-color;
+}
+
+dl.details dd {
+	color: $tab-color;
+}
+
+.sep {
+	color: $primary-color;
+}
+
+/* Icon styles
+---------------------------------------- */
+.icon.icon-blue, a:hover .icon.icon-blue {
+	color: #196db5;
+}
+
+.icon.icon-green, a:hover .icon.icon-green{
+	color: #1b9A1B;
+}
+
+.icon.icon-red, a:hover .icon.icon-red{
+	color: #BC2A4D;
+}
+
+.icon.icon-orange, a:hover .icon.icon-orange{
+	color: #FF6600;
+}
+
+.icon.icon-bluegray, a:hover .icon.icon-bluegray{
+	color: #536482;
+}
+
+.icon.icon-gray, a:hover .icon.icon-gray{
+	color: #777777;
+}
+
+.icon.icon-lightgray, a:hover .icon.icon-lightgray{
+	color: #999999;
+}
+
+.icon.icon-black, a:hover .icon.icon-black{
+	color: #333333;
+}
+
+.alert_close .icon:before {
+	background-color: #FFFFFF;
+}
+
+/* Jumpbox */
+.jumpbox .dropdown li {
+	border-top-color: $dropdown-heading-top;
+}
+
+.jumpbox-cat-link {
+	background-color: $dropdown-heading-top;
+	color: $dropdown-heading-color;
+}
+
+.jumpbox-cat-link:hover {
+	background-color: $secondary-color;
+	border-top-color: $secondary-color;
+	color: $dropdown-heading-link-hover-color;
+}
+
+.jumpbox-forum-link {
+	background-color: $dropdown-bg;
+}
+
+.jumpbox-forum-link:hover {
+	background-color: $content-background;
+}
+
+.jumpbox .dropdown .pointer-inner {
+	border-color: $dropdown-bg transparent;
+}
+
+.jumpbox-sub-link {
+	background-color: $dropdown-bg;
+}
+
+.jumpbox-sub-link:hover {
+	background-color: $content-background;
+}
+
+
+
+// Pagination
+// ----------------------------------------
+
+.pagination li a {
+	color: $link-color;
+	background-color: $block-background;
+	border-color: $block-inner-border;
+}
+
+.pagination li.ellipsis span {
+	background-color: transparent;
+	color: $bold-text-color;
+}
+
+.pagination li.active span {
+	color: $overlay-color;
+	background-color: $primary-color;
+	border-color: $primary-color;
+}
+
+.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
+	border-color: $link-hover-color;
+	background-color: $link-hover-color;
+	color: $overlay-color;
+}
+
+.pagination li.page-jump a:after {
+	color: $link-color;
+}
+
+.pagination li.page-jump a:hover:after {
+	color: $link-hover-color;
+}
+
+// Miscellaneous styles
+// ----------------------------------------
+
+.copyright {
+	color: $muted-color;
+}
+
+.error {
+	color: $secondary-color;
+}
+
+.reported {
+	background-color: $block-background-reported;
+	.postprofile, .signature {
+		border-color: darken($block-background-reported, 3%);
+	}
+}
+
+li.reported:hover {
+	background-color: $block-background-reported;
+}
+.sticky, .announce {
+	// you can add a background for stickies and announcements
+}
+
+div.rules {
+	background-color: mix($content-background, $rules-color, 85%);
+	color: $rules-color;
+}
+
+p.post-notice {
+	background-color: mix($block-background, $rules-color, 85%);
+	color: $rules-color;
+	background-image: none;
+}
+
+// Blank FontAwesome replacement
+%post-notice {
+	font-family: FontAwesome;
+}
+
+p.post-notice.deleted:before {
+	@extend %post-notice;
+	content: '\f057';	// fa-times-circle
+	color: $secondary-color;
+}
+
+p.post-notice.unapproved:before {
+	@extend %post-notice;
+	content: '\f059';	// fa-question-circle
+	color: $secondary-color;
+}
+
+p.post-notice.reported:before, p.post-notice.error:before {
+	@extend %post-notice;
+	content: '\f071';	// fa-warning
+	color: $secondary-color;
+}
+
+// Topic status
+.topic-status.sticky {
+	color: $muted-color;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for links.css
+// --------------------------------------------------------------
+
+a { color: $link-color; }
+a:hover	{ color: $link-hover-color; }
+
+a.time { 
+	color: $faint-color; 
+	&:hover {
+		color: $link-hover-color;
+	}
+}
+
+// Links on gradient backgrounds
+.forumbg .header a, .forabg .header a, th a {
+	color: $heading-link;
+}
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+	color: $heading-link-hover;
+}
+
+// Notification mark read link
+.dropdown-extended a.mark_read {
+	background-color: $dropdown-bg;
+}
+
+// Back to top of page
+a.top, a.top2 {
+	color: $muted-color;
+	&:hover {
+		color: $link-hover-color;
+	}
+}
+
+// Arrow links
+a.arrow-left:hover {
+}
+
+a.arrow-right:hover {
+}
+
+a.feed-icon-forum:after {
+	color: mix($muted-color, $block-background, 50%);
+}
+
+a.feed-icon-forum:hover:after {
+	color: $link-hover-color;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for content.css
+// --------------------------------------------------------------
+
+ul.forums {
+}
+
+ul.topiclist li {
+	color: $text-color;
+	@if $split-forums == false {
+		.forabg &, .forumbg & {
+			background: transparent;
+		}
+	}
+}
+
+ul.topiclist li.row dt a.subforum.read {
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-size: 11px 9px;
+	}
+}
+
+ul.topiclist li.row dt a.subforum.unread {
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-size: 11px 9px;
+	}
+}
+
+li.row {
+	border-top-color: $block-top-border;
+	border-bottom-color: $block-bottom-border;
+	.forum-lastpost strong,
+	.subforums-list strong {
+		color: $muted-color;
+	}
+}
+
+li.row strong {
+	color: $bold-text-color;
+}
+
+li.row:hover {
+}
+
+li.row:hover dd {
+}
+
+// Unread forum/topic
+.icon-link + .list-inner > a.forumtitle,
+.pm_unread .topictitle,
+a.subforum.unread {
+	color: $secondary-color;
+}
+
+// Post body styles
+// ----------------------------------------
+.postbody {
+	color: $post-text-color;
+}
+
+// Content container styles
+// ----------------------------------------
+.content {
+	color: $post-text-color;
+}
+
+.content h2, .panel h2 {
+	color: $panel-title-color;
+	border-bottom-color:  $panel-title-border;
+}
+
+dl.faq dt {
+	color: $post-text-color;
+}
+
+.posthilit {
+	background-color: $block-background-reported;
+	color: if($light, darken($secondary-color, 10%), lighten($secondary-color, 10%));
+}
+
+.announce, .unreadpost {
+	// Highlight the announcements & unread posts box
+}
+
+// Post signature
+.signature {
+	border-top-color: $block-inner-border;
+}
+
+// Post noticies
+.notice {
+	border-top-color:  $block-inner-border;
+}
+
+// BB Code styles
+// ----------------------------------------
+// Quote block
+blockquote {
+	background-color: $bbcode-background;
+	border-color: $bbcode-outer-border;
+	border-left-color: lighten($secondary-color, 15%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten($secondary-color, 15%);
+	}
+}
+
+blockquote blockquote,
+blockquote .codebox,
+blockquote .attachbox {
+	// Nested quotes
+	background-color: $bbcode-background2;
+	background-color: rgba(196, 196, 196, 0.1);
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+blockquote blockquote blockquote,
+blockquote blockquote .codebox,
+blockquote blockquote .attachbox {
+	// Nested quotes
+	background-color: $bbcode-background;
+	border-left-color: lighten($secondary-color, 15%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten($secondary-color, 15%);
+	}
+}
+
+blockquote:before {
+	color: $muted-color;
+}
+
+// Code block
+.codebox {
+	background-color: $bbcode-background;
+	border-color: $bbcode-outer-border;
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+.codebox p {
+	border-bottom-color:  $bbcode-inner-border;
+}
+
+.codebox code {
+	color: $bbcode-code-color;
+}
+
+// Attachments
+// ----------------------------------------
+.attachbox {
+	background-color: $bbcode-background;
+	border-color:  $bbcode-outer-border;
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+.attachbox dd {
+	border-top-color: $bbcode-inner-border;
+}
+
+.attachbox p {
+	color: $bbcode-heading-text;
+}
+
+.attachbox p.stats {
+	color: $bbcode-heading-text;
+}
+
+// Inline image thumbnails
+
+dl.file dd {
+	color: $bbcode-heading-text;
+}
+
+dl.thumbnail img {
+	border-color: $bbcode-inner-border;
+	background-color: $block-background;
+}
+
+dl.thumbnail dd {
+	color: $bbcode-heading-text;
+}
+
+// Post poll styles
+// ----------------------------------------
+
+fieldset.polls dl {
+	border-top-color: $block-top-border;
+	border-bottom-color: $block-bottom-border;
+	color: $text-color;
+}
+
+fieldset.polls dl.voted {
+	color: $bold-text-color;
+}
+
+fieldset.polls dd div {
+	color: $overlay-color;
+}
+
+%pollbar {
+	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
+}
+
+.pollbar1 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 30%);
+}
+
+.pollbar2 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 25%);
+}
+
+.pollbar3 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 20%);
+}
+
+.pollbar4 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 10%);
+}
+
+.pollbar5 {
+	@extend %pollbar;
+	background-color: $secondary-color;
+}
+
+// Poster profile block
+// ----------------------------------------
+.postprofile {
+	color: $text-color;
+	border-color: $block-inner-border;
+}
+
+.postprofile strong {
+	color: $bold-text-color;
+}
+
+.online-ribbon span {
+	background-color: $secondary-color;
+	color: #fff;
+}
+
+dd.profile-warnings {
+	color: #BC2A4D;
+}
+
+.no-avatar .avatar-container {
+	background-image: url("./images/no_avatar.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+		background-image: url("./images/no_avatar_hd.png");
+	}
+}
+
+.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+	background: rgba(0, 0, 0, .1);
+}
+
+.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+	background: rgba(0, 0, 0, .3);
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for buttons.css
+// --------------------------------------------------------------
+.button {
+	&, .buttons > &.locked-icon {
+		border-color: $button-border;
+		background-color: $button-bg;
+		color: $button-text;
+		box-shadow: none;
+	}
+
+
+	&:after, &:before {
+	}
+	.buttons > &.locked-icon {
+		color: $button-icon;
+		&:after, &:before {
+			color: $button-icon !important;
+		}
+		&:hover {
+			box-shadow: none;
+		}
+	}
+
+	& > strong {
+	}
+
+	.buttons > &, &.report-icon, &.delete-icon {
+		border-color: $primary-color;
+		background-color: $primary-color;
+		color: $overlay-color;
+
+		&:after, &:before {
+			color: mix($overlay-color, $primary-color, 85%) !important;
+		}
+
+		& > strong {
+		}
+	}
+	&.report-icon, &.delete-icon {
+		border-color: $secondary-color;
+		background-color: $secondary-color;
+
+		&:after, &:before {
+			color: mix($overlay-color, $secondary-color, 85%) !important;
+		}
+	}
+}
+
+.dropdown-select {
+	.buttons > & {
+		color: $muted-color;
+	}
+}
+
+.dropdown-select:after { 
+	border-color: mix($button-bg, $content-background, 60%);
+}
+.dropdown-select:hover	{ 
+	border-color: $button-border; 
+}
+
+.dropdown-select:hover:after, .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after	{ 
+	border-color: mix($secondary-color, $content-background, 90%);
+}
+
+.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select,
+.buttons > .button:hover,
+.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
+	border-color: $secondary-color !important;
+	background-color: $secondary-color;
+	color: $overlay-color;
+
+	&:after, &:before {
+		color: $overlay-color !important;
+	}
+}
+
+.contact-icons a		{ border-color: $block-inner-border; }
+
+// Small icons
+%icon-button {
+	color: $button-icon;
+	&:hover {
+		color: $button-icon-hover;
+	}
+}
+
+%icon-button-visible {
+	.dropdown-visible &,
+	.nojs .dropdown-container:hover & {
+		color: $button-icon-hover;
+	}
+}
+
+.jabber-icon:after {
+	color: #c90000;
+}
+
+.phpbb_icq-icon:after {
+	color: #60ff00;
+	text-shadow: 0 0 1px #000, 0 0 2px #000;
+}
+
+.phpbb_wlm-icon:after {
+	color: #78add3;
+}
+
+.phpbb_aol-icon:after {
+	color: #ffd800;
+	text-shadow: 0 0 1px #000, 0 0 2px #000;
+}
+
+// Icon images
+// ----------------------------------------
+%icon-image {
+	&:after {
+		color: $link-color;
+	}
+	&:hover:after {
+		color: $link-hover-color;
+	}
+}
+
+%icon-search-new {
+	&:after {
+		color: $secondary-color;
+	}
+}
+
+%icon-search-misc {
+	&:after {
+		color: $faint-color;
+	}
+}
+
+.icon-home {
+	&.breadcrumbs:after {
+		color: $link-color;
+	}
+}
+
+.icon-notification, .icon-pm {
+	&.non-zero:after {
+		color: $secondary-color;
+	}
+}
+
+.icon-time {
+	&:after {
+		color: $faint-color;
+	}
+}
+
+/* Profile & navigation icons */
+.pm-icon							{ background-position: 0 0; }
+.email-icon							{ background-position: -21px 0; }
+.jabber-icon						{ background-position: -80px 0; }
+.phpbb_icq-icon						{ background-position: -61px 0 ; }
+.phpbb_wlm-icon						{ background-position: -182px 0; }
+.phpbb_aol-icon						{ background-position: -244px 0; }
+.phpbb_website-icon					{ background-position: -40px 0; }
+.phpbb_youtube-icon					{ background-position: -98px 0; }
+.phpbb_facebook-icon				{ background-position: -119px 0; }
+.phpbb_googleplus-icon				{ background-position: -140px 0; }
+.phpbb_skype-icon					{ background-position: -161px 0; }
+.phpbb_twitter-icon					{ background-position: -203px 0; }
+.phpbb_yahoo-icon					{ background-position: -224px 0; }
+
+// Forum icons & Topic icons
+.global_read													{ background-image: url("./images/announce_read.png"); }
+.global_read_mine												{ @extend .global_read; }
+.global_read_locked												{ background-image: url("./images/announce_read_locked.png"); }
+.global_read_locked_mine										{ @extend .global_read_locked; }
+.global_unread													{ background-image: url("./images/announce_unread.png"); }
+.global_unread_mine												{ @extend .global_unread; }
+.global_unread_locked											{ background-image: url("./images/announce_unread_locked.png"); }
+.global_unread_locked_mine										{ @extend .global_unread_locked; }
+
+.announce_read													{ @extend .global_read; }
+.announce_read_mine												{ @extend .global_read_mine; }
+.announce_read_locked											{ @extend .global_read_locked; }
+.announce_read_locked_mine										{ @extend .global_read_locked_mine; }
+.announce_unread												{ @extend .global_unread; }
+.announce_unread_mine											{ @extend .global_unread_mine; }
+.announce_unread_locked											{ @extend .global_unread_locked; }
+.announce_unread_locked_mine									{ @extend .global_unread_locked_mine; }
+
+.forum_link														{ background-image: url("./images/forum_link.png"); }
+.forum_read														{ background-image: url("./images/forum_read.png"); }
+.forum_read_locked												{ background-image: url("./images/forum_read_locked.png"); }
+.forum_read_subforum											{ background-image: url("./images/forum_read_subforum.png"); }
+.forum_unread													{ background-image: url("./images/forum_unread.png"); }
+.forum_unread_locked											{ background-image: url("./images/forum_unread_locked.png"); }
+.forum_unread_subforum											{ background-image: url("./images/forum_unread_subforum.png"); }
+
+.sticky_read													{ @extend .topic_read; }
+.sticky_read_mine												{ @extend .topic_read_mine; }
+.sticky_read_locked												{ @extend .topic_read_locked; }
+.sticky_read_locked_mine										{ @extend .topic_read_locked_mine; }
+.sticky_unread													{ @extend .topic_unread; }
+.sticky_unread_mine												{ @extend .topic_unread_mine; }
+.sticky_unread_locked											{ @extend .topic_unread_locked; }
+.sticky_unread_locked_mine										{ @extend .topic_unread_locked_mine; }
+
+.topic_moved													{ background-image: url("./images/topic_moved.png"); }
+.topic_read														{ background-image: url("./images/topic_read.png"); }
+.topic_read_mine												{ background-image: url("./images/topic_read_mine.png"); }
+.topic_read_hot													{ background-image: url("./images/topic_read_hot.png"); }
+.topic_read_hot_mine											{ background-image: url("./images/topic_read_hot_mine.png"); }
+.topic_read_locked												{ background-image: url("./images/topic_read_locked.png"); }
+.topic_read_locked_mine											{ background-image: url("./images/topic_read_locked_mine.png"); }
+.topic_unread,													{ background-image: url("./images/topic_unread.png"); }
+.topic_unread_mine												{ background-image: url("./images/topic_unread_mine.png"); }
+.topic_unread_hot												{ background-image: url("./images/topic_unread_hot.png"); }
+.topic_unread_hot_mine											{ background-image: url("./images/topic_unread_hot_mine.png"); }
+.topic_unread_locked											{ background-image: url("./images/topic_unread_locked.png"); }
+.topic_unread_locked_mine										{ background-image: url("./images/topic_unread_locked_mine.png"); }
+
+.pm_read														{ @extend .topic_read; }
+.pm_unread														{ @extend .topic_unread; }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)
+{
+	.global_read, .global_read_locked, .global_unread, .global_unread_locked,
+	.forum_link, .forum_read, .forum_read_locked, .forum_read_subforum, .forum_unread, .forum_unread_locked, .forum_unread_subforum,
+	.topic_moved, .topic_read, .topic_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .topic_read_locked_mine,
+	.topic_unread, .topic_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .topic_unread_locked_mine
+	{
+		background-size: 36px 36px;
+	}
+
+	.global_read												{ background-image: url("./images/announce_read_hd.png"); }
+	.global_read_locked											{ background-image: url("./images/announce_read_locked_hd.png"); }
+	.global_unread												{ background-image: url("./images/announce_unread_hd.png"); }
+	.global_unread_locked										{ background-image: url("./images/announce_unread_locked_hd.png"); }
+
+	.forum_link													{ background-image: url("./images/forum_link_hd.png"); }
+	.forum_read													{ background-image: url("./images/forum_read_hd.png"); }
+	.forum_read_locked											{ background-image: url("./images/forum_read_locked_hd.png"); }
+	.forum_read_subforum										{ background-image: url("./images/forum_read_subforum_hd.png"); }
+	.forum_unread												{ background-image: url("./images/forum_unread_hd.png"); }
+	.forum_unread_locked										{ background-image: url("./images/forum_unread_locked_hd.png"); }
+	.forum_unread_subforum										{ background-image: url("./images/forum_unread_subforum_hd.png"); }
+
+	.topic_moved												{ background-image: url("./images/topic_moved_hd.png"); }
+	.topic_read													{ background-image: url("./images/topic_read_hd.png"); }
+	.topic_read_mine											{ background-image: url("./images/topic_read_mine_hd.png"); }
+	.topic_read_hot												{ background-image: url("./images/topic_read_hot_hd.png"); }
+	.topic_read_hot_mine										{ background-image: url("./images/topic_read_hot_mine_hd.png"); }
+	.topic_read_locked											{ background-image: url("./images/topic_read_locked_hd.png"); }
+	.topic_read_locked_mine										{ background-image: url("./images/topic_read_locked_mine_hd.png"); }
+	.topic_unread												{ background-image: url("./images/topic_unread_hd.png"); }
+	.topic_unread_mine											{ background-image: url("./images/topic_unread_mine_hd.png"); }
+	.topic_unread_hot											{ background-image: url("./images/topic_unread_hot_hd.png"); }
+	.topic_unread_hot_mine										{ background-image: url("./images/topic_unread_hot_mine_hd.png"); }
+	.topic_unread_locked										{ background-image: url("./images/topic_unread_locked_hd.png"); }
+	.topic_unread_locked_mine									{ background-image: url("./images/topic_unread_locked_mine_hd.png"); }
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for cp.css
+// --------------------------------------------------------------
+
+// Main CP box
+// ----------------------------------------
+
+.panel-container h3, .panel-container hr, #cp-menu hr {
+}
+
+.panel-container .panel li.row {
+}
+
+ul.cplist {
+}
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+	color: $bold-text-color;
+}
+
+.panel-container table.table1 thead th {
+	color: $post-text-color;
+	border-bottom-color: $block-inner-border;
+}
+
+#cp-main .pm-message {
+	border-color: $block-border;
+	background-color: $block-background;
+}
+
+// CP tabbed menu
+// ----------------------------------------
+#tabs .tab > a {
+	background: $tab-background;
+	color: $tab-color;
+}
+
+#tabs .tab > a:hover {
+	background: $tab-hover-background;
+	color: $tab-hover-color;
+}
+
+#tabs .activetab > a,
+#tabs .activetab > a:hover {
+	background: $tab-selected-background;
+	box-shadow: 0 5px 5px -5px $tab-selected-background;
+	border-color: $tab-selected-background;
+	color: $tab-selected-color;
+}
+
+#tabs .activetab > a:hover {
+}
+
+// Mini tabbed menu used in MCP
+// ----------------------------------------
+#minitabs .tab > a {
+	background-color: $block-background2;
+}
+
+#minitabs .activetab > a,
+#minitabs .activetab > a:hover {
+	background-color: #F9F9F9;
+	color: #333333;
+}
+
+// Responsive tabs
+// ----------------------------------------
+.responsive-tab .responsive-tab-link:before {
+	color: $tab-color;
+}
+
+// UCP navigation menu
+// ----------------------------------------
+
+// Link styles for the sub-section links
+#navigation a {
+	color: $text-color;
+	background: $block-background;
+	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .1);
+}
+
+#navigation a:hover {
+	background: $block-background2;
+	color: $link-hover-color;
+}
+
+#navigation #active-subsection a {
+	background: $primary-color;
+	color: $overlay-color;
+}
+
+#navigation #active-subsection a:hover {
+	background-color: $secondary-color;
+}
+
+#navigation > hr {
+	border-top-color: $block-background2;
+}
+
+// Preferences pane layout
+// ----------------------------------------
+.panel-container h2 {
+	color: $post-text-color;
+}
+
+.panel-container .panel {
+	background: mix($content-background, $block-background3, 60%);
+	box-shadow: none;
+	border-width: 0;
+	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+	& > .inner > h3:first-child {
+		@include section-heading-cp;
+	}
+	&:before, &:after {
+		background: transparent;
+	}
+}
+
+#cp-main .pm {
+	background-color: $block-background;
+}
+
+// Friends list
+.cp-mini {
+	background-color: $block-background2;
+}
+
+dl.mini dt {
+}
+
+// PM Styles
+// ----------------------------------------
+// PM Message history
+.current {
+	color: $bold-text-color !important;
+}
+
+// PM marking colours
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: #BC2A4D;
+	border-right-color: #BC2A4D;
+}
+
+.pmlist li.pm_marked_colour, .pm_marked_colour {
+	border-color: #ffac05;
+}
+
+.pmlist li.pm_replied_colour, .pm_replied_colour {
+	border-color: #aab8c2;
+}
+
+.pmlist li.pm_friend_colour, .pm_friend_colour {
+	border-color: #5D8FBD;
+}
+
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+	border-color: #000000;
+}
+
+// Avatar gallery
+#gallery label {
+	background: $block-background2;
+	border-color: $block-inner-border;
+}
+
+#gallery label:hover {
+	background-color: $block-background3;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for forms.css
+// --------------------------------------------------------------
+
+// General form styles
+// ----------------------------------------
+select {
+	border-color: $input-border;
+	background-color: $input-bg;
+	color: $input-text;
+}
+
+label {
+	color: $text-color;
+}
+
+option.disabled-option {
+	color: $muted-color;
+}
+
+// Definition list layout for forms
+// ----------------------------------------
+dd label {
+	color: $post-text-color;
+}
+
+fieldset.fields1 {
+	background-color: transparent;
+}
+
+// Hover effects
+fieldset dl:hover dt label {
+	color: $bold-text-color;
+}
+
+fieldset.fields2 dl:hover dt label {
+	color: inherit;
+}
+
+// Quick-login on index page
+fieldset.quick-login input.inputbox {
+}
+
+// Posting page styles
+// ----------------------------------------
+
+#message-box textarea {
+	color: $input-text;
+}
+
+#message-box textarea.drag-n-drop {
+	outline-color: rgba($faint-color, 0.5);
+}
+
+#message-box textarea.drag-n-drop-highlight {
+	outline-color: rgba($muted-color, 0.5);
+}
+
+// Input field styles
+// ----------------------------------------
+.inputbox, select {
+	background-color: $input-bg;
+	border-color: $input-border;
+	color: $input-text;
+}
+
+.inputbox {
+	@include placeholder {
+		color: mix($input-text, $input-bg, 70%);
+	}
+}
+
+.inputbox:hover, select:hover {
+	background-color: $input-hover-bg;
+	border-color: $input-hover-border;
+	color: $input-hover-text;
+}
+
+.inputbox:focus, select:focus {
+	background-color: $input-focus-bg;
+	border-color: $input-focus-border;
+	color: $input-focus-text;
+}
+
+.inputbox:hover {
+	@include placeholder {
+		color: $input-hover-text;
+	}
+}
+
+.inputbox:focus {
+	@include placeholder {
+		color: transparent;
+	}
+}
+
+
+// Form button styles
+// ----------------------------------------
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+	color: $button-text;
+	border-color: $button-border;
+	background-color: $button-bg;
+}
+
+a.button1, input.button1 {
+	border-color: $primary-color;
+	background-color: $primary-color;
+	color: $overlay-color;
+}
+
+input.button3 {
+	background-image: none;
+}
+
+// Hover states
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+	border-color: $secondary-color;
+	background-color: $secondary-color;
+	color: $overlay-color;
+}
+
+// Focus states
+input.button1:focus, input.button2:focus, input.button3:focus {
+	border-color: $secondary-color;
+	background-color: $secondary-color;
+	color: $overlay-color;
+}
+
+input.disabled {
+	color: $muted-color;
+}
+
+// jQuery popups
+// ----------------------------------------
+.phpbb_alert {
+	background-color: $content-background;
+	border-color: $block-inner-border;
+}
+.phpbb_alert .alert_close:before {
+	color: $link-color;
+}
+.phpbb_alert .alert_close:hover:before {
+	color: $link-hover-color;
+}
+.phpbb_alert .alert_close:after {
+	color: $content-background;
+}
+.darken {
+	background-color: #000;
+}
+
+.loading_indicator {
+	background-color: #000;
+	background-image: url("./images/loading.gif");
+}
+
+.dropdown-extended ul li {
+	border-top-color: $block-inner-border;
+}
+
+.dropdown-extended ul li:hover {
+	background-color: $block-background2;
+	color: $bold-text-color;
+}
+
+.dropdown-extended .header, .dropdown-extended .footer {
+	border-color: $block-inner-border;
+	color: $bold-text-color;
+}
+
+.dropdown-extended .footer {
+	border-top-style: solid;
+	border-top-width: 1px;
+}
+
+.dropdown-extended .header {
+	background: $dropdown-heading-top;
+	// background-image: -webkit-linear-gradient(top, $dropdown-heading-top 0, $dropdown-heading-bottom 100%);
+	// background-image: linear-gradient(to bottom, $dropdown-heading-top 0, $dropdown-heading-bottom 100%);
+	// filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($dropdown-heading-top)}', endColorstr='#{ie-hex-str($dropdown-heading-top)}');
+	color: $dropdown-heading-color;
+	a {
+		color: $dropdown-heading-link-color;
+		&:hover {
+			color: $dropdown-heading-link-hover-color;
+		}
+	}
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+	color: $link-color;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
+	color: $link-hover-color;
+}
+
+.dropdown .dropdown-contents {
+	background: $dropdown-bg;
+	border-color: $dropdown-border;
+	box-shadow: $dropdown-shadow;
+}
+
+.dropdown-up .dropdown-contents {
+	box-shadow: $dropdown-shadow-up;
+}
+
+.dropdown li, .dropdown li li {
+	border-color: $dropdown-inner-border;
+}
+
+.dropdown li.separator {
+	border-color: $dropdown-inner-border;
+}
+
+// Notifications
+// ----------------------------------------
+.notification_list li {
+	&.notification-reported strong, &.notification-disapproved strong {
+		color: $secondary-color;
+	}
+
+	&.dropdown-notification {
+		background-color: $dropdown-notification-bg;
+		color: $dropdown-notification-color;
+		&, .panel-container & {
+			border-top-color: lighten($dropdown-notification-bg, 10%);
+			border-bottom-color: darken($dropdown-notification-bg, 10%);
+		}
+		strong {
+			color: $dropdown-notification-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($dropdown-notification-bg, $dropdown-notification-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($dropdown-notification-bg) < 50%, darken($dropdown-notification-bg, 30%), lighten($dropdown-notification-bg, 30%)), 100%);
+			&, &:after {
+				color: $dropdown-notification-strong-color;
+				&:hover {
+					color: $dropdown-notification-color;
+				}
+			}
+		}
+	}
+
+	&.bg3 {
+		// Unread
+		background-color: $notification-unread-bg;
+		color: $notification-unread-color;
+		&, .panel-container & {
+			border-top-color: lighten($notification-unread-bg, 10%);
+			border-bottom-color: darken($notification-unread-bg, 10%);
+		}
+		strong {
+			color: $notification-unread-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($notification-unread-bg, $notification-unread-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($notification-unread-bg) < 50%, darken($notification-unread-bg, 30%), lighten($notification-unread-bg, 30%)), 100%);
+			&, &:after {
+				color: $notification-unread-strong-color;
+				&:hover {
+					color: $notification-unread-color;
+				}
+			}
+		}
+	}
+
+	&.dropdown-notification:hover {
+		background-color: $dropdown-notification-hover-bg;
+		color: $dropdown-notification-color;
+		&, .panel-container & {
+			border-top-color: lighten($dropdown-notification-hover-bg, 10%);
+			border-bottom-color: darken($dropdown-notification-hover-bg, 10%);
+		}
+		strong {
+			color: $dropdown-notification-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($dropdown-notification-hover-bg, $dropdown-notification-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($dropdown-notification-hover-bg) < 50%, darken($dropdown-notification-hover-bg, 30%), lighten($dropdown-notification-hover-bg, 30%)), 100%);
+			&, &:after {
+				color: $dropdown-notification-strong-color;
+				&:hover {
+					color: $dropdown-notification-color;
+				}
+			}
+		}
+	}
+}
+
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for imageset.css
+// --------------------------------------------------------------
+// .imageset.icon_post_target_unread {
+// 	&:after {
+// 		color: #D31141;
+// 	}
+// }
+
+.imageset.icon_post_target {
+	background-image: url("./images/icon_post_target.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-image: url("./images/icon_post_target_hd.png");
+	}
+}
+.imageset.icon_post_target_unread {
+	background-image: url("./images/icon_post_target_unread.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-image: url("./images/icon_post_target_unread_hd.png");
+	}
+}
+
+.imageset.icon_topic_attach {
+	&:after {
+		color: $muted-color;
+	}
+}
+
+%imageset-secondary-color {
+	&:after {
+		color: $secondary-color;
+	}
+}
+
+.imageset.icon_topic_poll {
+	&:after {
+		color: desaturate(mix($primary-color, $block-background, 80%), 30%);
+	}
+}
diff --git a/simplicity_lightblue/theme/_custom.scss b/simplicity_lightblue/theme/_custom.scss
new file mode 100644
index 0000000..adc0a77
--- /dev/null
+++ b/simplicity_lightblue/theme/_custom.scss
@@ -0,0 +1,6 @@
+//
+//	Add your custom code to this file
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
diff --git a/simplicity_lightblue/theme/_custom_config.scss b/simplicity_lightblue/theme/_custom_config.scss
new file mode 100644
index 0000000..750dc54
--- /dev/null
+++ b/simplicity_lightblue/theme/_custom_config.scss
@@ -0,0 +1,13 @@
+//
+//	Add your custom configuration variables to this file.
+//	See _style_config.scss for list of variables
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
+
+
+// Examples: (commented to prevent it from working)
+// 
+// $show-logo: true;
+// $use-wrapper: false;
diff --git a/simplicity_lightblue/theme/_style_config.scss b/simplicity_lightblue/theme/_style_config.scss
new file mode 100644
index 0000000..f27ec84
--- /dev/null
+++ b/simplicity_lightblue/theme/_style_config.scss
@@ -0,0 +1,414 @@
+//
+// Do not edit configuration values in this file.
+//
+// Instead add your own configuration to _custom_config.scss
+// Copy line from this file, paste it to _custom_config.scss and change value.
+//
+
+// Configuration file
+$show-logo:								true !default;	// true or false
+$center-logo:							true !default;	// true or false
+$logo-block-padding:					10px 0 !default;
+$responsive-hide-logo:					false !default;	// Hide logo on mobile devices. true or false
+
+$show-forum-title:						false !default;	// true or false
+
+$profile-width:							150px !default;
+$profile-side:							left !default;	// left or right
+$post-margin:							($profile-width + 10px) !default;
+
+$use-wrapper:							false !default;	// true or false
+$max-width:								none !default;	// Maximum width. Set to "none" to make layout fluid
+
+$split-forums:							true !default;	// Changes layout of forums list. Values are true or false
+
+$tabbed-navigation:						false !default;	// true or false. Toggles tabbed navigation layout
+
+//
+// Fonts
+//
+
+$font-size:								11px !default;	// Base font size
+$font-family:							Verdana, Helvetica, Arial, sans-serif !default;	// Default font
+$line-height:							1.4 !default;	// Line height
+
+$h1-font-size:							$font-size + 10px !default;
+$h1-font-family:						"Trebuchet MS", Arial, Helvetica, sans-serif !default;
+
+$h2-font-size:							$font-size + 8px !default;
+$h2-font-family:						"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$paragraph-line-height:					1.3 !default;
+
+$nav-primary-font-size:					$font-size + 1px !default;
+$nav-secondary-font-size:				$font-size + 1px !default;
+
+$heading-font-size:						$font-size + 4px !default;
+$panel-heading-font-size:				$font-size + 4px !default;
+
+$list-heading-font-size:				$font-size + 1px !default;
+$list-heading-line-height:				$font-size + 7px !default;
+$list-heading-font-family:				"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$forum-heading-font-size:				$list-heading-font-size + 2px !default;
+$forum-heading-font-family:				$list-heading-font-family !default;
+$forum-heading-font-weight:				500 !default;
+
+$button-font-size:						$font-size + 3px !default;
+$button-line-height:					floor(($font-size + 8px) / 2) * 2 !default;	// Convert to even number
+$button-glyph-font-size:				floor($font-size / 2) * 2 !default;	// Convert to even number
+
+$dropdown-header-font-size:				$font-size + 2px !default;
+$dropdown-header-font-family:			Arial, "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$dropdown-header-line-height:			30px !default;
+
+$forum-link-font-size:					$font-size + 5px !default;
+$forum-link-line-height:				1.2 !default;
+$forum-link-font-family:				"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$forum-list-column-font-size:			$font-size + 1px !default;
+$forum-list-last-column-font-size:		$font-size !default;
+$forum-list-description-font-size:		$font-size + 2px !default;
+
+$topic-link-font-size:					$font-size + 4px !default;
+$topic-link-font-family:				$forum-link-font-family !default;
+
+$tab-font-size:							$font-size !default;
+$tab-line-height:						$tab-font-size * 2 + 4px !default;
+
+// Posts
+$post-content-font-size:				$font-size + 2px !default;	// Post content
+$post-content-line-height:				1.4 !default;
+$post-content-font-family:				"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif !default;
+
+$post-title-font-size:					$font-size + 5px !default;
+$post-title-line-height:				1.25 !default;
+$post-title-font-family:				$h2-font-family !default;
+
+$post-signature-font-size:				$font-size + 1px !default;
+$post-quote-font-size:					$post-content-font-size - 1px !default;
+$post-code-font-size:					$post-content-font-size - 1px !default;
+
+$post-block-title-font-size:			$post-quote-font-size !default;	// Quote title, code title
+$post-block-title-line-height:			1.6 !default;
+$post-block-title-font-family:			$post-content-font-family !default;
+
+$post-profile-font-size:				$font-size !default;
+$post-profile-line-height:				$line-height !default;
+
+// Forms
+$input-button-font-size:				$font-size + 2px !default;
+$input-button-font-family:				"Lucida Grande", Verdana, Helvetica, Arial, sans-serif !default;
+$bbcode-button-font-size:				$font-size + 1px !default;
+
+//
+// Color palette
+//
+
+// Absolute black and white colors. Reverse them for dark styles
+$black-color:							#000 !default;		// Main color to mix with. Black for light styles, white for dark styles
+$white-color:							#fff !default;		// Opposite of $black-color
+
+// Page colors
+$page-background:						#e8e8e8 !default;	// HTML element
+$content-background:					#e0e0e0 !default;	// Page inside content wrapper
+$content-border-color:					#e0e0e0 !default;	// Border color for content wrapper
+
+// Primary colors
+$primary-color:							#3d98c6 !default;	// Main color, used for links and stuff
+$secondary-color:						#d3973e !default;	// Secondary color, usually in red - yellow range
+$overlay-color:							$white-color !default;	// Text on top of sections that use colorful background.
+$block-background:						#f4f4f4 !default;	// Background of blocks
+$block-background-reported:				#f6f1ea !default;	// Background for reported posts
+
+// Global color values
+$text-color:							#141414 !default;	// Text color
+$bold-text-color:						$black-color !default;	// Text color with higher contrast to background. #000 or #fff
+$post-text-color:						$text-color !default;	// Text inside posts
+$link-color:							$primary-color !default;	// Links
+$link-hover-color:						$secondary-color !default;	// Links, hover state
+$muted-color:							mix($black-color, $content-background, 40%) !default;	// Gray color
+$faint-color:							mix($black-color, $content-background, 30%) !default;	// Gray color
+$rules-color:							$secondary-color !default;	// Forum rules
+
+//
+// Calculated colors
+//
+
+// Misc. DO NOT EDIT!
+$light:									if(lightness($black-color) < 50%, true, false) !default;
+
+// Blocks
+$block-background2:						#f6f6f6 !default;	// Blocks with .bg2 background color
+$block-background3:						#f8f8f8 !default;	// Blocks with .bg3 background color - mostly UCP/MCP and posting form
+
+$block-border:							#e0e0e0 !default;	// Border color for blocks
+$border-radius:							3px !default;		// Main border radius
+$block-top-border:						lighten($block-background, 10%) !default;	// Top border of forums in forums list
+$block-bottom-border:					darken($block-background, 5%) !default;		// Bottom border of forums in forums list
+$block-inner-border:					$block-bottom-border !default;	// Border inside blocks where there is only 1 border instead of top/bottom borders
+
+$block-title-color:						desaturate($link-color, 5%) !default;	// Title inside blocks, such as post title
+
+// Tabs
+$tab-color:								desaturate($link-color, 20%) !default;
+$tab-background:						$block-background !default;
+
+$tab-hover-color:						$link-hover-color !default;
+$tab-hover-background:					$block-background3 !default;
+
+$tab-selected-color:					mix($text-color, $block-background3, 90%) !default;
+$tab-selected-background:				$block-background3 !default;
+
+// Header
+$header-bg:								$content-background !default;
+$header-text:							$text-color !default;
+$header-link:							$overlay-color !default;
+$header-link-hover:						mix($header-link, $header-bg, 80%) !default;
+
+// Primary navigation
+$primary-nav-bg:						$primary-color !default;
+$primary-nav-color:						$overlay-color !default;
+
+$primary-nav-selected-bg:				$block-background !default;
+$primary-nav-selected-color:			$primary-color !default;
+
+$primary-nav-hover-bg:					$block-background !default;
+$primary-nav-hover-color:				$secondary-color !default;
+
+$primary-nav-alert-bg:					hsl(0, saturation($secondary-color), lightness($secondary-color)) !default;
+$primary-nav-alert-color:				$overlay-color !default;
+$primary-nav-alert-shadow:				1px 1px 3px rgba(0, 0, 0, .2) !default;
+
+// Secondary navigation
+$secondary-nav-hover-link:				$link-hover-color !default;
+
+// Dropdown
+$dropdown-bg:							$block-background !default;
+$dropdown-border:						$primary-color !default;
+$dropdown-shadow:						1px 3px 5px rgba(0, 0, 0, 0.5) !default;
+$dropdown-shadow-up:					1px 0 5px rgba(0, 0, 0, 0.5) !default;
+$dropdown-inner-border:					if($light, darken($dropdown-bg, 10%), lighten($dropdown-bg, 10%)) !default;
+
+$dropdown-heading-top:					$dropdown-border !default;
+$dropdown-heading-bottom:				$dropdown-heading-top !default;
+$dropdown-heading-color:				$overlay-color !default;
+$dropdown-heading-link-color:			$overlay-color !default;
+$dropdown-heading-link-hover-color:		$overlay-color !default;
+
+$forum-description-color:				$overlay-color !default;
+$forum-description-bg:					mix($black-color, $block-background, 75%) !default;
+
+// Notifications
+$notification-unread-bg:				mix($content-background, $rules-color, 90%) !default;
+$notification-unread-color:				$rules-color !default;
+$notification-unread-strong-color:		$black-color !default;
+
+$dropdown-notification-bg:				$block-background !default;
+$dropdown-notification-hover-bg:		$block-background2 !default;
+$dropdown-notification-color:			$link-color !default;
+$dropdown-notification-strong-color:	desaturate(if(lightness($dropdown-notification-color) < 50%, darken($dropdown-notification-color, 30%), lighten($dropdown-notification-color, 30%)), 100%) !default;
+
+// Panels
+$panel-title-color:						desaturate(if($light, darken($primary-color, 10%), lighten($primary-color, 10%)), 25%) !default;
+$panel-title-border:					$block-inner-border !default;
+
+// Content outside of blocks
+$page-title-color:						$primary-color !default;
+$stats-title-color:						$primary-color !default;
+$content-top-border:					lighten($content-background, 10%) !default;
+$content-bottom-border:					darken($content-background, 10%) !default;
+$content-inner-border:					$content-bottom-border !default;
+
+// Heading section
+$heading-bg:							$primary-color !default;
+$heading-border:						$heading-bg !default;
+$heading-color:							$overlay-color !default;
+$heading-link:							$overlay-color !default;
+$heading-link-hover:					$overlay-color !default;
+
+// Inputs
+$input-text:							$text-color !default;	// Input text color
+$input-bg:								$white-color !default;	// Input background
+$input-border:							#c6c6c6 !default;	// Input border color
+$input-hover-text:						$input-text !default;
+$input-hover-bg:						$input-bg !default;
+$input-hover-border:					$secondary-color !default;
+$input-focus-text:						$input-text !default;
+$input-focus-bg:						$input-bg !default;
+$input-focus-border:					$primary-color !default;
+$input-border-radius:					2px !default;
+
+$search-box-border:						#c6c6c6 !default;	// Border for search box block
+$search-box-border-header:				#ccc !default;		// Same as above, for search box in header
+$search-box-shadow:						1px 1px 3px rgba(0, 0, 0, .1) !default;	// Box-shadow for search box in header
+
+// Buttons
+$button-bg:								mix($block-background, $primary-color, 10%) !default;
+$button-border-radius:					3px !default;
+$button-border:							$button-bg !default;
+$button-icon:							$overlay-color !default;
+$button-icon-hover:						$overlay-color !default;
+$button-text:							$overlay-color !default;
+
+$button-top-padding:					2px !default;
+$button-side-padding:					8px !default;
+$button-border-width:					1px !default;
+$button-height:							$button-line-height + ($button-top-padding + $button-border-width) * 2 !default;
+
+$big-button-border-radius:				4px !default;	// For big buttons and blocks like quick search
+
+// BBCode
+$bbcode-border-radius:					0px !default;
+$bbcode-background:						#fff !default;
+$bbcode-background2:					#f4f4f4 !default;
+$bbcode-outer-border:					if($light, darken($bbcode-background, 7%), lighten($bbcode-background, 7%)) !default;
+$bbcode-inner-border:					if($light, darken($bbcode-background, 5%), lighten($bbcode-background, 5%)) !default;
+$bbcode-heading-text:					#666 !default;
+
+// Code colors
+@function code-color($hue) {
+	@return hsl($hue, saturation($primary-color), lightness($primary-color));
+}
+$bbcode-code-color:						code-color(128deg) !default;
+
+// Do not edit few lines below
+$post-side:								if($profile-side == left, right, left) !default;
+
+// Mixins
+@mixin section {
+	background: $block-background;
+	border: 0 solid $block-border;
+	border-radius: $border-radius;
+	padding: 5px 10px;
+}
+
+@mixin section-forum {
+	@include section;
+	padding: 5px;
+}
+
+// Undo section mixin
+@mixin section-empty {
+	background: transparent;
+	border-width: 0;
+	border-radius: 0;
+	box-shadow: none;
+	padding: 0;
+}
+
+// Heading block
+@mixin section-heading {
+	margin: -5px -10px 5px;
+	border-radius: max(0, $border-radius - 1px);
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+	background: $heading-bg;
+	border: 0 solid $heading-border;
+	padding: 5px;
+	text-transform: none;
+	font-size: $heading-font-size;
+	line-height: $line-height;
+	font-weight: normal;
+	color: $heading-color;
+
+	@if $border-radius > 1px {
+		@media (max-width: 700px) {
+			border-radius: 0;
+		}
+	}
+
+	a {
+		color: $heading-link;
+		&:hover {
+			color: $heading-link-hover;
+		}
+	}
+}
+
+@mixin section-heading-forum {
+	@include section-heading;
+	@if $split-forums == false {
+		margin: -5px -5px 0;
+	}
+	@else {
+		@include section-heading-separate;
+		margin: 0;
+	}
+}
+
+@mixin section-heading-separate {
+	border-radius: $border-radius;
+}
+
+@mixin section-heading-cp {
+	background-color: transparent;
+	color: $stats-title-color;
+	background-image: none;
+	a {
+		color: $link-color;
+		&:hover {
+			color: $link-hover-color;
+		}
+	}
+}
+
+@mixin table-heading {
+	background: $heading-bg;
+	border: 0 solid $heading-border;
+	color: $heading-color;
+
+	@if $border-radius > 1px {
+		&:first-child {
+			border-top-left-radius: max(0, $border-radius - 1px);
+		}
+		&:last-child {
+			border-top-right-radius: max(0, $border-radius - 1px);
+		}
+	}
+}
+
+@mixin table-heading-transparent {
+	background: transparent;
+	color: inherit;
+}
+
+@mixin placeholder {
+	&::-moz-placeholder {
+		@content 
+	}
+	&::-webkit-input-placeholder {
+		@content
+	}
+	&:-ms-input-placeholder {
+		@content
+	}
+}
+
+@mixin tabbed-nav-layout-all {
+	@if ($use-wrapper) {
+		&, #wrap & {
+			@content;
+		}
+	}
+	@else {
+		@content;
+	}
+}
+
+@mixin tabbed-nav-layout-alt {
+	@if ($use-wrapper) {
+		@content;
+	}
+}
+
+@mixin tabbed-nav-layout-default {
+	@if ($use-wrapper) {
+		#wrap & {
+			@content;
+		}
+	}
+	@else {
+		@content;
+	}
+}
diff --git a/simplicity_lightblue/theme/bidi.css b/simplicity_lightblue/theme/bidi.css
new file mode 100644
index 0000000..f6c92ae
--- /dev/null
+++ b/simplicity_lightblue/theme/bidi.css
@@ -0,0 +1,4 @@
+/* RTL definitions
+---------------------------------------- */
+
+@import "../../simplicity/theme/bidi.css";
\ No newline at end of file
diff --git a/simplicity_lightblue/theme/common/_buttons.scss b/simplicity_lightblue/theme/common/_buttons.scss
new file mode 100644
index 0000000..eed1254
--- /dev/null
+++ b/simplicity_lightblue/theme/common/_buttons.scss
@@ -0,0 +1,304 @@
+// Button Styles
+// ----------------------------------------
+
+$button-inner-height:	$button-line-height + $button-top-padding * 2;
+$button-outer-height:	$button-inner-height + $button-border-width * 2;
+
+.button {
+	display: inline-block;
+	padding: $button-top-padding $button-side-padding;
+	font-size: $button-font-size;
+	font-weight: 600;
+	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;		
+	line-height: $button-line-height;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	-ms-touch-action: manipulation;
+	    touch-action: manipulation;
+	cursor: pointer;
+	-webkit-user-select: none;
+	   -moz-user-select: none;
+	    -ms-user-select: none;
+	        user-select: none;
+	border: $button-border-width solid transparent;
+	border-radius: $big-button-border-radius;
+
+	& > strong {
+		font-weight: 600;
+	}
+}
+
+.button:focus,
+.button:hover {
+ 	text-decoration: none;
+ 	outline: none;
+}
+
+.caret {
+	border-left: 1px solid;
+	position: relative;
+	right: -6px;
+}
+
+.caret i {
+	vertical-align: top;
+}
+
+/* Posting page styles
+----------------------------------------*/
+.button-search,
+.button-search-end  {
+	float: left;
+	border-radius: 0;
+	margin: 0;
+	padding: 2px 5px;
+}
+
+.button-search-end {
+	border-left-width: 0;
+	border-radius: 0 4px 4px 0;
+}
+
+.search-header .button-search,
+.search-header .button-search-end {
+	border-top-width: 0;
+	border-bottom-width: 0;
+	padding: 3px 5px;
+}
+
+.search-header .button-search-end {
+	border-right-width: 0;
+}
+
+.button-icon-only {
+	padding-left: 3px;
+	padding-right: 3px;
+}
+
+// Poster contact icons
+// ----------------------------------------
+.contact-icons.dropdown-contents {
+	min-width: 0;
+	padding: 0;
+	font-size: 0;
+}
+
+.contact-icon {
+	position: relative;
+	display: block;
+	height: 16px;
+	width: 16px;
+	&:after {
+		content: '';
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		text-align: center;
+		font-family: FontAwesome;
+		font-size: 14px;
+		line-height: 16px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+}
+.contact-icons a {
+	border-bottom: 1px dotted;
+	border-right: 1px dotted;
+	display: block;
+	float: left;
+	padding: 8px;
+}
+
+%contact-icon-gi {
+	font-family: 'Glyphicons Regular', 'Glyphicons';
+}
+
+.contact-icons .last-cell {
+	border-right: none;
+}
+
+.contact-icons div:last-child a {
+	border-bottom: none;
+}
+
+.contact-icons div {
+	clear: left;
+}
+
+// Profile icons
+.pm-icon:after {
+	content: '\f086';	// fa-comments
+}
+.email-icon:after {
+	content: '\f0e0';	// fa-envelope
+}
+.jabber-icon:after {
+	content: '\f0eb';	// fa-lightbulb-o
+	font-size: 16px;
+}
+.phpbb_icq-icon:after {
+	content: '\f013';	// fa-cog
+}
+.phpbb_wlm-icon:after {
+	content: '\f007';	// fa-user
+}
+.phpbb_aol-icon:after {
+	content: '\f2bb';	// fa-address-card
+}
+.phpbb_website-icon:after {
+	content: '\f08e';	// fa-external-link
+}
+.phpbb_youtube-icon:after {
+	content: '\f16a';	// fa-youtube-play
+}
+.phpbb_facebook-icon:after {
+	content: '\f230';	// fa-facebook-official
+}
+.phpbb_googleplus-icon:after {
+	content: '\f0d5';	// fa-google-plus
+}
+.phpbb_skype-icon:after {
+	content: '\f17e';	// fa-skype
+}
+.phpbb_twitter-icon:after {
+	content: '\f099';	// fa-twitter
+}
+.phpbb_yahoo-icon:after {
+	content: '\f19e';	// fa-yahoo
+}
+
+
+// Post control buttons
+// ---------------------------------------------
+.post-buttons {
+	float: right;
+	list-style: none;
+	margin-top: 2px;
+	.rtl & {
+		float: left;
+	}
+}
+
+.has-profile .post-buttons {
+	float: none;
+	position: absolute;
+	margin: 0;
+	top: 5px;
+
+	@if $profile-side == left {
+		right: 0;
+		.rtl & {
+			left: 0;
+		}
+	}
+	@else {
+		right: $post-margin;
+		.rtl & {
+			left: $post-margin;
+		}
+	}
+
+	.rtl & {
+		right: auto;
+	}
+}
+
+.post-buttons > li {
+	float: left;
+	margin-right: 3px;
+}
+
+.post-buttons .button, .format-buttons .button {
+	padding-left: 3px;
+	padding-right: 3px;
+}
+
+
+.hastouch .post-buttons {
+	margin-right: 10px;
+}
+
+.post-buttons .button span {
+	font-size: 0;
+}
+
+// Responsive buttons in post body
+.post-buttons .dropdown {
+	top: 20px;
+}
+
+$post-dropdown-glyphs-font-size:	floor($dropdown-content-font-size / 2) * 2;
+
+.post-buttons .dropdown a {
+	display: block;
+	font-size: $dropdown-content-font-size;
+	line-height: $dropdown-content-line-height;
+	text-align: left;
+	margin-left: 18px;
+	position: relative;
+	&:before {
+		position: absolute;
+		left: -16px;
+		top: 50%;
+		height: $post-dropdown-glyphs-font-size;
+		line-height: $post-dropdown-glyphs-font-size + 2px;
+		margin: -#{$post-dropdown-glyphs-font-size / 2} 0 0;
+		pointer-events: none;
+		color: inherit;
+	}
+	.rtl & {
+		text-align: right;
+	}
+}
+
+.hasjs .postbody .post-buttons {
+	max-width: 40%;
+}
+
+// Browser-specific tweaks
+button::-moz-focus-inner {
+	padding: 0;
+	border: 0
+}
+
+
+/* Deprecated as of version 3.2
+-------------------------------------------------*/
+.small-icon {
+	background-position: 0 50%;
+	background-repeat: no-repeat;
+	background-image: none;
+}
+
+.dropdown .small-icon {
+	background-position: 5px 50%;
+	padding: 5px;
+}
+
+.small-icon > a {
+	padding: 0 0 0 18px;
+}
+
+ul.linklist.bulletin > li.small-icon:before {
+	display: none;
+}
+
+.dropdown .small-icon > a {
+	display: block;
+}
+
+.rtl .small-icon {
+	background-position: 100% 50%;
+}
+
+.rtl .small-icon > a {
+	padding-left: 0;
+	padding-right: 19px;
+}
diff --git a/simplicity_lightblue/theme/common/_common.scss b/simplicity_lightblue/theme/common/_common.scss
new file mode 100644
index 0000000..7503c91
--- /dev/null
+++ b/simplicity_lightblue/theme/common/_common.scss
@@ -0,0 +1,2336 @@
+// CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
+// ----------------------------------------
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+// HTML5 display-role reset for older browsers
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+abbr {
+	text-decoration: none;
+}
+
+// Useful stuff
+%clearfix {
+	&:after, &:before {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+}
+
+// General Markup Styles
+// ----------------------------------------
+html {
+	font-size: 100%;
+	height: 100%;
+}
+
+body {
+	font-family: $font-family;
+	font-size: $font-size;
+	line-height: $line-height;
+	margin: 0;
+	padding: 0 0 12px;
+	word-wrap: break-word;
+	min-height: 100%;
+	box-sizing: border-box;
+	-webkit-print-color-adjust: exact;
+}
+
+$h1-font-size:		$font-size + 10px !default;
+$h1-line-height:	inherit !default;
+
+h1, p.sitename {
+	// Forum name
+	font-family: $h1-font-family;
+	margin-right: 200px;
+	margin-top: 15px;
+	margin-bottom: 0;
+	font-weight: bold;
+	font-size: $h1-font-size;
+	line-height: $h1-line-height;
+}
+
+h2 {
+	// Forum header titles
+	font-family: $h2-font-family;
+	font-weight: normal;
+	font-size: $h2-font-size;
+	margin: 0.8em 0 0.2em 0;
+}
+
+h2.solo {
+	margin-bottom: 1em;
+}
+
+$h3-font-size:			($h2-font-size - 2px) !default;
+$h3-font-family:		$h2-font-family !default;
+
+h3 {
+	// Sub-headers (also used as post headers, but defined later)
+	font-family: $h3-font-family;
+	font-weight: 500;
+	margin-bottom: 5px;
+	font-size: $h3-font-size;
+	margin-top: 20px;
+}
+
+$h4-font-size:			ceil($font-size * 1.3) !default;
+$h4-font-family:		$h1-font-family !default;
+
+h4 {
+	// Forum and topic list titles
+	font-family: $h4-font-family;
+	font-size: $h4-font-size;
+}
+
+$paragraph-font-size:	$font-size !default;
+
+p {
+	line-height: $paragraph-line-height;
+	font-size: $paragraph-font-size;
+	margin-bottom: 1.5em;
+}
+
+img {
+	border-width: 0;
+}
+
+hr {
+	border: 0 solid transparent;
+	border-top-width: 1px;
+	height: 1px;
+	margin: 5px 0;
+	display: block;
+	clear: both;
+}
+
+hr.dashed {
+	border-top-style: dashed;
+	margin: 10px 0;
+}
+
+hr.divider {
+	display: none;
+}
+
+p.right {
+	text-align: right;
+}
+
+p.jumpbox-return {
+	margin-top: 10px;
+	margin-bottom: 0;
+	float: left;
+}
+
+b, strong {
+	font-weight: bold;
+}
+
+.text-strong {
+	font-weight: bold;
+}
+
+i, em {
+	font-style: italic;
+}
+
+.text-italics {
+	font-style: italic;
+}
+
+u {
+	text-decoration: underline;
+}
+
+ul {
+	list-style-type: disc;
+}
+
+ol {
+	list-style-type: decimal;
+}
+
+li {
+	display: list-item;
+}
+
+ul ul, ol ul {
+	list-style-type: circle;
+}
+
+ol ol ul, ol ul ul, ul ol ul, ul ul ul {
+	list-style-type: square;
+}
+
+
+// Main blocks
+// ----------------------------------------
+@mixin wrapper-padding {
+	padding: 10px;
+}
+
+#wrap {
+	@if $use-wrapper {
+		border: 1px solid transparent;
+		border-radius: 8px;
+		@include wrapper-padding;
+	}
+}
+
+@mixin page-width {
+	box-sizing: border-box;
+	margin: 0 auto;
+	max-width: $max-width;
+	min-width: 625px;
+	@if $max-width != none {
+		@media (max-width: ($max-width + 24px)) {
+			margin: 0 12px;
+		}
+	}
+	@else {
+		margin: 0 12px;
+	}
+}
+.page-width {
+	@include page-width;
+}
+
+.page-width .page-width {
+	margin: 0;
+}
+
+.page-body {
+	margin: 4px 0;
+	#wrap > &:first-of-type {
+		margin-top: 0;
+	}
+	#wrap > &:last-of-type {
+		margin-bottom: 0;
+	}
+	clear: both;
+}
+
+.page-footer {
+	clear: both;
+	#wrap + & {
+		margin-top: 5px;
+	}
+}
+
+.page-footer h3 {
+	margin-top: 20px;
+}
+
+.logo {
+	@if $show-logo == true {
+		display: block;
+		box-sizing: border-box;
+		max-width: 100%;
+		@if $center-logo == true {
+			&, & img {
+				margin: 0 auto;
+			}
+		}
+		@else {
+			float: left;
+		}
+		img {
+			display: block;
+			max-width: 100%;
+		}
+		padding: $logo-block-padding;
+		&:hover {
+			text-decoration: none;
+		}
+	}
+	@else {
+		display: none;
+	}
+}
+
+// Site description and logo
+.site-description {
+	@extend %clearfix;
+	h1, p.sitename {
+		margin-left: 0;
+		margin-right: 0;
+	}
+
+	@if $center-logo == true {
+		text-align: center;
+	}
+
+	@if $show-forum-title == false {
+		h1, p {
+			display: none;
+		}
+	}
+}
+
+// Round cornered boxes and backgrounds
+// ----------------------------------------
+.headerbar {
+	& > .inner {
+		position: relative;
+	}
+}
+
+$nav-primary-glyph-font-size:	$nav-primary-font-size + 2px !default;
+$nav-primary-glyph-margin:		0px - ($nav-primary-glyph-font-size  / 2) !default;
+
+$nav-alert-font-size:		9px !default;
+
+.navbar {
+	$navtabs-border-radius: min(5px, $border-radius) !default;
+	$navtabs-border-radius-small: max(0px, $navtabs-border-radius - 2) !default;
+	$tab-height: $nav-primary-font-size + 18px !default;
+	$tab-padding: 12px !default;
+	$tab-padding-glyph: 8px !default;
+
+	@include section;
+	padding: 0 9px;
+	clear: both;
+
+	&.tabbed, &.secondary {
+		@include section-empty;
+	}
+
+	.page-body & {
+		margin-bottom: 10px;
+	}
+	+ .navbar {
+		margin-top: 5px;
+	}
+	&.tabbed {
+		padding: 0;
+	}
+	&.secondary {
+		@extend %clearfix;
+		margin: 0;
+		padding: 1px 0;
+		> ul {
+			list-style-type: none;
+			margin: 0;
+			padding: 0;
+		}
+		> ul > li {
+			position: relative;
+			display: inline-block;
+			margin: 0;
+			padding: 0;
+			> a {
+				display: inline-block;
+				color: inherit;
+				padding: 1px 8px;
+				text-align: center;
+				line-height: $nav-secondary-font-size + 14px;
+				font-size: $nav-secondary-font-size;
+			}
+			&:hover {
+				> a {
+					text-decoration: none;
+				}
+				border-radius: 3px;
+			}
+			&.small-icon > a {
+				padding-left: 18px;
+			}
+			.dropdown {
+				top: $nav-secondary-font-size + 16px;
+			}
+			&.dropdown-up .dropdown {
+				top: auto;
+				bottom: $nav-secondary-font-size + 16px;
+			}
+			&.search-box {
+				display: block;
+				margin: 0;
+				float: right;
+				.rtl & {
+					float: left;
+				}
+				&, &:hover {
+					border-radius: 0;
+					border-width: 0;
+					box-shadow: none;
+					background: none;
+					filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+				}
+			}
+		}
+		+ .nav-breadcrumbs {
+			margin-top: 0;
+		}
+	}
+
+	li.small-icon > a {
+		padding-left: 18px;
+	}
+
+	.nav-tabs {
+		border-radius: $navtabs-border-radius;
+		& .leftside {
+			& .tab:first-child,
+			& .tab.first-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+			}
+		}
+		.rtl & .rightside {
+			& .tab:last-child,
+			& .tab.last-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+			}
+		}
+		& .rightside {
+			& .tab:last-child,
+			& .tab.last-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+			}
+		}
+		.rtl & .leftside {
+			& .tab:first-child,
+			& .tab.first-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+			}
+		}
+
+		@extend %clearfix;
+
+		& > ul {
+			list-style-type: none;
+			margin: 0;
+			height: $tab-height;
+
+			&.leftside, .rtl &.rightside {
+				float: left;
+			}
+			&.rightside, .rtl &.leftside {
+				float: right;
+			}
+
+			& > li {
+				float: left;
+				height: $tab-height;
+			}
+			.rtl & > li {
+				float: right;
+			}
+			.quick-links {
+				margin: 0;
+				&.empty {
+					display: none;
+				}
+				&.showing-responsive-menu {
+					display: block;
+				}
+			}
+		}
+
+		.nav-link {
+			text-decoration: none;
+			color: inherit;
+			display: inline-block;
+			height: $tab-height;
+			line-height: $tab-height;
+			padding: 0 $tab-padding;
+			vertical-align: baseline;
+			font-size: $nav-primary-font-size;
+			outline-style: none;
+			&.dropdown-toggle {
+				position: relative;
+				&:before {
+					$nav-primary-font-size-toggle:	ceil($nav-primary-font-size * 2 / 3) !default;
+					content: '\f078';	// fa-chevron-down
+					font-family: FontAwesome;
+					position: absolute;
+					right: 12px;
+					top: 50%;
+					font-size: $nav-primary-font-size-toggle;
+					line-height: $nav-primary-font-size;
+					width: $nav-primary-font-size-toggle;
+					height: $nav-primary-font-size;
+					margin-top: -6px;
+					.rtl & {
+						right: auto;
+						left: 12px;
+					}
+				}
+				&:hover:before {
+				}
+			}
+			.username-coloured {
+				color: inherit !important;
+				font-weight: inherit;
+				font-style: inherit;
+			}
+		}
+
+		.responsive-menu .nav-link:before,
+		.dropdown-visible .nav-link:before {
+          		content: '\f077'; // fa-chevron-up
+          		font-family: FontAwesome;
+          		position: absolute;
+          		right: 12px;
+         		top: 50%;
+          		font-size: 9px;
+          		line-height: 13px;
+          		width: 9px;
+          		height: 13px;
+          		margin-top: -6px;
+		}
+
+		.dropdown {
+			top: $tab-height;
+			.dropdown-up & {
+				top: auto;
+				bottom: $tab-height;
+			}
+		}
+
+		.tab {
+			position: relative;
+			// Alert
+			& > strong {
+				display: none;
+				font-weight: bold;
+				font-size: $nav-alert-font-size;
+				padding: 0 2px;
+				border-radius: 3px;
+				position: absolute;
+				right: 5px;
+				top: -10px;
+				line-height: $nav-alert-font-size + 5px;
+				min-width: 10px;
+				_width: 10px;
+				text-align: center;
+				text-shadow: none;
+				white-space: nowrap;
+				word-wrap: normal;
+				height: $nav-alert-font-size + 5px;
+				pointer-events: none;
+				.rtl & {
+					right: auto;
+					left: 5px;
+				}
+				.arrow {
+					border: 3px solid transparent;
+					border-bottom: 1px none black;
+					position: absolute;
+					bottom: -3px;
+					right: 4px;
+					line-height: 0;
+					text-shadow: none;
+					_display: none;
+					width: 0;
+					height: 0;
+				}
+			}
+			&.non-zero > strong {
+				display: block;
+			}
+		}
+
+		// Glyphs
+		%glyph {
+			position: relative;
+			padding-left: ($tab-padding + 18px);
+			&:after {
+				position: absolute;
+				left: $tab-padding;
+				top: 50%;
+				margin-top: $nav-primary-glyph-margin;
+				width: $nav-primary-glyph-font-size;
+				font-size: $nav-primary-font-size;
+				line-height: $nav-primary-glyph-font-size;
+				height: $nav-primary-glyph-font-size;
+				text-align: left;
+				font-weight: normal;
+				font-style: normal;
+				text-indent: 0;
+			}
+			.rtl & {
+			}
+			.rtl &:after {
+				left: auto;
+				right: $tab-padding;
+			}
+		}
+		%glyph-only {
+			@extend %glyph;
+			text-indent: 999px;
+			width: $nav-primary-glyph-font-size;
+			padding: 0 $tab-padding-glyph;
+			overflow: hidden;
+			&:after {
+				text-align: center;
+				font-size: $nav-primary-glyph-font-size;
+				left: $tab-padding-glyph;
+			}
+			.rtl &:after {
+				left: auto;
+				right: $tab-padding-glyph;
+			}
+			& + strong {
+				right: -2px;
+				.rtl & {
+					right: auto;
+					left: -2px;
+				}
+			}
+		}
+		@media (max-width: 550px) {
+			%glyph-only-media {
+				text-indent: 999px;
+				width: $nav-primary-glyph-font-size;
+				padding: 0 $tab-padding-glyph;
+				overflow: hidden;
+				&:after {
+					text-align: center;
+					font-size: $nav-primary-glyph-font-size;
+					left: $tab-padding-glyph;
+				}
+				.rtl &:after {
+					left: auto;
+					right: $tab-padding-glyph;
+				}
+				& + strong {
+					right: -2px;
+					.rtl & {
+						right: auto;
+						left: -2px;
+					}
+				}
+			}
+		}
+
+		%glyph-fa {
+			font-family: FontAwesome;
+		}
+
+		.responsive-menu .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0c9';	// fa-bars
+			}
+		}
+
+		.members .nav-link {
+			@extend %glyph;
+			padding-left: ($tab-padding + 20px);
+			padding-right: ($tab-padding + 12px);
+			.rtl & {
+				padding-left: ($tab-padding + 12px);
+				padding-right: ($tab-padding + 20px);
+			}
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0c0';	// fa-groups
+			}
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+				padding: 0 $tab-padding-glyph !important;
+			}
+		}
+
+		.forums .nav-link {
+			@extend %glyph;
+			.rtl & {
+				padding-left: $tab-padding;
+				padding-right: ($tab-padding + 20px);
+			}
+			&:after {
+				@extend %glyph-fa;
+				content: '\f075';	// fa-comment
+			}
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+
+		.account .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f007';	// fa-user
+			}
+		}
+
+		.pm .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f01c';	// fa-inbox
+			}
+		}
+
+		.notifications .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0f3';	// fa-bell
+				font-size: $nav-primary-glyph-font-size - 1px;
+			}
+		}
+
+		.mcp .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0e3';	// fa-gavel
+			}
+		}
+
+		.acp .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f085';	// fa-cogs
+			}
+		}
+
+		.faq .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f059';	// fa-question-circle
+			}
+		}
+
+		@media (max-width: 550px) {
+			.faq {
+				&, & .nav-link {
+					display: none !important;
+				}
+			}
+		}
+
+		.logout .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f08b';	// fa-sign-out
+				margin-left: 1px;
+			}
+		}
+
+		.login .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f090';	// fa-sign-in
+			}
+		}
+
+		.register .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f234';	// fa-user-plus
+			}
+		}
+
+		// Commonly used links for extensions
+		.boardrules .nav-link {
+			&:after {
+				@extend %glyph-fa;
+				content: '\f071';	// fa-exclamation-triangle
+			}
+		}
+		.leftside .boardrules .nav-link {
+			@extend %glyph;
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+		.rightside .boardrules .nav-link {
+			@extend %glyph-only;
+		}
+
+		.pages .nav-link {
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0f6';	// fa-file-text-o
+			}
+		}
+		.leftside .pages .nav-link {
+			@extend %glyph;
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+		.rightside .pages .nav-link {
+			@extend %glyph-only;
+		}
+	}
+
+	// Tabbed navigation
+	@if $tabbed-navigation {
+		&.tabbed.not-static {
+
+			@if $use-wrapper {
+				// Add spacing between top of wrapper and tabs on mobile devices
+				@media (max-width: 700px) {
+					#wrap > div:first-child > &:first-child:before {
+						content: '';
+						display: block;
+						height: 10px;
+					}
+				}
+			}
+
+			.nav-tabs {
+				background: none;
+				box-shadow: none;
+				border-radius: 0;
+				border-width: 0;
+				padding: 0 10px;
+
+				.quick-links {
+					margin: 0 3px;
+				}
+				li.tab {
+					// Tabs layout
+					margin: 0 3px;
+					padding: 0;
+					border-width: 0;
+					border-radius: 0;
+					text-shadow: none;
+
+					@include tabbed-nav-layout-alt {
+						border-top-left-radius: ($navtabs-border-radius + 2);
+						border-top-right-radius: ($navtabs-border-radius + 2);
+					}
+
+					@include tabbed-nav-layout-default {
+						border-top-left-radius: $navtabs-border-radius;
+						border-top-right-radius: $navtabs-border-radius;
+					}
+
+					@media (max-width: 700px) {
+						margin: 0 2px;
+					}
+
+					// Link
+					.nav-link.dropdown-toggle {
+						&:before {
+							display: none;
+							right: 2px;
+							.rtl & {
+								right: auto;
+								left: 2px;
+							}
+						}
+						&:hover:before {
+							display: block;
+						}
+					}
+
+					// Dropdown position
+					&.dropdown-right .dropdown {
+						left: -1px;
+					}
+
+					&.dropdown-left .dropdown {
+						right: -1px;
+					}
+
+					&.dropdown-down .dropdown {
+						top: ($tab-height - 1);
+					}
+
+					&.dropdown-up .dropdown {
+						bottom: ($tab-height - 1);
+					}
+				}
+
+				.rightside li.tab {
+					margin: 0 2px;
+				}
+			}
+
+			// Second row
+			+ .navbar.secondary {
+				border-width: 0;
+				border-radius: $border-radius;
+				font-size: $nav-secondary-font-size;
+				z-index: 2;
+				position: relative;
+				margin: 0 0 10px;
+				padding: 0 5px;
+
+				@media (max-width: 700px) {
+					border-radius: 0;
+					border-left-width: 0;
+					border-right-width: 0;
+				}
+			}
+		}
+	}
+
+	// Static navigation
+	.inner.static {
+		position: fixed;
+		top: 0;
+		z-index: 50;
+		left: 0;
+		right: 0;
+		padding-top: 0;
+		padding-bottom: 0;
+		width: auto;
+		max-width: none;
+		opacity: .9;
+		transition: opacity .2s;
+		@if $use-wrapper {
+			#wrap & > .static-inner {
+				@include wrapper-padding;
+			}
+		}
+		& > .static-inner {
+			@include page-width;
+			padding-top: 0 !important;
+			padding-bottom: 0 !important;
+		}
+		&:hover {
+			opacity: 1;
+		}
+		.nav-tabs {
+			border-radius: 0;
+			& .leftside, .rtl & .rightside {
+				& .tab:first-child,
+				& .tab.first-visible {
+					border-radius: 0;
+				}
+			}
+			& .rightside, .rtl & .leftside {
+				& .tab:last-child,
+				& .tab.last-visible {
+					border-radius: 0;
+				}
+			}
+			.tab > strong {
+				position: relative;
+				top: 0;
+				left: 0;
+				right: 0;
+				bottom: 0;
+				vertical-align: top;
+				margin-top: 8px;
+				margin-left: -7px;
+				margin-right: 5px;
+				padding-bottom: 1px;
+				pointer-events: none;
+				.arrow {
+					display: none;
+				}
+			}
+			.tab.non-zero > strong {
+				display: inline-block;
+			}
+			.pm > .nav-link + strong {
+				margin-left: -5px;
+			}
+		}
+	}
+}
+
+.forabg {
+	@if $split-forums == false {
+		@include section-forum;
+		margin-bottom: 4px;
+		clear: both;
+		& + .forabg {
+			margin-top: 10px;
+		}
+	}
+	@else {
+		padding: 0;
+		margin: 10px 0;
+	}
+}
+
+.forumbg {
+	@if $split-forums == false {
+		@include section-forum;
+		margin-bottom: 4px;
+		clear: both;
+
+		&.forumbg-table {
+			@include section-empty;
+			padding: 0 1px;
+		}
+	}
+	@else {
+		padding: 0;
+	}
+}
+
+.panel {
+	@include section;
+	margin-bottom: 10px;
+	padding: 5px 10px;
+
+	// UCP/MCP panel
+	&.bg3 {
+		border-radius: 0;
+		border-width: 0;
+		box-shadow: none;
+		border-top: 3px solid transparent;
+		position: relative;
+		&:before, &:after {
+			content: '';
+			position: absolute;
+			top: 0;
+			width: 3px;
+			height: 50px;
+		}
+		&:before {
+			left: 0;
+		}
+		&:after {
+			right: 0;
+		}
+	}
+
+	// Posting form
+	.postform &.panel {
+		border-radius: $border-radius;
+	}
+}
+
+$panel-heading-line-height:	$line-height !default;
+
+.panel > .inner > h3:first-child,
+.panel > h3:first-child {
+	@include section-heading;
+	padding-left: 10px;
+	padding-right: 10px;
+	.panel-container & {
+		font-size: $panel-heading-font-size;
+		line-height: $panel-heading-line-height;
+	}
+}
+
+.post {
+	@include section;
+	padding: 0;
+	margin-bottom: 10px;
+	position: relative;
+}
+
+.post > .inner {
+	padding: 5px 10px;
+}
+
+.rowbg {
+	margin: 5px 5px 2px 5px;
+}
+
+// Horizontal lists
+// ----------------------------------------
+.navbar ul.linklist {
+	padding: 2px 0;
+}
+
+ul.linklist {
+	display: block;
+	margin: 0;
+}
+
+.cp-main .panel {
+	padding: 5px 10px;
+}
+
+$list-font-size:	$font-size !default;
+$list-line-height:	2 !default;
+ul.linklist > li {
+	float: left;
+	font-size: $list-font-size;
+	line-height: $list-line-height;
+	list-style-type: none;
+	margin-right: 7px;
+	padding-top: 1px;
+	width: auto;
+	&, &.rightside {
+		&.icon-only {
+			text-align: center;
+			min-width: 20px;
+		}
+	}
+}
+
+ul.linklist > li.rightside, p.rightside, a.rightside {
+	float: right;
+	margin-right: 0;
+	margin-left: 7px;
+	text-align: right;
+}
+
+ul.navlinks {
+	border-top: 1px solid transparent;
+	&.nav-breadcrumbs {
+		border-top-width: 0;
+	}
+}
+
+ul.leftside {
+	float: left;
+	margin-left: 0;
+	margin-right: 5px;
+	text-align: left;
+}
+
+ul.rightside {
+	float: right;
+	margin-left: 5px;
+	margin-right: -5px;
+	text-align: right;
+}
+
+ul.linklist li.responsive-menu {
+	position: relative;
+	margin: 0 5px;
+}
+
+$responsive-menu-font-size:		$font-size + 2px !default;
+
+.fa-bars:before {
+	display: none;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+	display: inline-block;
+	margin: 0 5px;
+	font-size: $responsive-menu-font-size + 4px;
+	position: relative;
+	width: $responsive-menu-font-size + 4px;
+	line-height: $responsive-menu-font-size + 8px;
+	text-decoration: none;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+	&:before {
+		content: '\f0c9';	// fa-bars
+		font-family: FontAwesome;
+		position: absolute;
+		left: 0;
+		top: 50%;
+		margin-top: -#{$responsive-menu-font-size / 2};
+		width: $responsive-menu-font-size + 2px;
+		font-size: $responsive-menu-font-size;
+		line-height: $responsive-menu-font-size;
+		height: $responsive-menu-font-size;
+		text-align: center;
+		font-weight: normal;
+		font-style: normal;
+		text-indent: 0;
+	}
+	&:hover:before {
+		font-family: FontAwesome;
+		content: '\f078';	// fa-chevron-down
+	}
+}
+
+.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
+	max-width: 48%;
+}
+
+.hasjs ul.linklist.fullwidth {
+	max-width: none;
+}
+
+li.responsive-menu.dropdown-right .dropdown {
+}
+
+li.responsive-menu.dropdown-left .dropdown {
+}
+
+ul.linklist .dropdown {
+	top: $list-font-size * 2;
+}
+
+ul.linklist .dropdown-up .dropdown {
+	bottom: $list-font-size * 2;
+	top: auto;
+}
+
+// Bulletin icons for list items
+// ----------------------------------------
+ul.linklist.bulletin > li:before {
+	display: inline-block;
+	content: "\2022";
+	font-size: inherit;
+	line-height: inherit;
+	padding-right: 4px;
+}
+
+ul.linklist.bulletin > li:first-child:before,
+ul.linklist.bulletin > li.rightside:last-child:before {
+	content: none;
+}
+
+ul.linklist.bulletin > li.no-bulletin:before {
+	content: none;
+}
+
+.responsive-menu:before {
+	display: none !important;
+}
+
+// Profile in overall_header.html
+.header-profile {
+	display: inline-block;
+	vertical-align: top;
+}
+
+.header-avatar:hover {
+	text-decoration: none;
+}
+
+.header-avatar img {
+	margin-bottom: 2px;
+	max-height: 20px;
+	vertical-align: middle;
+	width: auto;
+}
+
+.header-avatar span:after {
+	content: '\f078';	// fa-chevron-down
+	font-family: FontAwesome;
+	display: inline-block;
+	font-size: 7px;
+	float: right;
+	padding-left: 2px;
+	font-weight: normal;
+	opacity: 0.7;
+}
+
+// Dropdown menu
+// ----------------------------------------
+.dropdown-container {
+	position: relative;
+}
+
+.dropdown-container-right {
+	float: right;
+}
+
+.dropdown-container-left {
+	float: left;
+}
+
+.nojs .dropdown-container:hover .dropdown {
+	display: block !important;
+}
+
+.dropdown {
+	display: none;
+	position: absolute;
+	left: 0;
+	top: if(unitless($line-height), #{$line-height}em, $line-height);
+	z-index: 30;
+	padding: 0;
+	margin-right: -500px;
+}
+
+.dropdown.live-search {
+	top: auto;
+}
+
+.dropdown-container.topic-tools {
+	float: left;
+}
+
+.dropdown-up .dropdown {
+	top: auto;
+	bottom: if(unitless($line-height), #{$line-height}em, $line-height);
+}
+
+.dropdown-left .dropdown, .nojs .rightside .dropdown {
+	left: auto;
+	right: 0;
+	margin-left: -500px;
+	margin-right: 0;
+}
+
+.dropdown-button-control .dropdown {
+	top: $button-height;
+}
+
+.dropdown-button-control.dropdown-up .dropdown {
+	top: auto;
+	bottom: $button-height;
+}
+
+.dropdown .pointer, .dropdown .pointer-inner {
+	position: absolute;
+	width: 0;
+	height: 0;
+	border-top-width: 0;
+	border-bottom: 10px solid transparent;
+	border-left: 10px dashed transparent;
+	border-right: 10px dashed transparent;
+	-webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
+	display: block;
+}
+
+.dropdown-up .pointer, .dropdown-up .pointer-inner {
+	border-bottom-width: 0;
+	border-top: 10px solid transparent;
+}
+
+.dropdown .pointer {
+	right: auto;
+	left: 10px;
+	top: 0;
+	z-index: 3;
+}
+
+.dropdown-up .pointer {
+	bottom: 0;
+	top: auto;
+}
+
+.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
+	left: auto;
+	right: 10px;
+}
+
+.dropdown .pointer-inner {
+	top: auto;
+	bottom: -11px;
+	left: -10px;
+}
+
+.dropdown-up .pointer-inner {
+	bottom: auto;
+	top: -11px;
+}
+
+.dropdown .dropdown-contents {
+	z-index: 30;
+	overflow: hidden;
+	overflow-y: auto;
+	border: 0px solid transparent;
+	border-radius: 0 0 min($border-radius, 5px) min($border-radius, 5px);
+	border-top-width: 3px;
+	padding: 5px;
+	position: relative;
+	min-width: 40px;
+	max-height: 300px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	.notifications & {
+		min-width: 300px;
+	}
+}
+
+.dropdown-up .dropdown-contents {
+	border-bottom-width: 3px;
+	border-top-width: 0;
+	border-radius: min($border-radius, 5px) min($border-radius, 5px) 0 0;
+}
+
+$dropdown-content-font-size:	$font-size + 1px !default;
+$dropdown-content-line-height:	$line-height !default;
+
+.dropdown-contents > li {
+	padding-right: 15px;
+	min-width: 180px;
+}
+
+.dropdown-nonscroll > li {
+	padding-right: 0;
+}
+
+.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
+	border-top: 0;
+}
+
+.dropdown li li:first-child {
+	margin-top: 4px;
+}
+
+.dropdown li li:last-child {
+	padding-bottom: 0;
+}
+
+.dropdown li li {
+	border-top: 1px dotted transparent;
+	padding-left: 18px;
+}
+
+#wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
+	white-space: normal;
+}
+
+.dropdown li.separator {
+	border-top: 1px solid transparent;
+	margin: 4px 0;
+	padding: 0;
+}
+
+.dropdown li.separator:first-child, .dropdown li.separator:last-child {
+	display: none !important;
+}
+
+.dropdown-trigger > i.glyphicons, .dropdown-trigger > i.fa {
+	display: inline;
+	line-height: inherit;
+	top: 0;
+	vertical-align: baseline;
+	&:before {
+		font-size: 1.4em;
+		line-height: 1;
+		position: relative;
+		top: 1px;
+	}
+}
+
+// Responsive breadcrumbs
+// ----------------------------------------
+.breadcrumbs .crumb {
+	float: left;
+	font-weight: bold;
+	word-wrap: normal;
+	position: relative;
+	padding-left: $list-font-size + 2px;
+	.rtl & {
+		padding-left: 0;
+		padding-right: $list-font-size + 2px;
+	}
+}
+
+.breadcrumbs .crumb:before {
+	content: '\f054';	// fa-chevron-right
+	font-family: FontAwesome;
+	font-weight: normal;
+	position: absolute;
+	left: 1px;
+	width: $list-font-size;
+	top: 50%;
+	margin-top: -#{$list-font-size / 2};
+	font-size: $list-font-size - 4px;
+	height: $list-font-size;
+	line-height: $list-font-size;
+	text-align: center;
+	.rtl & {
+		left: auto;
+		right: 1px;
+		content: '\f053';	// fa-chevron-left
+	}
+}
+
+.breadcrumbs .crumb:first-child {
+	padding-left: 0;
+	padding-right: 0;
+	&:before {
+		display: none;
+	}
+}
+
+.breadcrumbs .crumb a {
+	display: inline-block;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	vertical-align: bottom;
+	overflow: hidden;
+}
+
+.breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; }
+.breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; }
+.breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; }
+
+.breadcrumbs .crumb.wrapped-max a { max-width: 120px; }
+.breadcrumbs .crumb.wrapped-wide a { max-width: 100px; }
+.breadcrumbs .crumb.wrapped-medium a { max-width: 80px; }
+.breadcrumbs .crumb.wrapped-small a { max-width: 60px; }
+.breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; }
+
+// Table styles
+// ----------------------------------------
+table.table1 {
+	width: 100%;
+}
+
+.ucp-main table.table1 {
+	padding: 2px;
+}
+
+$table-heading-font-size:	$font-size + 2px !default;
+$table-heading-line-height:	$line-height !default;
+$table-content-font-size:	$font-size + 1px !default;
+
+table.table1 thead th {
+	@include table-heading;
+	text-transform: none;
+	line-height: $table-heading-line-height;
+	font-weight: normal;
+	font-size: $table-heading-font-size;
+	padding: 4px;
+}
+
+table.table1 thead th span {
+	padding-left: 7px;
+}
+
+table.table1 tbody tr {
+	border-top: 1px solid transparent;
+}
+
+table.table1 td {
+	font-size: $table-content-font-size;
+	line-height: $line-height;
+}
+
+table.table1 tbody td {
+	padding: 5px;
+	border-top: 1px solid transparent;
+}
+
+table.table1 tbody th {
+	padding: 5px;
+	border-bottom: 1px solid transparent;
+	text-align: left;
+}
+
+// Specific column styles
+table.table1 .name		{ text-align: left; }
+table.table1 .center	{ text-align: center; }
+table.table1 .reportby	{ width: 15%; }
+table.table1 .posts		{ text-align: center; width: 7%; }
+table.table1 .joined	{ text-align: left; width: 15%; }
+table.table1 .active	{ text-align: left; width: 15%; }
+table.table1 .mark		{ text-align: center; width: 7%; }
+table.table1 .info		{ text-align: left; width: 30%; max-width: 200px;
+	@media (max-width: 550px) {
+		max-width: 150px;
+	}
+}
+table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
+table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
+table.table1 thead .autocol { padding-left: 1em; }
+
+table.table1 th.info {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+table.table1 span.rank-img {
+	float: right;
+	width: auto;
+}
+
+table.info td {
+	padding: 3px;
+}
+
+table.info tbody th {
+	padding: 3px;
+	text-align: right;
+	vertical-align: top;
+	font-weight: normal;
+}
+
+.forumbg table.table1 {
+	margin: 0;
+}
+
+.forumbg-table > .inner {
+	margin: 0 -1px;
+}
+
+.color_palette_placeholder table {
+	border-collapse: separate;
+	border-spacing: 1px;
+}
+
+// Misc layout styles
+// ----------------------------------------
+// column[1-2] styles are containers for two column layouts
+.column1 {
+	float: left;
+	clear: left;
+	width: 49%;
+}
+
+.column2 {
+	float: right;
+	clear: right;
+	width: 49%;
+}
+
+// General classes for placing floating blocks
+.left-box {
+	float: left;
+	width: auto;
+	text-align: left;
+	max-width: 100%;
+}
+
+.left-box.profile-details {
+	width: 80%;
+}
+
+.right-box {
+	float: right;
+	width: auto;
+	text-align: right;
+	max-width: 100%;
+}
+
+dl.details {
+	font-size: $font-size;
+}
+
+dl.details dt {
+	float: left;
+	clear: left;
+	width: 30%;
+	text-align: right;
+	display: block;
+}
+
+dl.details dd {
+	margin-left: 0;
+	padding-left: 5px;
+	margin-bottom: 5px;
+	float: left;
+	width: 65%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.clearfix, fieldset dl, dl.polls {
+	overflow: hidden;
+}
+
+ul.topiclist dl {
+	@extend %clearfix;
+}
+
+ul.topiclist dd.lastpost {
+	float: right;
+}
+
+fieldset.fields1 ul.recipients {
+	list-style-type: none;
+	line-height: 1.8;
+	max-height: 150px;
+	overflow-y: auto;
+}
+
+fieldset.fields1 dd.recipients {
+	clear: left;
+	margin-left: 1em;
+}
+
+fieldset.fields1 ul.recipients  input.button2{
+	font-size: $font-size - 2px;
+	margin-right: 0;
+	padding: 0;
+}
+
+fieldset.fields1 dl.pmlist > dt {
+	width: auto !important;
+}
+
+fieldset.fields1 dl.pmlist dd.recipients {
+	margin-left: 0 !important;
+}
+
+// Action-bars (container for post/reply buttons, pagination, etc.)
+// ----------------------------------------
+.action-bar {
+	font-size: $font-size;
+	margin: 4px 0;
+}
+
+.forabg + .action-bar {
+	margin-top: 10px;
+}
+
+.action-bar .button {
+	margin-right: 5px;
+	float: left;
+}
+
+.action-bar .button-search {
+	margin-right: 0;
+}
+
+
+// Pagination
+// ----------------------------------------
+$pagination-font-size:				$font-size !default;
+$pagination-line-height:			$font-size + 2px !default;
+$pagination-link-font-size:			$font-size !default;
+$pagination-link-line-height:		$font-size !default;
+
+.pagination {
+	float: right;
+	font-size: $font-size;
+	text-align: right;
+	width: auto;
+}
+
+.action-bar.bottom .pagination {
+	margin-top: 0;
+}
+
+.action-bar .pagination .button {
+	margin-right: 0;
+	float: none;
+}
+
+.pagination > ul {
+	display: inline-block;
+	list-style: none !important;
+	margin-left: 5px;
+}
+
+.pagination > ul > li {
+	display: inline-block !important;
+	padding: 0;
+	font-size: $font-size;
+	line-height: normal;
+	vertical-align: middle;
+}
+
+.pagination li a, .pagination li span {
+	border-radius: 2px;
+	padding: 2px 5px;
+}
+
+.pagination li.active span {
+	display: inline-block;
+	font-size: 13px;
+	font-weight: normal;
+	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+	line-height: 1.4;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	border: 1px solid transparent;
+}
+
+.pagination li.ellipsis span {
+	border: none;
+	padding: 0;
+}
+
+.pagination li.page-jump {
+	margin-right: 5px;
+}
+
+.pagination li.page-jump a {
+	background: transparent none !important;
+	border-color: transparent !important;
+	padding: 0 8px;
+}
+
+.pagination li.page-jump a i {
+	font-size: 21px;
+}
+
+.pagination .arrow a {
+	padding: 2px 0;
+}
+
+.rtl .pagination li.previous a:after {
+	content: '\f054';	// fa-chevron-right
+	right: 1px;
+	left: 3px;
+}
+
+.rtl .pagination li.next a:after {
+	content: '\f053';	// fa-chevron-left
+	left: 1px;
+	right: 3px;
+}
+
+// Pagination in viewforum for multipage topics
+.row .pagination {
+	display: block;
+	margin-top: 3px;
+	margin-bottom: 3px;
+}
+
+.row .pagination > ul {
+	margin: 0;
+}
+
+.row .pagination li a, .row .pagination li span {
+	border-radius: 2px;
+	padding: 1px 3px;
+	font-size: 9px;
+}
+
+// jQuery popups
+// ----------------------------------------
+.phpbb_alert {
+	border: 1px solid transparent;
+	display: none;
+	left: 0;
+	padding: 0 25px 20px 25px;
+	position: fixed;
+	right: 0;
+	top: 150px;
+	z-index: 50;
+	width: 620px;
+	margin: 0 auto;
+}
+
+@media (max-height: 500px)
+{
+	.phpbb_alert {
+		top: 25px;
+	}
+}
+
+.phpbb_alert .alert_close {
+	display: block;
+	float: right;
+	width: 24px;
+	height: 24px;
+	overflow: hidden;
+	text-decoration: none !important;
+	background: transparent none 0 0 no-repeat;
+	margin-top: -12px;
+	margin-right: -36px;
+	position: relative;
+}
+
+.phpbb_alert .alert_close:before,
+.phpbb_alert .alert_close:after {
+	content: '\f057';	// fa-times-circle
+	font-family: FontAwesome;
+	position: absolute;
+	font-size: 18px;
+	line-height: 24px;
+	font-weight: normal;
+	font-style: normal;
+	text-indent: 0;
+	text-align: center;
+	left: 0;
+	top: 0;
+	margin: 0;
+	padding: 0;
+	width: 24px;
+	height: 24px;
+}
+
+.phpbb_alert .alert_close:before {
+	content: '\f111';	// fa-circle
+	font-size: 20px;
+}
+
+.phpbb_alert p {
+	margin: 8px 0;
+	padding-bottom: 8px;
+}
+
+.phpbb_alert label {
+	display: block;
+	margin: 8px 0;
+	padding-bottom: 8px;
+}
+
+.phpbb_alert div.alert_text > p,
+.phpbb_alert div.alert_text > label,
+.phpbb_alert div.alert_text > select,
+.phpbb_alert div.alert_text > textarea,
+.phpbb_alert div.alert_text > input {
+	font-size: $font-size;
+}
+
+.darkenwrapper {
+	display: none;
+	position: relative;
+	z-index: 44;
+}
+
+.darken {
+	position: fixed;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	opacity: 0.5;
+	z-index: 45;
+}
+
+.loading_indicator {
+	background: center center no-repeat;
+	border-radius: 5px;
+	display: none;
+	opacity: 0.8;
+	margin-top: -50px;
+	margin-left: -50px;
+	height: 50px;
+	width: 50px;
+	position: fixed;
+	left: 50%;
+	top: 50%;
+	z-index: 51;
+}
+
+// Miscellaneous styles
+// ----------------------------------------
+.forum-permissions {
+	float: right;
+	width: auto;
+	padding-left: 5px;
+	margin-left: 5px;
+	margin-top: 10px;
+	text-align: right;
+}
+
+.copyright {
+	font-size: 10px;
+	text-align: center;
+	padding: 10px;
+}
+
+.footer-row {
+	font-size: 10px;
+	line-height: 1.8;
+	margin: 0;
+}
+
+.small {
+	font-size: 0.9em !important;
+}
+
+.titlespace {
+	margin-bottom: 15px;
+}
+
+.headerspace {
+	margin-top: 20px;
+}
+
+.error {
+	font-weight: bold;
+	font-size: $font-size;
+}
+
+$rules-font-size:	$font-size !default;
+
+div.rules {
+	margin: 10px 0;
+	font-size: $rules-font-size;
+	padding: 5px 10px;
+	border-radius: $border-radius;
+}
+
+div.rules ul, div.rules ol {
+	margin-left: 20px;
+}
+
+$post-notice-font-size:		$font-size + 1px;
+
+p.post-notice {
+	position: relative;
+	padding: 5px;
+	padding-left: 26px;
+	min-height: 14px;
+	margin-bottom: 1em;
+	font-size: $post-notice-font-size;
+}
+
+p.post-notice:before {
+	content: '';
+	display: block;
+	position: absolute;
+	top: 50%;
+	margin-top: -10px;
+	font-size: 16px;
+	height: 18px;
+	line-height: 18px;
+	text-align: center;
+	vertical-align: baseline;
+	left: 0;
+	width: 28px;
+	background: transparent none 50% 50% no-repeat;
+	pointer-events: none;
+	font-weight: normal;
+	font-style: normal;
+	text-transform: none;
+}
+
+form > p.post-notice strong {
+	line-height: 20px;
+}
+
+.jumpbox {
+	margin: 5px 0;
+}
+
+.jumpbox .dropdown li {
+	border-top: 1px solid transparent;
+}
+
+.jumpbox .dropdown-select {
+	margin: 0;
+}
+
+.jumpbox .dropdown-contents {
+	padding: 0;
+	text-decoration: none;
+}
+
+.jumpbox .dropdown-contents li {
+	padding: 0;
+}
+
+.jumpbox .dropdown-contents a {
+	margin-right: 20px;
+	padding: 5px 10px;
+	text-decoration: none;
+	width: 100%;
+}
+
+.jumpbox .spacer {
+	display: inline-block;
+	width: 0px;
+}
+
+.jumpbox .spacer + .spacer {
+	width: 20px;
+}
+
+.dropdown-contents a {
+	display: block;
+	padding: 5px;
+}
+
+.jumpbox .dropdown-select {
+	margin: 0;
+}
+
+.jumpbox .dropdown-contents a {
+	text-decoration: none;
+}
+
+.dropdown li {
+	display: list-item;
+	border-top: 1px dotted transparent;
+	float: none !important;
+	line-height: normal !important;
+	font-size: 1em !important;
+	list-style: none;
+	margin: 0;
+	white-space: nowrap;
+	text-align: left;
+}
+
+.stat-block {
+	clear: both;
+}
+
+.top {
+	position: absolute;
+	top: -20px;
+}
+
+.clear {
+	display: block;
+	clear: both;
+	font-size: 1px;
+	line-height: 1px;
+	background: transparent;
+}
+
+// Inner box-model clearing
+.inner:after,
+ul.linklist:after,
+.action-bar:after,
+.notification_text:after,
+.tabs-container:after,
+.tabs > ul:after,
+.minitabs > ul:after,
+.postprofile .avatar-container:after {
+	clear: both;
+	content: '';
+	display: block;
+}
+
+.emoji {
+	min-height: 18px;
+	min-width: 18px;
+	height: 1em;
+	width: 1em;
+}
+
+.hidden {
+	display: none;
+}
+
+.smilies {
+	vertical-align: text-bottom;
+}
+
+.icon-notification {
+	position: relative;
+}
+
+.member-search {
+	float: left;
+	margin: 0;
+	padding: 6px 10px;
+}
+
+.member-search strong {
+	font-size: $font-size;
+}
+
+.dropdown-extended {
+	display: none;
+	z-index: 3;
+}
+
+.dropdown-extended ul {
+	max-height: 350px;
+	overflow-y: auto;
+	overflow-x: hidden;
+	clear: both;
+}
+
+.dropdown-extended ul li {
+	padding: 0;
+	margin: 0 !important;
+	float: none;
+	border-top: 1px solid;
+	list-style-type: none;
+	font-size: $font-size;
+	clear: both;
+	position: relative;
+}
+
+.dropdown-extended ul li:first-child {
+	border-top: none;
+}
+
+.dropdown-extended ul li.no_notifications {
+	padding: 10px;
+}
+
+.dropdown-extended .dropdown-contents {
+	max-height: none;
+	padding: 0;
+	position: absolute;
+	width: 340px;
+}
+
+.nojs .dropdown-extended .dropdown-contents {
+	position: relative;
+}
+
+.dropdown-extended .header {
+	.dropdown-down & {
+		margin-top: -3px;
+	}
+	padding: 0 10px;
+	font-family: $dropdown-header-font-family;
+	font-size: $dropdown-header-font-size;
+	font-weight: bold;
+	text-align: left;
+	// text-transform: uppercase;
+	line-height: $dropdown-header-line-height;
+}
+
+.dropdown-extended .header .header_settings {
+	float: right;
+	font-weight: normal;
+	text-transform: none;
+}
+
+.dropdown-extended .header .header_settings a {
+	display: inline-block;
+	padding: 0 5px;
+}
+
+.dropdown-extended .header:after {
+	content: '';
+	display: table;
+	clear: both;
+}
+
+.dropdown-extended .footer {
+	text-align: center;
+	font-size: $font-size;
+}
+
+.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
+	padding: 8px;
+}
+
+.dropdown-extended .footer > a {
+	padding: 5px 0;
+}
+
+.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
+	display: block;
+	text-decoration: none;
+}
+
+.notification_list ul li img {
+	float: left;
+	max-height: 50px;
+	max-width: 50px;
+	width: auto !important;
+	height: auto !important;
+	margin-right: 5px;
+}
+
+.notification_list ul li p {
+	margin-bottom: 4px;
+	font-size: $font-size;
+}
+
+.notification_list p.notification-reference,
+.notification_list p.notification-location,
+.notification_list li a p.notification-reason {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.notification_list p.notification-time {
+	font-size: $font-size - 1px;
+	margin: 0;
+	text-align: right;
+}
+
+.notification_list div.notifications {
+	margin-left: 50px;
+	padding: 5px;
+}
+
+.notification_list div.notifications a {
+	display: block;
+}
+
+.notification_list p.notifications_title {
+	font-family: $topic-link-font-family;
+	font-size: $topic-link-font-size !important;
+}
+
+.notification_list p.notifications_title strong {
+	font-weight: 600;
+}
+
+.notification_list p.notifications_time {
+	font-size: $font-size !important;
+}
+
+.notification_text {
+	margin-left: 58px;
+	white-space: normal;
+}
+
+.badge {
+	border-radius: 10px;
+	opacity: 0.8;
+	text-align: center;
+	white-space: nowrap;
+	font-size: 10px;
+	line-height: 1;
+	float: right;
+	display: inline-block;
+	margin-left: 3px;
+	vertical-align: baseline;
+	position: relative;
+	top: 3px;
+	padding: 4px 6px;
+ }
+
+.badge.hidden {
+	display: none;
+}
+
+// Navbar specific list items
+// ----------------------------------------
+
+.linklist .quick-links {
+	margin: 0 7px 0 0;
+}
+
+.linklist.compact .rightside > a > span span {
+	display: none;
+}
+
+.dropdown-page-jump .dropdown {
+	top: 20px;
+}
+
+.dropdown-page-jump.dropdown-up .dropdown {
+	bottom: 20px;
+}
+
+.dropdown-page-jump input.tiny {
+	width: 50px;
+}
+
+.dropdown .clone.hidden  {
+	display: none;
+}
+
+.dropdown .clone.hidden + li.separator {
+	display: none;
+}
+
+.dropdown .clone.hidden + li {
+	border-top: none;
+}
diff --git a/simplicity_lightblue/theme/common/_content.scss b/simplicity_lightblue/theme/common/_content.scss
new file mode 100644
index 0000000..b7b170d
--- /dev/null
+++ b/simplicity_lightblue/theme/common/_content.scss
@@ -0,0 +1,1278 @@
+// Content Styles
+// ----------------------------------------
+
+ul.topiclist {
+	display: block;
+	list-style-type: none;
+	margin: 0;
+}
+
+ul.topiclist li {
+	display: block;
+	list-style-type: none;
+	margin: 0;
+	.forabg &.header,
+	.forumbg &.header {
+		@include section-heading-forum;
+		position: relative;
+		.forum-toggle {
+			position: absolute;
+			right: 5px;
+			top: 50%;
+			margin-top: -8px;
+			height: 16px;
+			width: 16px;
+			text-decoration: none !important;
+			outline-style: none !important;
+			color: inherit;
+			transition: opacity 0.3s ease;
+			opacity: .5;
+			&:after {
+				content: '\f056';	// fa-minus-circle
+				font-family: FontAwesome;
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 16px;
+				height: 16px;
+				font-size: 12px;
+				line-height: 16px;
+			}
+			&.toggled:after {
+				content: '\f055';	// fa-plus-circle
+			}
+			&:hover {
+				opacity: 1;
+			}
+			.rtl & {
+				right: auto;
+				left: 4px;
+			}			
+		}
+	}
+}
+
+ul.topiclist dl {
+	position: relative;
+}
+
+ul.topiclist li.row dl {
+	margin: 2px 0;
+}
+
+ul.topiclist dt, ul.topiclist dd {
+	display: block;
+	float: left;
+}
+
+ul.topiclist dt {
+	width: 100%;
+	margin-right: -440px;
+	font-size: $font-size;
+}
+
+ul.topiclist.missing-column dt {
+	margin-right: -345px;
+}
+
+dl.elegant-row dt,
+ul.topiclist.two-long-columns dt {
+	margin-right: -250px;
+}
+
+ul.topiclist.two-columns dt {
+	margin-right: -80px;
+}
+
+ul.topiclist dt .list-inner {
+	margin-right: 440px;
+	padding-left: 5px;
+	padding-right: 5px;
+	position: relative;
+}
+
+ul.topiclist.missing-column dt .list-inner {
+	margin-right: 345px;
+}
+
+dl.elegant-row dt .list-inner,
+ul.topiclist.two-long-columns dt .list-inner {
+	margin-right: 250px;
+}
+
+ul.topiclist.two-columns dt .list-inner {
+	margin-right: 80px;
+}
+
+ul.topiclist dd {
+	border-left: 1px solid transparent;
+	padding: 4px 0;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+ul.topiclist dfn {
+	// Labels for post/view counts
+	display: none;
+	position: absolute;
+	left: -999px;
+	width: 990px;
+}
+
+.forum-image {
+	float: left;
+	padding-top: 5px;
+	margin-right: 5px;
+}
+
+li.row {
+	border-top: 1px solid transparent;
+	border-bottom: 1px solid transparent;
+	&:first-child {
+		border-top-width: 0;
+		padding-top: 0;
+	}
+	&:last-child {
+		border-bottom-width: 0;
+		padding-bottom: 0;
+	}
+
+	@if $split-forums == true {
+		ul.topiclist & {
+			.forabg &, .forumbg & {
+				@include section-forum;
+				margin: 5px 0;
+				padding: 0;
+				&.reported {
+					background-color: $block-background-reported;
+				}
+			}
+		}
+	}
+
+	.forum-description {
+
+	}
+	.subforums-list {
+		ul {
+			list-style-type: none;
+			display: inline;
+			margin: 0;
+		}
+		li {
+			display: inline;
+			& > span {
+				display: inline;
+			}
+		}
+	}
+	.forum-mcplink {
+		right: 4px;
+		top: 4px;
+		.rtl & {
+			right: auto;
+			left: 4px;
+		}
+	}
+}
+
+li.row strong {
+	font-weight: normal;
+}
+
+li.header dt, li.header dd {
+	border-left-width: 0;
+	padding-top: 0;
+	padding-bottom: 0;
+	font-size: $list-heading-font-size;
+	font-family: $list-heading-font-family;
+	line-height: $list-heading-line-height;
+}
+
+li.header dt {
+	.forabg & {
+		font-family: $forum-heading-font-family;
+		font-weight: $forum-heading-font-weight;
+		font-size: $forum-heading-font-size;
+	}
+	width: 100%;
+	margin-right: -440px;
+	.list-inner {
+		margin-right: 440px;
+		text-indent: 5px;
+		padding-left: 0;
+	}
+}
+
+li.header dd {
+	padding-left: 1px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+li.header dl dt, li.header dl dd {
+	min-height: 0;
+}
+
+li.header dl.row-item dt .list-inner {
+	// Tweak for headers alignment when folder icon used
+	.forabg & {
+		padding-left: 0;
+		padding-right: 50px;
+	}
+}
+
+.row .list-inner { padding: 4px 0; }
+
+dl.row-item {
+	background-position: 10px 50%;		// Position of folder icon
+	background-repeat: no-repeat;
+	background-size: 36px;
+}
+
+dl.row-item dt {
+	background-repeat: no-repeat;
+	background-position: 5px 95%;		// Position of topic icon
+	background-size: 17px;
+}
+
+dl.row-item dt .list-inner {
+	padding-left: 55px;					// Space for folder icon
+	position: relative;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	li.header & {
+		padding-top: 0;
+		padding-bottom: 0;
+	}
+}
+
+dl.row-item dt .list-inner .topic-status {
+	position: absolute;
+	right: 4px;
+	top: 3px;
+	font-size: 14px;
+	pointer-events: none;
+	.rtl & {
+		right: auto;
+		left: 4px;
+	}
+}
+
+dl.row-item dt .list-inner .topic-status + .topic-status {
+	right: 20px;
+}
+
+dl.row-item dt, dl.row-item dd {
+	min-height: 42px;
+}
+
+dl.row-item dt a {
+	display: inline;
+}
+
+dl.row-item.with-description dt, dl.row-item.with-description dd {
+	min-height: 50px;
+}
+
+dl a.row-item-link {						// topic row icon links
+	display: block;
+	width: 36px;
+	height: 36px;
+	padding: 0;
+	position: absolute;
+	top: 50%;
+	left: 0;
+	margin-top: -15px;
+	margin-left: 9px;
+	z-index: 2;
+}
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
+	width: 80px;
+	text-align: center;
+}
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark, dd.lastpost.empty {
+	line-height: 34px;
+	font-size: $forum-list-column-font-size;
+	.with-description & {
+		line-height: 42px;
+	}
+}
+
+dd.lastpost.empty br {
+	display: none;
+}
+
+dd.posts, dd.topics, dd.views {
+	width: 95px;
+	.elegant-row & {
+		display: none;
+	}
+}
+
+// List in forum description
+dl.row-item dt ol,
+dl.row-item dt ul {
+	list-style-position: inside;
+	margin-left: 1em;
+}
+
+dl.row-item dt li {
+	display: list-item;
+	list-style-type: inherit;
+}
+
+dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
+	width: 250px;
+	font-size: $forum-list-last-column-font-size;
+}
+
+dd.redirect {
+	line-height: 2.5em;
+}
+
+dd.time {
+	line-height: 200%;
+}
+
+dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
+	display: block;
+	padding-left: 5px;
+}
+
+dd.extra, dd.mark {
+	line-height: 200%;
+}
+
+dd.option {
+	width: 125px;
+	line-height: 200%;
+	text-align: center;
+	font-size: $font-size;
+}
+
+// Forums list layout
+// ----------------------
+.forum-description {
+	font-size: $forum-list-description-font-size;
+	padding-top: 2px;
+}
+
+.forum-statistics {
+	font-size: $font-size;
+	padding-top: 2px;
+	.value {
+	}
+}
+
+.forum-lastpost {
+	display: none;
+	@media (max-width: 550px) {
+		display: block !important;
+		padding-top: 2px;
+		line-height: 1.2;
+		overflow: hidden;
+	}
+	strong, span {
+		text-overflow: ellipsis;
+		overflow: hidden;
+		white-space: nowrap;
+	}
+	strong, span, a.lastsubject {
+		font-weight: normal;
+	}
+	strong {
+		display: block;
+		float: left;
+		max-width: 200px;
+		padding-right: 5px;
+		.rtl & {
+			float: right;
+			padding-right: 0;
+			padding-left: 5px;
+		}
+		@media (max-width: 400px) {
+			max-width: 130px;
+		}
+	}
+	span {
+		display: inline-block;
+		max-width: 100%;
+		&:after {
+			content: '|';
+			display: inline-block;
+			text-align: center;
+			width: 12px;
+		}
+		&:last-of-type:after {
+			display: none;
+		}
+	}
+}
+
+.subforums-list {
+	padding-top: 2px;
+}
+
+.forum-description.toggle {
+	display: none;
+	position: absolute;
+	font-size: $font-size;
+	border-radius: 4px;
+	padding: 4px 9px;
+	max-width: 500px;
+	cursor: pointer;
+	a.forumtitle + & {
+		left: 55px;
+		top: 25px;
+		z-index: 30;
+		.rtl & {
+			left: auto;
+			right: 55px;
+		}
+	}
+	a {
+		background: none !important;
+		text-decoration: underline !important;
+		border-width: 0 !important;
+	}
+	span.arrow {
+		position: absolute;
+		line-height: 0;
+		width: 0;
+		height: 0;
+		border: 6px solid transparent;
+		border-left: 1px none transparent;
+		top: 6px;
+		left: -6px;
+		bottom: auto;
+	}
+	.rtl & span.arrow {
+		border-left: 6px solid transparent;
+		border-right: 1px none transparent;
+		left: auto;
+		right: -6px;
+	}
+	&.no-arrow span.arrow {
+		display: none;
+	}
+}
+
+// Post body styles
+// ----------------------------------------
+.postbody {
+	padding: 0;
+	font-size: $font-size;
+	line-height: $line-height;
+	.postprofile + & {
+		float: $post-side;
+		margin-#{$profile-side}: -#{$post-margin};
+		.rtl & {
+			margin-#{$profile-side}: 0;
+			margin-#{$post-side}: -#{$post-margin};
+			float: $profile-side;
+		}
+		width: 100%;
+		position: relative;
+		.search & {
+			margin-#{$profile-side}: (-100px - $post-margin);
+			.rtl & {
+				margin-#{$profile-side}: 0;
+				margin-#{$post-side}: (-100px - $post-margin);
+			}
+		}
+	}
+}
+
+.postprofile + .postbody > div {
+	margin-#{$profile-side}: $post-margin;
+	&:only-child:after {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+	.rtl & {
+		margin-#{$profile-side}: 0;
+		margin-#{$post-side}: $post-margin;
+	}
+	.search & {
+		margin-#{$profile-side}: ($post-margin + 100px);
+		.rtl & {
+			margin-#{$profile-side}: 0;
+			margin-#{$post-side}: ($post-margin + 100px);
+		}
+	}
+}
+
+.postbody .ignore {
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+}
+
+.postbody h3.first {
+	// The first post on the page uses this
+}
+
+.postbody h3 {
+	// Postbody requires a different h3 format - so change it here
+	float: left;
+	font-size: $post-title-font-size;
+	padding: 2px 0 0 0;
+	margin-top: 0 !important;
+	margin-bottom: 0.3em !important;
+	text-transform: none;
+	border: none;
+	font-family: $post-title-font-family;
+	line-height: $post-title-line-height;
+	.rtl & {
+		float: right;
+	}
+}
+
+.postbody h3 img {
+	vertical-align: bottom;
+}
+
+.has-profile .postbody h3 {
+	// If there is a post-profile, we position the post-buttons differently
+	float: none !important;
+	margin-right: 180px;
+	.rtl & {
+		margin-right: 0;
+		margin-left: 180px;
+	}
+}
+
+.postbody .content {
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	overflow-x: auto;
+}
+
+.postbody img.postimage {
+	max-width: 100%;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+// Topic review panel
+// ----------------------------------------
+.panel .review {
+	margin-top: 2em;
+}
+
+.topicreview {
+	padding-right: 5px;
+	overflow: auto;
+	height: 300px;
+}
+
+.topicreview .postbody {
+	width: auto;
+	float: none;
+	margin: 0;
+	height: auto;
+}
+
+.topicreview .post {
+	height: auto;
+}
+
+.topicreview h2 {
+	border-bottom-width: 0;
+}
+
+.post-ignore .postbody {
+	display: none;
+}
+
+// MCP Post details
+// ----------------------------------------
+.post_details {
+	overflow: auto;
+	max-height: 300px;
+}
+
+// Content container styles
+// ----------------------------------------
+.content {
+	clear: both;
+	min-height: 3em;
+	overflow: hidden;
+	line-height: $post-content-line-height;
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	padding-bottom: 1px;
+}
+
+.content h2, .panel h2 {
+	font-weight: normal;
+	border-bottom: 1px solid transparent;
+	font-size: $panel-heading-font-size;
+	margin-top: 0.5em;
+	margin-bottom: 0.5em;
+	padding-bottom: 0.5em;
+	&.faq-title {
+		margin-top: 5px;
+	}
+}
+
+.panel h3 {
+	margin: 0.5em 0;
+}
+
+$panel-font-size:		$font-size + 2px !default;
+$panel-line-height:		$line-height !default;
+
+.panel p {
+	font-size: $panel-font-size;
+	margin-bottom: 1em;
+	line-height: $panel-line-height;
+}
+
+.content p {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	margin-bottom: 1em;
+	line-height: $post-content-line-height;
+}
+
+dl.faq {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	margin-top: 1em;
+	margin-bottom: 2em;
+	line-height: $post-content-line-height;
+}
+
+dl.faq dt {
+	font-family: $post-title-font-family;
+	font-size: $post-title-font-size;
+	line-height: $post-title-line-height;
+	font-weight: normal;
+	margin-bottom: 5px;
+}
+
+.content dl.faq {
+	@extend dl.faq;
+	margin-bottom: 0.5em;
+}
+
+.content li {
+	list-style-type: inherit;
+}
+
+.content ul, .content ol {
+	margin: 0.8em 0 0.9em 3em;
+}
+
+.posthilit {
+	padding: 0 2px 1px 2px;
+}
+
+// Post author
+p.author {
+	margin-bottom: 0.3em;
+	padding: 0 0 5px 0;
+	font-family: $font-family;
+	font-size: $font-size;
+	line-height: $line-height;
+	clear: both;
+}
+
+// Post signature
+.signature {
+	margin-top: 1.5em;
+	padding-top: 0.2em;
+	font-size: $post-signature-font-size;
+	border-top: 1px solid transparent;
+	clear: left;
+	font-family: $post-content-font-family;
+	line-height: $post-content-line-height;
+	overflow: hidden;
+	width: 100%;
+}
+
+.signature.standalone {
+	border-top-width: 0;
+	margin-top: 0;
+}
+
+dd .signature {
+	margin: 0;
+	padding: 0;
+	clear: none;
+	border: none;
+}
+
+.signature li {
+	list-style-type: inherit;
+}
+
+.signature ul, .signature ol {
+	margin: 0.8em 0 0.9em 3em;
+}
+
+// Post noticies
+.notice {
+	font-family: $post-content-font-family;
+	width: auto;
+	margin-top: 1.5em;
+	padding-top: 0.2em;
+	font-size: $post-content-font-size;
+	border-top: 1px dashed transparent;
+	clear: left;
+	line-height: $post-content-line-height;
+}
+
+// Jump to post link for now
+ul.searchresults {
+	list-style: none;
+	text-align: right;
+	clear: both;
+	@if $profile-side == right {
+		margin-right: ($post-margin + 100px);
+	}
+	.rtl & {
+		text-align: left;
+		@if $profile-side == right {
+			margin-right: 0;
+			margin-left: ($post-margin + 100px);
+		}
+	}
+}
+
+// BB Code styles
+// ----------------------------------------
+// Quote block
+blockquote {
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	font-size: $post-quote-font-size;
+	margin: 8px 12px;
+	overflow: hidden;
+	padding: 5px;
+	position: relative;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+/*blockquote:before {
+	position: absolute;
+	font-family: 'Trebuchet MS';
+	top: 5px;
+	left: 4px;
+	height: 16px;
+	font-size: 30px;
+	line-height: 30px;
+	pointer-events: none;
+}*/
+
+blockquote blockquote {
+	// Nested quotes
+	margin: 5px;
+}
+
+blockquote cite {
+	// Username/source of quoter
+	font-style: normal;
+	font-weight: bold;
+	display: block;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+}
+
+blockquote cite cite {
+}
+
+blockquote cite:before, .uncited:before {
+	padding-right: 5px;
+}
+
+blockquote cite > div {
+	float: right;
+	font-weight: normal;
+}
+
+.postbody .content li blockquote {
+	overflow: inherit;
+	margin-left: 0;
+}
+
+// Code block
+$post-code-line-height:		1.3 !default;
+
+.codebox {
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	margin: 8px 12px;
+	font-size: $post-code-font-size;
+	word-wrap: normal;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+.codebox p {
+	text-transform: uppercase;
+	border-bottom: 1px solid transparent;
+	margin-bottom: 3px;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size !important;
+	line-height: $post-block-title-line-height;
+	font-weight: bold;
+	display: block;
+}
+
+blockquote .codebox {
+	margin-left: 0;
+}
+
+.codebox code {
+	overflow: auto;
+	display: block;
+	height: auto;
+	max-height: 200px;
+	padding: 5px 3px;
+	font-family: Monaco, "Andale Mono","Courier New", Courier, mono;
+	font-size: $post-code-font-size;
+	line-height: $post-code-line-height;
+}
+
+// Attachments
+// ----------------------------------------
+.attachbox {
+	float: left;
+	width: auto;
+	max-width: 100%;
+	margin: 5px 5px 5px 0;
+	padding: 6px;
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	clear: left;
+	box-sizing: border-box;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+.attachbox dt {
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+	font-weight: 500;
+}
+
+.attachbox dd {
+	margin-top: 4px;
+	padding-top: 4px;
+	clear: left;
+	border-top: 1px solid transparent;
+	overflow-x: auto;
+}
+
+.attachbox dd dd {
+	border: none;
+}
+
+.attachbox p, .attachbox p.stats {
+	line-height: $post-content-line-height;
+	font-weight: normal;
+	clear: left;
+}
+
+.attach-image {
+	margin: 3px 0;
+	max-width: 100%;
+}
+
+.attach-image img {
+	// border: 1px solid transparent;
+//	cursor: move;
+	cursor: default;
+}
+
+// Inline image thumbnails
+div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
+	display: block;
+	margin-bottom: 4px;
+}
+
+div.inline-attachment p {
+	font-size: $post-quote-font-size;
+}
+
+dl.file {
+	font-family: $post-block-title-font-family;
+	display: block;
+}
+
+dl.file dt {
+	text-transform: none;
+	margin: 0;
+	padding: 0;
+	font-weight: bold;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+}
+
+dl.file dd {
+	margin: 0;
+	padding: 0;
+}
+
+dl.thumbnail img {
+	padding: 3px;
+	border: 1px solid transparent;
+	box-sizing: border-box;
+}
+
+dl.thumbnail dd {
+	font-style: italic;
+	font-family: $font-family;
+}
+
+.attachbox dl.thumbnail dd {
+	font-size: 100%;
+}
+
+dl.thumbnail dt a:hover img {
+	border: 1px solid transparent;
+}
+
+// Post poll styles
+// ----------------------------------------
+fieldset.polls {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dl {
+	margin: 0;
+	border: 1px solid transparent;
+	border-width: 1px 0;
+	padding: 5px 0;
+	line-height: $post-content-line-height;
+	&:first-child {
+		border-top-width: 0;
+	}
+	&:last-child {
+		border-bottom-width: 0;
+	}
+}
+
+fieldset.polls dl.voted {
+	font-weight: bold;
+}
+
+fieldset.polls dt {
+	text-align: left;
+	float: left;
+	display: block;
+	width: 30%;
+	border-right: none;
+	padding: 0;
+	margin: 0;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dd {
+	float: left;
+	width: 10%;
+	border-left: none;
+	padding: 0 5px;
+	margin-left: 0;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dd.resultbar {
+	width: 50%;
+}
+
+fieldset.polls dd input {
+	margin: 2px 0;
+}
+
+fieldset.polls dd div {
+	text-align: right;
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: bold;
+	font-size: .9em;
+	padding: 0 3px;
+	overflow: visible;
+	min-width: 8px;
+	border-radius: max(min($border-radius, 5px) - 1px, 0);
+}
+
+.vote-submitted {
+	font-size: $post-content-font-size + 2px;
+	font-weight: bold;
+	text-align: center;
+}
+
+// Poster profile block
+// ----------------------------------------
+.postprofile {
+	margin: 0;
+	padding: 5px 0;
+	min-height: 80px;
+	border: 0px solid transparent;
+	border-#{$post-side}-width: 1px;
+	width: $profile-width;
+	float: $profile-side;
+	position: relative;
+	box-sizing: border-box;
+	z-index: 2;
+	.rtl & {
+		float: $post-side;
+		border-width: 0;
+		border-#{$profile-side}-width: 1px;
+	}
+	.search & {
+		width: ($profile-width + 100px);
+	}
+}
+
+.postprofile dd, .postprofile dt {
+	font-size: $post-profile-font-size;
+	line-height: $post-profile-line-height;
+	margin-#{$post-side}: 8px;
+	.rtl & {
+		margin-#{$profile-side}: 8px;
+		margin-#{$post-side}: 0;
+	}
+}
+
+.postprofile dd {
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.postprofile strong {
+	font-weight: normal;
+}
+
+.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
+	margin-bottom: 10px;
+}
+
+// Post-profile avatars
+.postprofile .has-avatar .avatar-container {
+	margin-bottom: 3px;
+	overflow: hidden;
+}
+
+.postprofile .avatar {
+	display: block;
+	float: left;
+	max-width: 100%;
+	.rtl & {
+		float: right;
+	}
+}
+
+.postprofile .avatar img {
+	display: block;
+	height: auto !important;
+	max-width: 100%;
+}
+
+.postprofile .profile-posts a {
+	font-weight: normal;
+}
+
+dd.profile-warnings {
+	font-weight: bold;
+}
+
+dd.profile-contact {
+	overflow: visible;
+}
+
+.profile-contact .dropdown-container {
+	display: inline-block;
+}
+
+.profile-contact .icon_contact {
+	vertical-align: middle;
+}
+
+.profile-contact .dropdown {
+	margin-right: -14px;
+}
+
+.online-ribbon {
+	display: block;
+	width: 70px;
+	height: 70px;
+	position: absolute;
+	overflow: hidden;
+	top: 0;
+	#{$profile-side}: 0;
+	pointer-events: none;
+
+	.rtl & {
+		#{$profile-side}: auto;
+		#{$post-side}: 0;
+	}
+
+	span {
+		display: block;
+		font-weight: 500;
+		font-style: normal;
+		width: 100px;
+		font-size: 11px;
+		line-height: 18px;
+		height: 18px;
+		text-align: center;
+		position: absolute;
+		top: 17px;
+		white-space: nowrap;
+		#{$profile-side}: -25px;
+
+		@if $profile-side == left {
+			-webkit-transform: rotate(-45deg);
+			-ms-transform: rotate(-45deg);
+			transform: rotate(-45deg);
+		}
+		@else {
+			-webkit-transform: rotate(45deg);
+			-ms-transform: rotate(45deg);
+			transform: rotate(45deg);
+		}
+
+		+ span {
+			opacity: .75;
+			z-index: 29;
+		}
+
+		.rtl & {
+			#{$profile-side}: auto;
+			#{$post-side}: -25px;
+
+			@if $profile-side == right {
+				-webkit-transform: rotate(-45deg);
+				-ms-transform: rotate(-45deg);
+				transform: rotate(-45deg);
+			}
+			@else {
+				-webkit-transform: rotate(45deg);
+				-ms-transform: rotate(45deg);
+				transform: rotate(45deg);
+			}
+		}
+	}
+}
+
+.panel.online > .inner {
+	position: relative;
+	z-index: 2;
+}
+
+.no-avatar .avatar-container {
+	display: block;
+	width: 92px;
+	height: 92px;
+	background: transparent none 50% 50% no-repeat;
+	background-size: cover;
+}
+
+// Profile used on view-profile
+.profile-avatar img {
+	max-width: 100%;
+}
+
+// pm list in compose message if mass pm is enabled
+dl.pmlist dt {
+	width: 60% !important;
+}
+
+dl.pmlist dt textarea {
+	width: 95%;
+}
+
+dl.pmlist dd {
+	margin-left: 61% !important;
+	margin-bottom: 2px;
+}
+
+.action-bar div.dl_links {
+	padding: 10px 0 0 10px;
+}
+
+div.dl_links {
+	display: inline-block;
+	text-transform: none;
+}
+
+.dl_links strong {
+	font-weight: bold;
+}
+
+.dl_links ul {
+	list-style-type: none;
+	margin: 0;
+	display: inline-block;
+}
+
+.dl_links li {
+	display: inline-block;
+}
+
+.attachment-filename {
+	width: 100%;
+}
+
+.ellipsis-text {
+	display: inline-block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+table.fixed-width-table {
+	table-layout: fixed;
+}
+
+// Show scrollbars for items with overflow on iOS devices
+// ----------------------------------------
+.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+	width: 8px;
+	height: 8px;
+	-webkit-appearance: none;
+	border-radius: 3px;
+}
+
+.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+	border-radius: 3px;
+}
+
+#memberlist tr.inactive, #team tr.inactive {
+	font-style: italic;
+}
+
+//
+// Extensions
+//
+
+// Thanks for posts
+a.post {
+	display: inline !important;
+	background: none !important;
+	box-shadow: none !important;
+	border: none !important;
+}
diff --git a/simplicity_lightblue/theme/common/_cp.scss b/simplicity_lightblue/theme/common/_cp.scss
new file mode 100644
index 0000000..cfbb15e
--- /dev/null
+++ b/simplicity_lightblue/theme/common/_cp.scss
@@ -0,0 +1,440 @@
+// Control Panel Styles
+// ----------------------------------------
+
+
+// Main CP box
+// ----------------------------------------
+.cp-menu {
+	float:left;
+	width: 19%;
+	margin: 0 -2px;
+	padding-right: 7px;
+	box-sizing: border-box;
+	.rtl & {
+		float: right;
+		padding-left: 7px;
+		padding-right: 0;
+	}
+}
+
+.cp-main {
+	float: left;
+	width: 81%;
+	.rtl & {
+		float: right;
+	}
+}
+
+.cp-main .content {
+	padding: 0;
+}
+
+.panel-container .panel {
+	margin-bottom: 10px;
+}
+
+.panel-container .panel p {
+	font-size: $panel-font-size;
+	line-height: $panel-line-height;
+}
+
+.panel-container .panel ol {
+	margin-left: 2em;
+	font-size: $panel-font-size;
+}
+
+.panel-container .panel li.row {
+	border-bottom: 1px solid transparent;
+	border-top: 1px solid transparent;
+}
+
+ul.cplist {
+	margin-bottom: 5px;
+	border-top: 1px solid transparent;
+}
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+	margin-bottom: 2px;
+}
+
+.panel-container table.table1 {
+	margin-bottom: 1em;
+}
+
+.panel-container table.table1 thead th {
+	@include table-heading-transparent;
+	padding: 5px;
+	font-weight: bold;
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.panel-container table.table1 tbody th {
+	font-style: italic;
+	background-color: transparent !important;
+	border-bottom: none;
+}
+
+.cp-main .pm-message {
+	border: 1px solid transparent;
+	margin: 10px 0;
+	width: auto;
+	float: none;
+}
+
+.pm-message h2 {
+	padding-bottom: 5px;
+}
+
+.cp-main .postbody h3, .cp-main .box2 h3 {
+	margin-top: 0;
+}
+
+.panel-container .postbody p.author {
+	font-size: $font-size;
+}
+
+.cp-main .buttons {
+	margin-left: 0;
+}
+
+.cp-main ul.linklist {
+	margin: 0;
+}
+
+// MCP Specific tweaks
+.mcp-main .postbody {
+	width: 100%;
+}
+
+.tabs-container h2 {
+	float: left;
+	margin-bottom: 0px;
+}
+
+// CP tabs shared
+// ----------------------------------------
+.tabs, .minitabs {
+	line-height: normal;
+}
+
+.tabs > ul, .minitabs > ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	position: relative;
+}
+
+.tabs .tab, .minitabs .tab {
+	display: block;
+	float: left;
+	font-size: $tab-font-size;
+	font-weight: bold;
+	line-height: $tab-line-height;
+}
+
+.tabs .tab > a, .minitabs .tab > a {
+	display: block;
+	padding: 0 9px;
+	position: relative;
+	text-decoration: none;
+	white-space: nowrap;
+	cursor: pointer;
+	font-size: inherit;
+	line-height: inherit;
+}
+
+// CP tabbed menu
+// ----------------------------------------
+.tabs {
+	margin: 20px 0 0 7px;
+}
+
+.tabs .tab > a {
+	border: 1px solid transparent;
+	border-radius: 4px 4px 0 0;
+	margin: 1px 1px 0 0;
+}
+
+.tabs .activetab > a {
+	margin-top: 0;
+	padding-bottom: 2px;
+}
+
+// Mini tabbed menu used in MCP
+// ----------------------------------------
+.minitabs {
+	float: right;
+	margin: 15px 7px 0 0;
+	max-width: 50%;
+}
+
+.minitabs .tab {
+	float: right;
+}
+
+.minitabs .tab > a {
+	border-radius: 5px 5px 0 0;
+	margin-left: 2px;
+}
+
+.minitabs .tab > a:hover {
+	text-decoration: none;
+}
+
+// Responsive tabs
+// ----------------------------------------
+.responsive-tab {
+	position: relative;
+}
+
+a.responsive-tab-link {
+	.responsive-tab > & {
+		display: block;
+		font-size: 16px;
+		position: relative;
+		width: 16px;
+		line-height: 14px;
+		text-decoration: none;
+	}
+	.responsive-tab > &:before {
+		content: '\f0c9';	// fa-bars
+		font-family: FontAwesome;
+		position: absolute;
+		left: 10px;
+		top: 50%;
+		margin-top: -7px;
+		width: 14px;
+		font-size: 13px;
+		line-height: 15px;
+		height: 15px;
+		text-align: center;
+		font-weight: normal;
+		font-style: normal;
+		text-indent: 0;
+	}
+	.dropdown-visible.responsive-tab > &:before,
+	.responsive-tab > &:hover:before {
+		font-family: FontAwesome;
+		content: '\f078';	// fa-chevron-down
+	}
+}
+
+.tabs .dropdown, .minitabs .dropdown {
+	top: $tab-line-height + 2px;
+	margin-right: -2px;
+	font-size: $dropdown-content-font-size;
+	line-height: $dropdown-content-line-height;
+	font-weight: normal;
+}
+
+.minitabs .dropdown {
+	margin-right: -4px;
+}
+
+.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
+	bottom: $tab-line-height + 2px;
+	top: auto;
+}
+
+.tabs .dropdown li {
+	text-align: right;
+}
+
+.minitabs .dropdown li {
+	text-align: left;
+}
+
+// UCP navigation menu
+// ----------------------------------------
+// Container for sub-navigation list
+.navigation {
+	width: 100%;
+	hr {
+		display: none;
+		+ ul {
+			margin-top: 10px;
+		}
+	}
+}
+
+.navigation ul {
+	list-style: none;
+}
+
+// Default list state
+.navigation li {
+	display: inline;
+	font-weight: bold;
+	margin: 1px 0;
+	padding: 0;
+}
+
+// Link styles for the sub-section links
+.navigation a {
+	display: block;
+	padding: 5px;
+	margin: 2px 0;
+	border-radius: max(0px, $border-radius - 2px);
+	text-decoration: none;
+	font-size: $font-size;
+	line-height: $line-height;
+}
+
+.navigation a:hover {
+	text-decoration: none;
+}
+
+// Preferences pane layout
+// ----------------------------------------
+.cp-main h2 {
+	border-bottom: none;
+	padding: 0;
+	margin-left: 10px;
+}
+
+// Friends list
+.cp-mini {
+	margin: 10px 15px 10px 5px;
+	max-height: 200px;
+	overflow-y: auto;
+	padding: 5px 10px;
+	border-radius: $border-radius;
+}
+
+dl.mini dt {
+	font-weight: bold;
+}
+
+dl.mini dd {
+	padding-top: 4px;
+}
+
+.friend-online {
+	font-weight: bold;
+}
+
+.friend-offline {
+	font-style: italic;
+}
+
+// PM Styles
+// ----------------------------------------
+// Defined rules list for PM options
+ol.def-rules {
+	padding-left: 0;
+}
+
+ol.def-rules li {
+	line-height: 180%;
+	padding: 1px;
+}
+
+// PM marking colours
+.pmlist li.bg1 {
+	padding: 0 3px;
+}
+
+.pmlist li.bg2 {
+	padding: 0 3px;
+}
+
+/* DEPRECATED 3.2.6
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: transparent;
+	border-right-color: transparent;
+}
+*/
+
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour,
+.pmlist li.pm_marked_colour, .pm_marked_colour,
+.pmlist li.pm_replied_colour, .pm_replied_colour,
+.pmlist li.pm_friend_colour, .pm_friend_colour,
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+	padding: 0;
+	border: solid 3px transparent;
+	border-width: 0 3px;
+}
+
+.pm-legend {
+	border-left-width: 10px;
+	border-left-style: solid;
+	border-right-width: 0;
+	margin-bottom: 3px;
+	padding-left: 3px;
+}
+
+// Avatar gallery
+.gallery label {
+	position: relative;
+	float: left;
+	margin: 10px;
+	padding: 5px;
+	width: auto;
+	border: 1px solid transparent;
+	text-align: center;
+}
+
+// Responsive *CP navigation
+// ----------------------------------------
+@media (max-width: 900px)
+{
+	.nojs .tabs a span, .nojs .minitabs a span {
+		max-width: 40px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		letter-spacing: -.5px;
+	}
+
+	.cp-menu, .navigation, .cp-main {
+		float: none;
+		width: auto;
+		margin: 0;
+	}
+
+	.cp-menu:after {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+
+	.navigation {
+		padding: 0;
+		max-width: 320px;
+		.cp-menu & {
+			margin: 0 10px;
+			float: left;
+			@media (max-width: 450px) {
+				float: none;
+				margin: 0 auto;
+			}
+		}
+		&, .cp-menu &:only-child {
+			float: none;
+			margin: 0 auto;
+		}
+		.cp-menu & + .cp-mini {
+			float: left;
+			margin: 0 10px;
+			max-width: 220px;
+			@media (max-width: 450px) {
+				float: none;
+				margin: 10px auto 0;
+			}
+		}
+	}
+
+	.navigation a {
+		background-image: none;
+	}
+
+	.navigation li:first-child a {
+		border-top-left-radius: 5px;
+		border-top-right-radius: 5px;
+	}
+
+	.navigation li:last-child a {
+		border-bottom-left-radius: 5px;
+		border-bottom-right-radius: 5px;
+	}
+}
diff --git a/simplicity_lightblue/theme/common/_forms.scss b/simplicity_lightblue/theme/common/_forms.scss
new file mode 100644
index 0000000..80a6269
--- /dev/null
+++ b/simplicity_lightblue/theme/common/_forms.scss
@@ -0,0 +1,459 @@
+// Form Styles
+// ----------------------------------------
+
+// General form styles
+// ----------------------------------------
+$input-font-size:		$font-size + 1px !default;
+$input-font-family:		$font-family !default;
+
+fieldset {
+	border-width: 0;
+	font-family: $font-family;
+	font-size: $font-size;
+}
+
+input {
+	font-weight: normal;
+	vertical-align: middle;
+	padding: 0 3px;
+	font-size: $input-font-size;
+	font-family: $input-font-family;
+}
+
+select {
+	font-family: $input-font-family;
+	font-weight: normal;
+	cursor: pointer;
+	vertical-align: middle;
+	border: 1px solid transparent;
+	border-radius: $input-border-radius;
+	padding: 1px;
+	font-size: $input-font-size;
+}
+
+select:focus {
+	outline-style: none;
+}
+
+option {
+	padding-right: 1em;
+}
+
+select optgroup option {
+	padding-right: 1em;
+	font-family: $input-font-family;
+}
+
+textarea {
+	font-family: $post-content-font-family;
+	width: 60%;
+	padding: 2px;
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	border-radius: $input-border-radius;
+	-webkit-appearance: none;
+}
+
+label {
+	cursor: default;
+	padding-right: 5px;
+}
+
+label input {
+	vertical-align: middle;
+}
+
+label img {
+	vertical-align: middle;
+}
+
+// Definition list layout for forms
+// ----------------------------------------
+fieldset dl {
+	padding: 4px 0;
+}
+
+fieldset dt {
+	float: left;
+	width: 40%;
+	text-align: left;
+	display: block;
+}
+
+fieldset dd {
+	margin-left: 41%;
+	vertical-align: top;
+	margin-bottom: 3px;
+}
+
+// Specific layout 1
+fieldset.fields1 dt {
+	width: 15em;
+	border-right-width: 0;
+}
+
+fieldset.fields1 dd {
+	margin-left: 15em;
+	border-left-width: 0;
+}
+
+fieldset.fields1 div {
+	margin-bottom: 3px;
+}
+
+// Set it back to 0px for the reCaptcha divs: PHPBB3-9587
+fieldset.fields1 .live-search div {
+	margin-bottom: 0;
+}
+
+// Specific layout 2
+fieldset.fields2 dt {
+	width: 15em;
+	border-right-width: 0;
+}
+
+fieldset.fields2 dd {
+	margin-left: 16em;
+	border-left-width: 0;
+}
+
+// Form elements
+dt label {
+	font-weight: bold;
+	text-align: left;
+}
+
+dd label {
+	white-space: nowrap;
+}
+
+dd input, dd textarea {
+	margin-right: 3px;
+}
+
+dd select {
+	width: auto;
+}
+
+dd select[multiple] {
+	width: 100%;
+}
+
+dd textarea {
+	width: 85%;
+}
+
+// Hover effects
+.timezone {
+	width: 95%;
+}
+
+/* Browser-specific tweaks */
+button::-moz-focus-inner {
+	padding: 0;
+	border: 0
+}
+
+
+// Quick-login on index page
+fieldset.quick-login {
+	margin-top: 5px;
+}
+
+fieldset.quick-login input {
+	width: auto;
+}
+
+fieldset.quick-login input.inputbox {
+	width: 15%;
+	vertical-align: middle;
+	margin-right: 5px;
+}
+
+fieldset.quick-login label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+// Display options on viewtopic/viewforum pages
+fieldset.display-options {
+	text-align: center;
+	margin: 3px 0 5px 0;
+}
+
+fieldset.display-options label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+fieldset.display-options a {
+	margin-top: 3px;
+}
+
+.dropdown fieldset.display-options {
+	font-size: 1em;
+	margin: 0;
+	padding: 0;
+}
+
+.dropdown fieldset.display-options label {
+	display: block;
+	margin: 4px;
+	padding: 0;
+	text-align: right;
+	white-space: nowrap;
+}
+
+.dropdown fieldset.display-options select {
+	min-width: 120px;
+}
+
+// Display actions for ucp and mcp pages
+fieldset.display-actions {
+	text-align: right;
+	line-height: 2em;
+	white-space: nowrap;
+	padding-right: 1em;
+}
+
+fieldset.display-actions label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+fieldset.sort-options {
+	line-height: 2em;
+}
+
+// MCP forum selection
+fieldset.forum-selection {
+	margin: 5px 0 3px 0;
+	float: right;
+}
+
+fieldset.forum-selection2 {
+	margin: 13px 0 3px 0;
+	float: right;
+}
+
+// Submit button fieldset
+fieldset.submit-buttons {
+	text-align: center;
+	vertical-align: middle;
+	margin: 5px 0;
+}
+
+fieldset.submit-buttons input {
+	vertical-align: middle;
+}
+
+// Posting page styles
+// ----------------------------------------
+
+// Buttons used in the editor
+.format-buttons {
+	margin: 15px 0 2px 0;
+}
+
+.format-buttons input, .format-buttons select {
+	vertical-align: middle;
+}
+
+// Main message box
+.message-box {
+	width: 80%;
+}
+
+.message-box textarea {
+	font-family: $post-content-font-family;
+	width: 450px;
+	height: 270px;
+	min-width: 100%;
+	max-width: 100%;
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	resize: vertical;
+	outline: 3px dashed transparent;
+	outline-offset: -4px;
+	-webkit-transition: all .5s ease, height 1ms linear;
+	-moz-transition: all .5s ease, height 1ms linear;
+	-ms-transition: all .5s ease, height 1ms linear;
+	-o-transition: all .5s ease, height 1ms linear;
+	transition: all .5s ease, height 1ms linear;
+}
+
+// Emoticons panel
+.smiley-box {
+	width: 18%;
+	float: right;
+}
+
+.smiley-box img {
+	margin: 3px;
+}
+
+// Input field styles
+// ----------------------------------------
+.inputbox {
+	border: 1px solid transparent;
+	padding: 2px;
+	border-radius: $input-border-radius;
+	-webkit-appearance: none;
+}
+
+.inputbox:hover, .inputbox:focus {
+	border: 1px solid transparent;
+	outline-style: none;
+}
+
+input.inputbox	{ width: 85%; }
+input.medium	{ width: 50%; }
+input.narrow	{ width: 25%; }
+input.tiny	{ width: 150px; }
+
+textarea.inputbox {
+	width: 85%;
+}
+
+.autowidth {
+	width: auto !important;
+}
+
+input[type="number"] {
+	-moz-padding-end: 0;
+}
+
+input[type="search"] {
+	-webkit-appearance: none;
+	-webkit-box-sizing: content-box;
+}
+
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
+	display: none;
+}
+
+input[type="search"]::-webkit-search-cancel-button {
+	cursor: pointer;
+}
+
+// Form button styles
+// ----------------------------------------
+input.button1, input.button2 {
+	font-size: $input-button-font-size;
+}
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+	width: auto !important;
+	padding-top: 1px;
+	padding-bottom: 1px;
+	font-family: $input-button-font-family;
+	background: transparent none repeat-x top left;
+	line-height: 1.5;
+	border-radius: $button-border-radius;
+	font-size: $input-button-font-size;
+	.format-buttons & {
+		font-size: $bbcode-button-font-size;
+	}
+}
+
+a.button1, input.button1 {
+	font-weight: bold;
+	border: 1px solid transparent;
+}
+
+input.button3 {
+	padding: 0;
+	margin: 0;
+	line-height: 5px;
+	height: 12px;
+	background-image: none;
+	font-variant: small-caps;
+}
+
+input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li {
+	cursor: pointer;
+}
+
+// Alternative button
+a.button2, input.button2, input.button3 {
+	border: 1px solid transparent;
+}
+
+// <a> button in the style of the form buttons
+a.button1, a.button2 {
+	text-decoration: none;
+	padding: 0 3px;
+	vertical-align: text-bottom;
+}
+
+// Hover states
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+	border: 1px solid transparent;
+}
+
+input.disabled {
+	font-weight: normal;
+}
+
+// Focus states
+input.button1:focus, input.button2:focus, input.button3:focus {
+	outline-style: none;
+}
+
+// Topic and forum Search
+.search-box {
+	float: left;
+}
+
+.search-box .inputbox {
+	background-image: none;
+	border-right-width: 0;
+	border-radius: $big-button-border-radius 0 0 $big-button-border-radius;
+	float: left;
+	height: $button-outer-height;
+	padding: 3px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	.rtl & {
+		border-radius: 0 $big-button-border-radius $big-button-border-radius 0;
+	}
+}
+
+// Search box (header)
+// ---------------------------------------------
+.search-header {
+	border-radius: $big-button-border-radius;
+	display: block;
+	border: 1px solid transparent;
+	.navbar.with-search & {
+		margin-top: 1px;
+	}
+	@if $tabbed-navigation {
+		.navbar.not-static + .navbar.with-search & {
+			&, & a.button, & .inputbox {
+				border-radius: 0;
+			}
+			margin-right: -3px;
+			.rtl & {
+				margin-right: 0;
+				margin-left: -3px;
+			}
+		}
+	}
+	.headerbar & {
+		position: absolute;
+		top: 50%;
+		right: 5px;
+		margin-top: -13px;
+	}
+}
+
+.search-header .inputbox { border: 0; }
+
+.navbar .linklist > li.responsive-search { display: none; }
+
+.full { width: 95%; }
+.medium { width: 50%;}
+.narrow { width: 25%;}
+.tiny { width: 10%;}
diff --git a/simplicity_lightblue/theme/common/_icons.scss b/simplicity_lightblue/theme/common/_icons.scss
new file mode 100644
index 0000000..3ac5984
--- /dev/null
+++ b/simplicity_lightblue/theme/common/_icons.scss
@@ -0,0 +1,96 @@
+/* --------------------------------------------------------------
+	$Icons
+-------------------------------------------------------------- */
+
+/* Global module setup
+--------------------------------*/
+
+/* Renamed version of .fa class for agnostic usage of icon fonts.
+ * Just change the name of the font after the 14/1 to the name of
+ * the font you wish to use.
+ */
+.icon, .button .icon, blockquote cite:before, .uncited:before {
+	display: inline-block;
+  	font-weight: normal;
+  	font-style: normal;
+  	font-variant: normal;
+  	font-family: FontAwesome;
+  	font-size: 14px;
+  	line-height: 1;
+  	text-rendering: auto; /* optimizelegibility throws things off #1094 */
+  	-webkit-font-smoothing: antialiased;
+  	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon:before { padding-right: 2px; }
+
+.button .icon:before {
+	padding-right: 0;
+}
+
+/* Icon size classes - Default size is 14px, use these for small variations */
+
+.icon.icon-xl {
+	font-size: 20px;
+}
+
+.icon.icon-lg {
+	font-size: 16px;
+}
+
+.icon.icon-md {
+	font-size: 10px;
+}
+
+.icon.icon-sm {
+	font-size: 8px;
+}
+
+/* icon modifiers */
+.icon-tiny {
+	width: 12px;
+	transform: scale(0.65, 0.75);
+	vertical-align: text-bottom;
+	font-size: 16px;
+}
+
+.arrow-left .icon {
+	float: left;
+}
+
+.arrow-left:hover .icon {
+	margin-left: -5px;
+	margin-right: 5px;
+}
+
+.arrow-right .icon {
+	float: right;
+}
+
+.arrow-right:hover .icon {
+	margin-left: 5px;
+	margin-right: -5px;
+}
+
+.post-buttons .dropdown-contents .icon {
+    float: right;
+    margin-left: 5px;
+}
+
+.alert_close .icon:before {
+	padding: 0;
+    border-radius: 50%;
+    width: 11px;
+    display: block;
+    line-height: .9;
+    height: 12px;
+}
+
+blockquote cite:before, .uncited:before {
+	content: '\f10d'; /* Font Awesome quote-left */
+}
+
+.rtl blockquote cite:before, .rtl .uncited:before {
+	content: '\f10e'; /* Font Awesome quote-right */
+}
+
diff --git a/simplicity_lightblue/theme/common/_imageset.scss b/simplicity_lightblue/theme/common/_imageset.scss
new file mode 100644
index 0000000..8b4d1dd
--- /dev/null
+++ b/simplicity_lightblue/theme/common/_imageset.scss
@@ -0,0 +1,278 @@
+// Icon images
+// ----------------------------------------
+%icon-image {
+	position: relative;
+	background-image: none;
+	&:after {
+		content: '';
+		position: absolute;
+		top: 50%;
+		left: 0;
+		height: 14px;
+		margin-top: -7px;
+		text-align: center;
+		font-size: 12px;
+		line-height: 14px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+	&.small-icon:after {
+		width: 18px;
+		text-align: center;
+	}
+}
+
+%icon-image-fa {
+	@extend %icon-image;
+	&:after {
+		font-family: FontAwesome;
+	}
+}
+
+%icon-search-old {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f002';	// fa-search
+	}
+}
+
+%icon-search-new {
+	@extend %icon-search-old;
+}
+
+%icon-search-misc {
+	@extend %icon-search-old;
+}
+
+.icon-acp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f085';	// fa-cogs
+	}
+}
+.icon-bookmark {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f02e';	// fa-bookmark
+		margin-left: -1px;
+		margin-right: -1px;
+	}
+}
+.icon-bump {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f079';	// fa-retweet
+	}
+}
+.icon-contact {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0e0';	// fa-envelope
+	}
+}
+.icon-delete-cookies {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f014';	// fa-trash-o
+	}
+}
+.icon-download {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f019';	// fa-download
+	}
+}
+.icon-faq {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f059';	// fa-question-circle
+	}
+}
+.icon-home {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f015';	// fa-home
+	}
+	&.breadcrumbs:after {
+		text-align: left;
+	}
+}
+.icon-logout {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f08b';	// fa-sign-out
+	}
+}
+.icon-login {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f090';	// fa-sign-in
+	}
+}
+.icon-mark {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f046';	// fa-check-square-o
+	}
+}
+.icon-mcp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0e3';	// fa-gavel
+	}
+}
+.icon-members {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+	&:before {
+		@extend .icon-members:after;
+		display: block;
+		font-size: 10px;
+		padding: 0;
+		padding-left: 4px;
+		padding-top: 1px;
+		opacity: .7;
+	}
+}
+ul.linklist.bulletin > li.small-icon.icon-members:before { 
+	@extend .icon-members:before; 
+}
+.icon-notification {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0a2';	// fa-bell-o
+	}
+	&.non-zero:after {
+		content: '\f0f3';	// fa-bell
+	}
+}
+.icon-pages {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0c5';	// fa-copy
+	}
+}
+.icon-pm {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f003';	// fa-envelope-o
+	}
+	&.non-zero:after {
+		content: '\f0e0';	// fa-envelope
+	}
+}
+.icon-print {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f02f';	// fa-print
+	}
+}
+.icon-profile {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+}
+.icon-register{
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f234';	// fa-user-plus
+	}
+}
+.icon-search				{ @extend %icon-search-old; }
+.icon-search-active			{ @extend %icon-search-old; }
+.icon-search-advanced		{ @extend %icon-search-old; }
+.icon-search-new			{ @extend %icon-search-new; }
+.icon-search-self			{ @extend %icon-search-misc; }
+.icon-search-unanswered		{ @extend %icon-search-new; }
+.icon-search-unread			{ @extend %icon-search-new; }
+.icon-sendemail {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f003';	// fa-envelope-o
+	}
+}
+.icon-subscribe {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f05d';	// fa-check-circle-o
+	}
+}
+.icon-team {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+	&:before {
+		@extend .icon-team:after;
+		display: block;
+		font-size: 10px;
+		padding: 0;
+		white-space: nowrap;
+		padding-top: 1px;
+		opacity: .7;
+		content: '\f007\f007';	// fa-user fa-user
+	}
+}
+ul.linklist.bulletin > li.small-icon.icon-team:before { @extend .icon-team:before; }
+.icon-ucp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0ad';	// fa-wrench
+	}
+}
+.icon-unsubscribe {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f05c';	// times-circle-o
+	}
+}
+.icon-new-posts {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f086';	// fa-comments
+	}
+}
+.icon-forums {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f075';	// fa-comment
+	}
+}
+.icon-chat {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f086';	// fa-comments
+	}
+}
+.icon-time {
+	@extend %icon-image-fa;
+	&:after {
+		// content: '\E055';	// glyphicons-clock
+		content: '\f017';	// fa-clock-o
+	}
+}
+
+
+// Thanks for posts mod
+.icon-thanks {
+	background-image: none !important;
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f087';	// fa-thumbs-o-up
+	}
+}
+
+.icon-thanks_toplist {
+	background-image: none !important;
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f005';	// fa-star
+	}
+}
\ No newline at end of file
diff --git a/simplicity_lightblue/theme/common/_links.scss b/simplicity_lightblue/theme/common/_links.scss
new file mode 100644
index 0000000..495e240
--- /dev/null
+++ b/simplicity_lightblue/theme/common/_links.scss
@@ -0,0 +1,249 @@
+// Link Styles
+// ----------------------------------------
+
+// Links adjustment to correctly display an order of rtl/ltr mixed content
+a {
+	direction: ltr;
+	unicode-bidi: embed;
+	text-decoration: none;
+	/* we use links inline more often then not so to address several bugs with
+	IE and some other browsers we render all links as inlineblock by default */
+	display: inline-block;
+}
+
+// Coloured usernames
+.username-coloured {
+	font-weight: bold;
+	display: inline !important;
+	padding: 0 !important;
+}
+
+span.username-coloured {
+		margin-left: 10px;
+}
+
+// Links on gradient backgrounds
+.forumbg .header a, .forabg .header a, th a {
+	text-decoration: none;
+}
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+	text-decoration: underline;
+}
+
+// Notification mark read link
+.dropdown-extended a.mark_read {
+	display: block;
+	opacity: .2;
+	position: absolute;
+	z-index: 2;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	width: 30px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	transition: opacity .2s;
+}
+
+.dropdown-extended li:hover a.mark_read {
+	opacity: .85;
+}
+
+.dropdown-extended li a.mark_read:hover {
+	opacity: 1;
+}
+
+.dropdown-extended a.mark_read:after {
+	width: auto;
+	left: 4px;
+	right: 0;
+	font-size: 16px;
+}
+
+.jumpbox-cat-link,
+.jumpbox-forum-link { font-weight: bold; }
+
+// Links for forum/topic lists
+a.forumtitle {
+	display: inline-block;
+	font-family: $forum-link-font-family;
+	font-size: $forum-link-font-size;
+	line-height: $forum-link-line-height;
+	font-weight: 500;
+	padding-bottom: 2px;
+	text-decoration: none;
+	&:hover {
+		text-decoration: underline;
+	}
+}
+
+a.topictitle {
+	@extend a.forumtitle;
+	font-family: $topic-link-font-family;
+	font-size: $topic-link-font-size;
+}
+
+a.lastsubject {
+	font-weight: bold;
+	text-decoration: none;
+}
+
+a.lastsubject:hover {
+	text-decoration: underline;
+}
+
+// Profile links
+.postprofile a, .postprofile dt.author a {
+	font-weight: bold;
+	text-decoration: none;
+}
+
+.postprofile a:hover, .postprofile dt.author a:hover {
+	text-decoration: underline;
+}
+
+// Profile searchresults
+.search .postprofile a {
+	text-decoration: none;
+	font-weight: normal;
+}
+
+.search .postprofile a:hover {
+	text-decoration: underline;
+}
+
+.top {
+	font-size: 12px;
+	text-decoration: none;
+	margin-top: 10px;
+}
+
+// Back to top of page
+.back2top {
+	clear: both;
+	.post > & {
+		position: relative;
+		right: 5px;
+		bottom: 5px;
+		.rtl & {
+			right: auto;
+			left: 5px;
+		}
+	}
+}
+
+.back2top .top {
+	float: right;
+	margin-top: 0;
+}
+
+a.top, a.top2 {
+	position: relative;
+}
+
+// Arrow links
+%arrow {
+	position: relative;
+	&:after {
+		position: absolute;
+		top: 50%;
+		margin-top: -5px;
+		text-align: center;
+		font-family: FontAwesome;
+		font-size: 8px;
+		line-height: 10px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+}
+
+a.arrow-up {
+	@extend %arrow;
+	&:after {
+		content: '\f077';	// fa-chevron-up
+		left: 0;
+	}
+	.rtl &:after {
+		left: auto;
+		right: 0;
+	}
+}
+a.arrow-down {
+	@extend %arrow;
+	&:after {
+		content: '\f078';	// fa-chevron-down
+		right: 0;
+		padding-top: 1px;
+	}
+	.rtl &:after {
+		right: auto;
+		left: 0;
+	}
+}
+
+a.arrow-up {
+	padding-left: 10px;
+	text-decoration: none;
+	border-bottom-width: 0;
+}
+
+a.arrow-down {
+	padding-right: 10px;
+}
+
+a.arrow-down:hover {
+	text-decoration: none;
+}
+
+a.arrow-left:hover {
+	text-decoration: none;
+}
+
+a.arrow-right:hover {
+	text-decoration: none;
+}
+
+// invisible skip link, used for accessibility
+.skiplink {
+	position: absolute;
+	left: -999px;
+	width: 990px;
+}
+
+// Feed icon in forumlist_body.html
+a.feed-icon-forum {
+	float: right;
+	margin: 3px;
+	width: 16px;
+	height: 16px;
+	position: relative;
+}
+
+.topiclist.forums a.feed-icon-forum {
+	margin-top: 12px;
+}
+
+a.feed-icon-forum:after {
+	content: '\f09e';	// fa-rss
+	position: absolute;
+	left: 0;
+	right: 0;
+	width: 16px;
+	height: 16px;
+	font-family: FontAwesome;
+	font-size: 14px;
+	font-weight: normal;
+	font-style: normal;
+	line-height: 16px;
+	text-align: center;
+}
+
+a.top-anchor {
+	display: block;
+}
diff --git a/simplicity_lightblue/theme/common/_normalize.scss b/simplicity_lightblue/theme/common/_normalize.scss
new file mode 100644
index 0000000..31ef98e
--- /dev/null
+++ b/simplicity_lightblue/theme/common/_normalize.scss
@@ -0,0 +1,414 @@
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
+ */
+
+html {
+	font-family: sans-serif; /* 1 */
+	-ms-text-size-adjust: 100%; /* 2 */
+	-webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+	margin: 0;
+}
+
+/* HTML5 display definitions
+	 ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+	display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+	display: inline-block; /* 1 */
+	vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+	display: none;
+	height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+	display: none;
+}
+
+/* Links
+	 ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+	background-color: transparent;
+}
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+
+a:active,
+a:hover {
+	outline: 0;
+}
+
+/* Text-level semantics
+	 ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+	border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+	font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+	font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+	font-size: 2em;
+	margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+	background: #ff0;
+	color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+	font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sup {
+	top: -0.5em;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+/* Embedded content
+	 ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+	border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+	overflow: hidden;
+}
+
+/* Grouping content
+	 ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+	margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+	box-sizing: content-box;
+	height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+	overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+	font-family: monospace, monospace;
+	font-size: 1em;
+}
+
+/* Forms
+	 ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+	color: inherit; /* 1 */
+	font: inherit; /* 2 */
+	margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+	overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+	text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+	-webkit-appearance: button; /* 2 */
+	cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+	cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+	border: 0;
+	padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+	line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+	box-sizing: border-box; /* 1 */
+	padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+	height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+
+input[type="search"] {
+	-webkit-appearance: textfield; /* 1 */
+	box-sizing: content-box; /* 2 */
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+	-webkit-appearance: none;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+	border: 0; /* 1 */
+	padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+	overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+	font-weight: bold;
+}
+
+/* Tables
+	 ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+td,
+th {
+	padding: 0;
+}
diff --git a/simplicity_lightblue/theme/common/_responsive.scss b/simplicity_lightblue/theme/common/_responsive.scss
new file mode 100644
index 0000000..2284b4a
--- /dev/null
+++ b/simplicity_lightblue/theme/common/_responsive.scss
@@ -0,0 +1,652 @@
+// Responsive Design
+// ----------------------------------------
+
+@media (max-width: 320px) {
+	select, .inputbox {
+		max-width: 240px;
+	}
+}
+
+/* Notifications list
+----------------------------------------*/
+@media (max-width: 350px) {
+	.dropdown-extended .dropdown-contents {
+		width: auto;
+	}
+}
+
+@media (max-width: 430px) {
+	.action-bar .search-box .inputbox {
+		width: 120px;
+	}
+
+	.section-viewtopic .search-box .inputbox {
+		width: 57px;
+	}
+
+	.action-bar .search-box .inputbox ::-moz-placeholder {
+    	content: "Search...";
+  	}
+
+  	.action-bar .search-box .inputbox :-ms-input-placeholder {
+  		content: "Search...";
+  	}
+
+  	.action-bar .search-box .inputbox ::-webkit-input-placeholder {
+  		content: "Search...";
+  	}
+}
+
+@media (max-width: 500px) {
+	dd label {
+		white-space: normal;
+	}
+
+	select, .inputbox {
+		max-width: 260px;
+	}
+
+	.captcha-panel dd.captcha {
+		margin-left: 0;
+	}
+
+	.captcha-panel dd.captcha-image img {
+		width: 100%;
+	}
+
+	dl.details dt, dl.details dd {
+		width: auto;
+		float: none;
+		text-align: left;
+	}
+
+	dl.details dd {
+		margin-left: 20px;
+	}
+
+	p.responsive-center {
+		float: none;
+		text-align: center;
+		margin-bottom: 5px;
+	}
+
+	.action-bar > div {
+		margin-bottom: 5px;
+ 	}
+
+	.action-bar > .pagination {
+		float: none;
+		clear: both;
+		padding-bottom: 1px;
+		text-align: center;
+	}
+
+	.action-bar > .pagination li.page-jump {
+		margin: 0 2px;
+	}
+
+	p.jumpbox-return {
+		display: none;
+	}
+
+	.display-options > label:nth-child(1) {
+		display: block;
+		margin-bottom: 5px;
+	}
+
+	.attach-controls {
+		margin-top: 5px;
+		width: 100%;
+	}
+
+	.quick-links .dropdown-trigger span {
+		display: none;
+	}
+}
+
+@media (max-width: 550px) {
+	ul.topiclist.forums dt {
+		margin-right: 0;
+	}
+
+	ul.topiclist.forums dt .list-inner {
+		margin-right: 0;
+	}
+
+	ul.topiclist.forums dd.lastpost {
+		display: none;
+	}
+}
+
+@media (max-width: 700px) {
+	.responsive-hide { display: none !important; }
+	.responsive-show { display: block !important; }
+	.responsive-show-inline { display: inline !important; }
+	.responsive-show-inline-block { display: inline-block !important; }
+
+	/* Content wrappers
+	----------------------------------------*/
+	html {
+		height: auto;
+	}
+
+	body {
+		padding: 0;
+	}
+
+	#wrap {
+		border: none;
+		border-radius: 0;
+		margin: 0;
+
+		padding: 0 5px;
+	}
+
+	.page-width, .navbar .inner.static > .static-inner {
+		min-width: 290px;
+		margin: 0;
+	}
+
+	.navbar .inner.static > .static-inner,
+	#wrap .navbar .inner.static > .static-inner {
+		padding: 0;
+	}
+
+	// Common block wrappers
+	// ----------------------------------------
+	.forabg, .forumbg, .post, .panel {
+		border-radius: 0;
+		margin-left: -5px;
+		margin-right: -5px;
+	}
+	.headerbar, .navbar {
+		border-radius: 0;
+	}
+	#wrap .headerbar, #wrap .navbar {
+		margin-left: -5px;
+		margin-right: -5px;
+	}
+
+	.cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
+		border-radius: 0;
+	}
+
+	@if $tabbed-navigation == false {
+		.navbar.tabbed .nav-tabs, .navbar.tabbed .nav-tabs .tab {
+			border-radius: 0 !important;
+		}
+	}
+
+	// Logo block
+	// ----------------------------------------
+	.site-description {
+		float: none;
+		width: auto;
+		text-align: center;
+	}
+
+	.logo {
+		@if $responsive-hide-logo == true {
+			display: none;
+		}
+		float: none;
+		margin: 0 auto;
+		padding: 10px;
+		img {
+			margin: 0 auto;
+		}
+	}
+
+	.site-description h1, .site-description p, .site-description p.sitename {
+		@if $responsive-hide-logo == true {
+			display: block;
+		}
+		text-align: inherit;
+		float: none;
+		margin: 5px;
+		line-height: 1.2em;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.site-description p, .headerbar .search-header {
+		display: none;
+	}
+
+	// Navigation
+	// ----------------------------------------
+
+	// Search
+	// ----------------------------------------
+	.responsive-search { display: block !important; }
+
+	// .topiclist lists
+	// ----------------------------------------
+	li.header dt {
+	}
+
+	ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
+		margin-right: 0 !important;
+		padding-right: 0;
+	}
+
+	ul.topiclist li.header dd {
+		display: none !important;
+	}
+
+	ul.topiclist dt, ul.topiclist dt .list-inner,
+	ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
+	ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
+	ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
+		margin-right: 0;
+	}
+
+	ul.topiclist dt .list-inner.with-mark {
+		padding-right: 34px;
+	}
+
+	ul.topiclist dt .list-inner {
+		min-height: 28px;
+	}
+
+	ul.topiclist li.header dt .list-inner {
+		min-height: 0;
+	}
+
+	ul.topiclist dd {
+		display: none;
+	}
+	ul.topiclist dd.mark {
+		display: block;
+	}
+
+	/* Forums and topics lists
+	----------------------------------------*/
+	ul.topiclist.forums dt {
+		margin-right: -250px;
+	}
+
+	ul.topiclist dd.mark {
+		display: block;
+		position: absolute;
+		right: 5px;
+		top: 0;
+		margin: 0;
+		width: auto;
+		min-width: 0;
+		text-align: left;
+	}
+
+	ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
+		position: relative;
+		left: 0;
+		width: auto;
+		display: inline;
+		font-weight: normal;
+	}
+
+	li.row .responsive-show strong {
+		font-weight: bold;
+		color: inherit;
+	}
+
+	ul.topiclist li.row dt a.subforum {
+		vertical-align: bottom;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		max-width: 100px;
+	}
+
+	/* Pagination
+	----------------------------------------*/
+	.pagination > ul {
+		margin: 5px 0 0;
+	}
+
+	.row .pagination .ellipsis + li {
+		display: none !important;
+	}
+
+	/* Responsive tables
+	----------------------------------------*/
+	table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
+		display: block;
+	}
+
+	table.responsive thead, table.responsive th {
+		display: none;
+	}
+
+	table.responsive.show-header thead, table.responsive.show-header th:first-child {
+		display: block;
+		width: auto !important;
+		text-align: left !important;
+		border-radius: 0;
+	}
+
+	table.responsive.show-header th:first-child span.rank-img {
+		display: none;
+	}
+
+	table.responsive tr {
+		margin: 2px 0;
+	}
+
+	table.responsive td {
+		width: auto !important;
+		text-align: left !important;
+		padding: 4px;
+	}
+
+	table.responsive td.empty {
+		display: none !important;
+	}
+
+	table.responsive td > dfn {
+		display: inline-block !important;
+	}
+
+	table.responsive td > dfn:after {
+		content: ':';
+		padding-right: 5px;
+	}
+
+	table.responsive span.rank-img {
+		float: none;
+		padding-right: 5px;
+	}
+
+	table.responsive.memberlist td:first-child input[type="checkbox"] {
+		float: right;
+	}
+
+	/* Forms
+	----------------------------------------*/
+	fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
+		width: auto;
+		float: none;
+	}
+
+	fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
+		margin-left: 0px;
+	}
+
+	textarea, dd textarea, .message-box textarea {
+		width: 100%;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+
+	dl.pmlist dt {
+		width: auto !important;
+		margin-bottom: 5px;
+	}
+
+	dl.pmlist dd {
+		display: inline-block;
+		margin-left: 0 !important;
+	}
+
+	dl.pmlist dd:first-of-type {
+		padding-left: 20px;
+	}
+
+	.smiley-box, .message-box {
+		float: none;
+		width: auto;
+	}
+
+	.smiley-box {
+		margin-top: 5px;
+	}
+
+	.bbcode-status {
+		display: none;
+	}
+
+	.colour-palette, .colour-palette tbody, .colour-palette tr {
+		display: block;
+	}
+
+	.colour-palette td {
+		display: inline-block;
+		margin-right: 2px;
+	}
+
+	.horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
+		display: none;
+	}
+
+	fieldset.quick-login label {
+		display: block;
+		margin-bottom: 5px;
+		white-space: normal;
+	}
+
+	fieldset.quick-login label > span {
+		display: inline-block;
+		min-width: 100px;
+	}
+
+	fieldset.quick-login input.inputbox {
+		width: 85%;
+		max-width: 300px;
+		margin-left: 20px;
+	}
+
+	fieldset.quick-login label[for="autologin"] {
+		display: inline-block;
+		text-align: right;
+		min-width: 50%;
+	}
+
+	/* User profile
+	----------------------------------------*/
+	.column1, .column2, .left-box.profile-details {
+		float: none;
+		width: auto;
+		clear: both;
+	}
+
+	/* Polls
+	----------------------------------------*/
+	fieldset.polls dt {
+		width: 90%;
+	}
+
+	fieldset.polls dd.resultbar {
+		padding-left: 20px;
+	}
+
+	fieldset.polls dd.poll_option_percent {
+		width: 20%;
+	}
+
+	fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
+		margin-top: 5px;
+	}
+
+	/* Post
+	----------------------------------------*/
+	.postbody {
+		position: inherit;
+	}
+	
+	.postbody {
+		.postprofile + & {
+		float: none;
+		position: inherit;
+		width: auto;
+		}
+	}
+	
+	.postprofile, .postbody, .search .postbody {
+		display: block;
+		width: auto;
+		float: none;
+		padding: 0;
+		min-height: 0;
+	}
+
+	.post .postprofile {
+		width: auto;
+		border-width: 0 0 1px 0;
+		padding-bottom: 5px;
+		margin: 0;
+		margin-bottom: 5px;
+		min-height: 40px;
+		overflow: hidden;
+		z-index: auto !important;
+	}
+
+	.postprofile dd {
+		display: none;
+	}
+
+	.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
+		display: block;
+		margin: 0;
+	}
+
+	.postprofile .has-avatar .avatar-container,
+	.postprofile .no-avatar .avatar-container {
+		margin: 0;
+		overflow: inherit;
+		float: left;
+		padding-right: 5px;
+	}
+
+	.postprofile .avatar-container:after {
+		clear: none;
+	}
+
+	.postprofile .avatar, .postprofile .no-avatar .avatar-container {
+		margin-right: 5px;
+	}
+
+	.postprofile .avatar img {
+		width: auto !important;
+		height: auto !important;
+		max-height: 32px;
+	}
+
+	.no-avatar .avatar-container {
+		width: 32px;
+		height: 32px;
+	}
+
+	.has-profile .postbody h3 {
+		margin-left: 0 !important;
+		margin-right: 0 !important;
+	}
+
+	.has-profile .post-buttons {
+		right: 10px;
+		top: 10px;
+		.rtl & {
+			right: auto;
+			left: 10px;
+		}
+	}
+
+	.online-ribbon {
+		width: 35px;
+		height: 35px;
+		top: 0;
+		#{$profile-side}: 0;
+
+		.rtl & {
+			#{$profile-side}: auto;
+			#{$post-side}: 0;
+		}
+
+		span {
+			width: 50px;
+			font-size: 6px;
+			line-height: 10px;
+			height: 10px;
+			text-align: center;
+			position: absolute;
+			top: 8px;
+			white-space: nowrap;
+			#{$profile-side}: -12px;
+
+			.rtl & {
+				#{$profile-side}: auto;
+				#{$post-side}: -12px;
+			}
+		}
+	}
+
+	// Misc stuff
+	// ----------------------------------------
+	h2 {
+		margin-top: .5em;
+	}
+
+	p {
+		margin-bottom: .5em;
+		overflow: hidden;
+	}
+
+	p.rightside {
+		margin-bottom: 0;
+	}
+
+	fieldset.display-options label {
+		display: inline-block;
+		clear: both;
+		margin-bottom: 5px;
+		letter-spacing: -.3px;
+	}
+
+	dl.mini dd.pm-legend {
+		float: left;
+		min-width: 200px;
+	}
+
+	.topicreview {
+		margin: 0 -5px;
+		padding: 0 5px;
+	}
+
+	fieldset.display-actions {
+		white-space: normal;
+	}
+
+	.phpbb_alert {
+		width: auto;
+		margin: 0 5px;
+	}
+
+	.attach-comment dfn {
+		width: 100%;
+	}
+}
+
+@media (min-width: 700px) {
+	.postbody { width: 70%; }
+}
+
+@media (min-width: 850px) {
+	.postbody { width: 76%; }
+}
+
+@media (min-width: 701px) and (max-width: 950px) {
+
+	ul.topiclist dt {
+    	margin-right: -410px;
+	}
+
+	ul.topiclist dt .list-inner {
+    	margin-right: 410px;
+	}
+
+	ul.topiclist dd.lastpost {
+  		float: right; 
+  	}
+
+	dd.posts, dd.topics, dd.views {
+    	width: 80px;
+	}
+}
diff --git a/simplicity_lightblue/theme/common/_utilities.scss b/simplicity_lightblue/theme/common/_utilities.scss
new file mode 100644
index 0000000..cbb8127
--- /dev/null
+++ b/simplicity_lightblue/theme/common/_utilities.scss
@@ -0,0 +1,66 @@
+/* --------------------------------------------------------------
+	$Utilities
+-------------------------------------------------------------- */
+
+.sr-only {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	margin: -1px;
+	padding: 0;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
+	border: 0;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+}
+
+.clearfix:before,
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after {
+	content: " ";
+	display: table;
+}
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after { clear: both }
+
+.center-block {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.pull-right { float: right !important }
+.pull-left { float: left !important }
+.hide { display: none !important }
+.show { display: block !important }
+.invisible { visibility: hidden }
+
+.text-hide {
+	font: 0/0 a;
+	color: transparent;
+	text-shadow: none;
+	background-color: transparent;
+	border: 0;
+}
+
+.hidden {
+	display: none ;
+}
+
+.affix { position: fixed }
diff --git a/simplicity_lightblue/theme/images/announce_read.png b/simplicity_lightblue/theme/images/announce_read.png
new file mode 100644
index 0000000..0c07699
Binary files /dev/null and b/simplicity_lightblue/theme/images/announce_read.png differ
diff --git a/simplicity_lightblue/theme/images/announce_read_hd.png b/simplicity_lightblue/theme/images/announce_read_hd.png
new file mode 100644
index 0000000..ea9a754
Binary files /dev/null and b/simplicity_lightblue/theme/images/announce_read_hd.png differ
diff --git a/simplicity_lightblue/theme/images/announce_read_locked.png b/simplicity_lightblue/theme/images/announce_read_locked.png
new file mode 100644
index 0000000..ac71a22
Binary files /dev/null and b/simplicity_lightblue/theme/images/announce_read_locked.png differ
diff --git a/simplicity_lightblue/theme/images/announce_read_locked_hd.png b/simplicity_lightblue/theme/images/announce_read_locked_hd.png
new file mode 100644
index 0000000..a5447bf
Binary files /dev/null and b/simplicity_lightblue/theme/images/announce_read_locked_hd.png differ
diff --git a/simplicity_lightblue/theme/images/announce_unread.png b/simplicity_lightblue/theme/images/announce_unread.png
new file mode 100644
index 0000000..4fc8acf
Binary files /dev/null and b/simplicity_lightblue/theme/images/announce_unread.png differ
diff --git a/simplicity_lightblue/theme/images/announce_unread_hd.png b/simplicity_lightblue/theme/images/announce_unread_hd.png
new file mode 100644
index 0000000..eb885c4
Binary files /dev/null and b/simplicity_lightblue/theme/images/announce_unread_hd.png differ
diff --git a/simplicity_lightblue/theme/images/announce_unread_locked.png b/simplicity_lightblue/theme/images/announce_unread_locked.png
new file mode 100644
index 0000000..a2b18cb
Binary files /dev/null and b/simplicity_lightblue/theme/images/announce_unread_locked.png differ
diff --git a/simplicity_lightblue/theme/images/announce_unread_locked_hd.png b/simplicity_lightblue/theme/images/announce_unread_locked_hd.png
new file mode 100644
index 0000000..ebb456a
Binary files /dev/null and b/simplicity_lightblue/theme/images/announce_unread_locked_hd.png differ
diff --git a/simplicity_lightblue/theme/images/forum_link.png b/simplicity_lightblue/theme/images/forum_link.png
new file mode 100644
index 0000000..ebf4342
Binary files /dev/null and b/simplicity_lightblue/theme/images/forum_link.png differ
diff --git a/simplicity_lightblue/theme/images/forum_link_hd.png b/simplicity_lightblue/theme/images/forum_link_hd.png
new file mode 100644
index 0000000..952e1ce
Binary files /dev/null and b/simplicity_lightblue/theme/images/forum_link_hd.png differ
diff --git a/simplicity_lightblue/theme/images/forum_page.png b/simplicity_lightblue/theme/images/forum_page.png
new file mode 100644
index 0000000..2d5fed7
Binary files /dev/null and b/simplicity_lightblue/theme/images/forum_page.png differ
diff --git a/simplicity_lightblue/theme/images/forum_page_hd.png b/simplicity_lightblue/theme/images/forum_page_hd.png
new file mode 100644
index 0000000..4c11cd9
Binary files /dev/null and b/simplicity_lightblue/theme/images/forum_page_hd.png differ
diff --git a/simplicity_lightblue/theme/images/forum_read.png b/simplicity_lightblue/theme/images/forum_read.png
new file mode 100644
index 0000000..0c07699
Binary files /dev/null and b/simplicity_lightblue/theme/images/forum_read.png differ
diff --git a/simplicity_lightblue/theme/images/forum_read_hd.png b/simplicity_lightblue/theme/images/forum_read_hd.png
new file mode 100644
index 0000000..ea9a754
Binary files /dev/null and b/simplicity_lightblue/theme/images/forum_read_hd.png differ
diff --git a/simplicity_lightblue/theme/images/forum_read_locked.png b/simplicity_lightblue/theme/images/forum_read_locked.png
new file mode 100644
index 0000000..3f92bbf
Binary files /dev/null and b/simplicity_lightblue/theme/images/forum_read_locked.png differ
diff --git a/simplicity_lightblue/theme/images/forum_read_locked_hd.png b/simplicity_lightblue/theme/images/forum_read_locked_hd.png
new file mode 100644
index 0000000..7b4448b
Binary files /dev/null and b/simplicity_lightblue/theme/images/forum_read_locked_hd.png differ
diff --git a/simplicity_lightblue/theme/images/forum_read_subforum.png b/simplicity_lightblue/theme/images/forum_read_subforum.png
new file mode 100644
index 0000000..0c07699
Binary files /dev/null and b/simplicity_lightblue/theme/images/forum_read_subforum.png differ
diff --git a/simplicity_lightblue/theme/images/forum_read_subforum_hd.png b/simplicity_lightblue/theme/images/forum_read_subforum_hd.png
new file mode 100644
index 0000000..ea9a754
Binary files /dev/null and b/simplicity_lightblue/theme/images/forum_read_subforum_hd.png differ
diff --git a/simplicity_lightblue/theme/images/forum_unread.png b/simplicity_lightblue/theme/images/forum_unread.png
new file mode 100644
index 0000000..4fc8acf
Binary files /dev/null and b/simplicity_lightblue/theme/images/forum_unread.png differ
diff --git a/simplicity_lightblue/theme/images/forum_unread_hd.png b/simplicity_lightblue/theme/images/forum_unread_hd.png
new file mode 100644
index 0000000..eb885c4
Binary files /dev/null and b/simplicity_lightblue/theme/images/forum_unread_hd.png differ
diff --git a/simplicity_lightblue/theme/images/forum_unread_locked.png b/simplicity_lightblue/theme/images/forum_unread_locked.png
new file mode 100644
index 0000000..7611c81
Binary files /dev/null and b/simplicity_lightblue/theme/images/forum_unread_locked.png differ
diff --git a/simplicity_lightblue/theme/images/forum_unread_locked_hd.png b/simplicity_lightblue/theme/images/forum_unread_locked_hd.png
new file mode 100644
index 0000000..8ebf5ff
Binary files /dev/null and b/simplicity_lightblue/theme/images/forum_unread_locked_hd.png differ
diff --git a/simplicity_lightblue/theme/images/forum_unread_subforum.png b/simplicity_lightblue/theme/images/forum_unread_subforum.png
new file mode 100644
index 0000000..4fc8acf
Binary files /dev/null and b/simplicity_lightblue/theme/images/forum_unread_subforum.png differ
diff --git a/simplicity_lightblue/theme/images/forum_unread_subforum_hd.png b/simplicity_lightblue/theme/images/forum_unread_subforum_hd.png
new file mode 100644
index 0000000..eb885c4
Binary files /dev/null and b/simplicity_lightblue/theme/images/forum_unread_subforum_hd.png differ
diff --git a/simplicity_lightblue/theme/images/icon_post_target.png b/simplicity_lightblue/theme/images/icon_post_target.png
new file mode 100644
index 0000000..e4ff1d5
Binary files /dev/null and b/simplicity_lightblue/theme/images/icon_post_target.png differ
diff --git a/simplicity_lightblue/theme/images/icon_post_target_hd.png b/simplicity_lightblue/theme/images/icon_post_target_hd.png
new file mode 100644
index 0000000..3a60e20
Binary files /dev/null and b/simplicity_lightblue/theme/images/icon_post_target_hd.png differ
diff --git a/simplicity_lightblue/theme/images/icon_post_target_unread.png b/simplicity_lightblue/theme/images/icon_post_target_unread.png
new file mode 100644
index 0000000..6cbda7f
Binary files /dev/null and b/simplicity_lightblue/theme/images/icon_post_target_unread.png differ
diff --git a/simplicity_lightblue/theme/images/icon_post_target_unread_hd.png b/simplicity_lightblue/theme/images/icon_post_target_unread_hd.png
new file mode 100644
index 0000000..9efb3b8
Binary files /dev/null and b/simplicity_lightblue/theme/images/icon_post_target_unread_hd.png differ
diff --git a/simplicity_lightblue/theme/images/icon_textbox_search.gif b/simplicity_lightblue/theme/images/icon_textbox_search.gif
new file mode 100644
index 0000000..b3b51d8
Binary files /dev/null and b/simplicity_lightblue/theme/images/icon_textbox_search.gif differ
diff --git a/simplicity_lightblue/theme/images/index.htm b/simplicity_lightblue/theme/images/index.htm
new file mode 100644
index 0000000..e69de29
diff --git a/simplicity_lightblue/theme/images/loading.gif b/simplicity_lightblue/theme/images/loading.gif
new file mode 100644
index 0000000..842e5b0
Binary files /dev/null and b/simplicity_lightblue/theme/images/loading.gif differ
diff --git a/simplicity_lightblue/theme/images/logo.png b/simplicity_lightblue/theme/images/logo.png
new file mode 100644
index 0000000..987bbaf
Binary files /dev/null and b/simplicity_lightblue/theme/images/logo.png differ
diff --git a/simplicity_lightblue/theme/images/logo_hd.png b/simplicity_lightblue/theme/images/logo_hd.png
new file mode 100644
index 0000000..e698d6c
Binary files /dev/null and b/simplicity_lightblue/theme/images/logo_hd.png differ
diff --git a/simplicity_lightblue/theme/images/no_avatar.gif b/simplicity_lightblue/theme/images/no_avatar.gif
new file mode 100644
index 0000000..88a45e5
Binary files /dev/null and b/simplicity_lightblue/theme/images/no_avatar.gif differ
diff --git a/simplicity_lightblue/theme/images/no_avatar.png b/simplicity_lightblue/theme/images/no_avatar.png
new file mode 100644
index 0000000..1f3f9e7
Binary files /dev/null and b/simplicity_lightblue/theme/images/no_avatar.png differ
diff --git a/simplicity_lightblue/theme/images/no_avatar_female.png b/simplicity_lightblue/theme/images/no_avatar_female.png
new file mode 100644
index 0000000..fae586b
Binary files /dev/null and b/simplicity_lightblue/theme/images/no_avatar_female.png differ
diff --git a/simplicity_lightblue/theme/images/no_avatar_female_hd.png b/simplicity_lightblue/theme/images/no_avatar_female_hd.png
new file mode 100644
index 0000000..1a81cc8
Binary files /dev/null and b/simplicity_lightblue/theme/images/no_avatar_female_hd.png differ
diff --git a/simplicity_lightblue/theme/images/no_avatar_hd.png b/simplicity_lightblue/theme/images/no_avatar_hd.png
new file mode 100644
index 0000000..3534c5b
Binary files /dev/null and b/simplicity_lightblue/theme/images/no_avatar_hd.png differ
diff --git a/simplicity_lightblue/theme/images/no_avatar_male.png b/simplicity_lightblue/theme/images/no_avatar_male.png
new file mode 100644
index 0000000..18ae9da
Binary files /dev/null and b/simplicity_lightblue/theme/images/no_avatar_male.png differ
diff --git a/simplicity_lightblue/theme/images/no_avatar_male_hd.png b/simplicity_lightblue/theme/images/no_avatar_male_hd.png
new file mode 100644
index 0000000..f35b1e2
Binary files /dev/null and b/simplicity_lightblue/theme/images/no_avatar_male_hd.png differ
diff --git a/simplicity_lightblue/theme/images/pattern.png b/simplicity_lightblue/theme/images/pattern.png
new file mode 100644
index 0000000..0a2eca9
Binary files /dev/null and b/simplicity_lightblue/theme/images/pattern.png differ
diff --git a/simplicity_lightblue/theme/images/plupload/done.gif b/simplicity_lightblue/theme/images/plupload/done.gif
new file mode 100644
index 0000000..0c824c9
Binary files /dev/null and b/simplicity_lightblue/theme/images/plupload/done.gif differ
diff --git a/simplicity_lightblue/theme/images/plupload/error.gif b/simplicity_lightblue/theme/images/plupload/error.gif
new file mode 100644
index 0000000..087faa1
Binary files /dev/null and b/simplicity_lightblue/theme/images/plupload/error.gif differ
diff --git a/simplicity_lightblue/theme/images/plupload/throbber.gif b/simplicity_lightblue/theme/images/plupload/throbber.gif
new file mode 100644
index 0000000..8eab688
Binary files /dev/null and b/simplicity_lightblue/theme/images/plupload/throbber.gif differ
diff --git a/simplicity_lightblue/theme/images/subforum_read.png b/simplicity_lightblue/theme/images/subforum_read.png
new file mode 100644
index 0000000..dbce3bb
Binary files /dev/null and b/simplicity_lightblue/theme/images/subforum_read.png differ
diff --git a/simplicity_lightblue/theme/images/subforum_read_hd.png b/simplicity_lightblue/theme/images/subforum_read_hd.png
new file mode 100644
index 0000000..8c17b13
Binary files /dev/null and b/simplicity_lightblue/theme/images/subforum_read_hd.png differ
diff --git a/simplicity_lightblue/theme/images/subforum_unread.png b/simplicity_lightblue/theme/images/subforum_unread.png
new file mode 100644
index 0000000..7964c3d
Binary files /dev/null and b/simplicity_lightblue/theme/images/subforum_unread.png differ
diff --git a/simplicity_lightblue/theme/images/subforum_unread_hd.png b/simplicity_lightblue/theme/images/subforum_unread_hd.png
new file mode 100644
index 0000000..1f3a7cc
Binary files /dev/null and b/simplicity_lightblue/theme/images/subforum_unread_hd.png differ
diff --git a/simplicity_lightblue/theme/images/topic_moved.png b/simplicity_lightblue/theme/images/topic_moved.png
new file mode 100644
index 0000000..ebf4342
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_moved.png differ
diff --git a/simplicity_lightblue/theme/images/topic_moved_hd.png b/simplicity_lightblue/theme/images/topic_moved_hd.png
new file mode 100644
index 0000000..952e1ce
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_moved_hd.png differ
diff --git a/simplicity_lightblue/theme/images/topic_read.png b/simplicity_lightblue/theme/images/topic_read.png
new file mode 100644
index 0000000..0c07699
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_read.png differ
diff --git a/simplicity_lightblue/theme/images/topic_read_hd.png b/simplicity_lightblue/theme/images/topic_read_hd.png
new file mode 100644
index 0000000..ea9a754
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_read_hd.png differ
diff --git a/simplicity_lightblue/theme/images/topic_read_hot.png b/simplicity_lightblue/theme/images/topic_read_hot.png
new file mode 100644
index 0000000..0c07699
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_read_hot.png differ
diff --git a/simplicity_lightblue/theme/images/topic_read_hot_hd.png b/simplicity_lightblue/theme/images/topic_read_hot_hd.png
new file mode 100644
index 0000000..ea9a754
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_read_hot_hd.png differ
diff --git a/simplicity_lightblue/theme/images/topic_read_hot_mine.png b/simplicity_lightblue/theme/images/topic_read_hot_mine.png
new file mode 100644
index 0000000..8222930
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_read_hot_mine.png differ
diff --git a/simplicity_lightblue/theme/images/topic_read_hot_mine_hd.png b/simplicity_lightblue/theme/images/topic_read_hot_mine_hd.png
new file mode 100644
index 0000000..b7e76d3
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_read_hot_mine_hd.png differ
diff --git a/simplicity_lightblue/theme/images/topic_read_locked.png b/simplicity_lightblue/theme/images/topic_read_locked.png
new file mode 100644
index 0000000..ac71a22
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_read_locked.png differ
diff --git a/simplicity_lightblue/theme/images/topic_read_locked_hd.png b/simplicity_lightblue/theme/images/topic_read_locked_hd.png
new file mode 100644
index 0000000..a5447bf
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_read_locked_hd.png differ
diff --git a/simplicity_lightblue/theme/images/topic_read_locked_mine.png b/simplicity_lightblue/theme/images/topic_read_locked_mine.png
new file mode 100644
index 0000000..23ae2f5
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_read_locked_mine.png differ
diff --git a/simplicity_lightblue/theme/images/topic_read_locked_mine_hd.png b/simplicity_lightblue/theme/images/topic_read_locked_mine_hd.png
new file mode 100644
index 0000000..6e2a41d
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_read_locked_mine_hd.png differ
diff --git a/simplicity_lightblue/theme/images/topic_read_mine.png b/simplicity_lightblue/theme/images/topic_read_mine.png
new file mode 100644
index 0000000..8222930
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_read_mine.png differ
diff --git a/simplicity_lightblue/theme/images/topic_read_mine_hd.png b/simplicity_lightblue/theme/images/topic_read_mine_hd.png
new file mode 100644
index 0000000..b7e76d3
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_read_mine_hd.png differ
diff --git a/simplicity_lightblue/theme/images/topic_unread.png b/simplicity_lightblue/theme/images/topic_unread.png
new file mode 100644
index 0000000..4fc8acf
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_unread.png differ
diff --git a/simplicity_lightblue/theme/images/topic_unread_hd.png b/simplicity_lightblue/theme/images/topic_unread_hd.png
new file mode 100644
index 0000000..eb885c4
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_unread_hd.png differ
diff --git a/simplicity_lightblue/theme/images/topic_unread_hot.png b/simplicity_lightblue/theme/images/topic_unread_hot.png
new file mode 100644
index 0000000..4fc8acf
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_unread_hot.png differ
diff --git a/simplicity_lightblue/theme/images/topic_unread_hot_hd.png b/simplicity_lightblue/theme/images/topic_unread_hot_hd.png
new file mode 100644
index 0000000..eb885c4
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_unread_hot_hd.png differ
diff --git a/simplicity_lightblue/theme/images/topic_unread_hot_mine.png b/simplicity_lightblue/theme/images/topic_unread_hot_mine.png
new file mode 100644
index 0000000..dbebbae
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_unread_hot_mine.png differ
diff --git a/simplicity_lightblue/theme/images/topic_unread_hot_mine_hd.png b/simplicity_lightblue/theme/images/topic_unread_hot_mine_hd.png
new file mode 100644
index 0000000..fb2b407
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_unread_hot_mine_hd.png differ
diff --git a/simplicity_lightblue/theme/images/topic_unread_locked.png b/simplicity_lightblue/theme/images/topic_unread_locked.png
new file mode 100644
index 0000000..a2b18cb
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_unread_locked.png differ
diff --git a/simplicity_lightblue/theme/images/topic_unread_locked_hd.png b/simplicity_lightblue/theme/images/topic_unread_locked_hd.png
new file mode 100644
index 0000000..ebb456a
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_unread_locked_hd.png differ
diff --git a/simplicity_lightblue/theme/images/topic_unread_locked_mine.png b/simplicity_lightblue/theme/images/topic_unread_locked_mine.png
new file mode 100644
index 0000000..a7e2565
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_unread_locked_mine.png differ
diff --git a/simplicity_lightblue/theme/images/topic_unread_locked_mine_hd.png b/simplicity_lightblue/theme/images/topic_unread_locked_mine_hd.png
new file mode 100644
index 0000000..e26bccc
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_unread_locked_mine_hd.png differ
diff --git a/simplicity_lightblue/theme/images/topic_unread_mine.png b/simplicity_lightblue/theme/images/topic_unread_mine.png
new file mode 100644
index 0000000..dbebbae
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_unread_mine.png differ
diff --git a/simplicity_lightblue/theme/images/topic_unread_mine_hd.png b/simplicity_lightblue/theme/images/topic_unread_mine_hd.png
new file mode 100644
index 0000000..fb2b407
Binary files /dev/null and b/simplicity_lightblue/theme/images/topic_unread_mine_hd.png differ
diff --git a/simplicity_lightblue/theme/index.htm b/simplicity_lightblue/theme/index.htm
new file mode 100644
index 0000000..e69de29
diff --git a/simplicity_lightblue/theme/plupload.css b/simplicity_lightblue/theme/plupload.css
new file mode 100644
index 0000000..74fd563
--- /dev/null
+++ b/simplicity_lightblue/theme/plupload.css
@@ -0,0 +1 @@
+@import "../../simplicity/theme/plupload.css";
\ No newline at end of file
diff --git a/simplicity_lightblue/theme/print.css b/simplicity_lightblue/theme/print.css
new file mode 100644
index 0000000..36a58f5
--- /dev/null
+++ b/simplicity_lightblue/theme/print.css
@@ -0,0 +1,4 @@
+/* Print Style Sheet
+---------------------------------------- */
+
+@import "../../simplicity/theme/print.css";
\ No newline at end of file
diff --git a/simplicity_lightblue/theme/stylesheet.css b/simplicity_lightblue/theme/stylesheet.css
new file mode 100644
index 0000000..b593e10
--- /dev/null
+++ b/simplicity_lightblue/theme/stylesheet.css
@@ -0,0 +1,6062 @@
+/*!
+	DO NOT EDIT stylesheet.css!
+
+	Edit .scss files instead. See http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+	If you have any questions, please ask on support forum at http://www.artodia.com/forums/
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline; }
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block; }
+
+body {
+  line-height: 1; }
+
+ol, ul {
+  list-style: none; }
+
+blockquote, q {
+  quotes: none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+abbr {
+  text-decoration: none; }
+
+.site-description:after, .navbar.secondary:after, .navbar .nav-tabs:after, ul.topiclist dl:after, .site-description:before, .navbar.secondary:before, .navbar .nav-tabs:before, ul.topiclist dl:before {
+  content: ' ';
+  display: table;
+  clear: both; }
+
+html {
+  font-size: 100%;
+  height: 100%; }
+
+body {
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px;
+  line-height: 1.4;
+  margin: 0;
+  padding: 0 0 12px;
+  word-wrap: break-word;
+  min-height: 100%;
+  box-sizing: border-box;
+  -webkit-print-color-adjust: exact; }
+
+h1, p.sitename {
+  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+  margin-right: 200px;
+  margin-top: 15px;
+  margin-bottom: 0;
+  font-weight: bold;
+  font-size: 21px;
+  line-height: inherit; }
+
+h2 {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  font-size: 19px;
+  margin: 0.8em 0 0.2em 0; }
+
+h2.solo {
+  margin-bottom: 1em; }
+
+h3 {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-weight: 500;
+  margin-bottom: 5px;
+  font-size: 17px;
+  margin-top: 20px; }
+
+h4 {
+  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+  font-size: 15px; }
+
+p {
+  line-height: 1.3;
+  font-size: 11px;
+  margin-bottom: 1.5em; }
+
+img {
+  border-width: 0; }
+
+hr {
+  border: 0 solid transparent;
+  border-top-width: 1px;
+  height: 1px;
+  margin: 5px 0;
+  display: block;
+  clear: both; }
+
+hr.dashed {
+  border-top-style: dashed;
+  margin: 10px 0; }
+
+hr.divider {
+  display: none; }
+
+p.right {
+  text-align: right; }
+
+p.jumpbox-return {
+  margin-top: 10px;
+  margin-bottom: 0;
+  float: left; }
+
+b, strong {
+  font-weight: bold; }
+
+.text-strong {
+  font-weight: bold; }
+
+i, em {
+  font-style: italic; }
+
+.text-italics {
+  font-style: italic; }
+
+u {
+  text-decoration: underline; }
+
+ul {
+  list-style-type: disc; }
+
+ol {
+  list-style-type: decimal; }
+
+li {
+  display: list-item; }
+
+ul ul, ol ul {
+  list-style-type: circle; }
+
+ol ol ul, ol ul ul, ul ol ul, ul ul ul {
+  list-style-type: square; }
+
+.page-width {
+  box-sizing: border-box;
+  margin: 0 auto;
+  max-width: none;
+  min-width: 625px;
+  margin: 0 12px; }
+
+.page-width .page-width {
+  margin: 0; }
+
+.page-body {
+  margin: 4px 0;
+  clear: both; }
+  #wrap > .page-body:first-of-type {
+    margin-top: 0; }
+  #wrap > .page-body:last-of-type {
+    margin-bottom: 0; }
+
+.page-footer {
+  clear: both; }
+  #wrap + .page-footer {
+    margin-top: 5px; }
+
+.page-footer h3 {
+  margin-top: 20px; }
+
+.logo {
+  display: block;
+  box-sizing: border-box;
+  max-width: 100%;
+  padding: 10px 0; }
+  .logo, .logo img {
+    margin: 0 auto; }
+  .logo img {
+    display: block;
+    max-width: 100%; }
+  .logo:hover {
+    text-decoration: none; }
+
+.site-description {
+  text-align: center; }
+  .site-description h1, .site-description p.sitename {
+    margin-left: 0;
+    margin-right: 0; }
+  .site-description h1, .site-description p {
+    display: none; }
+
+.headerbar > .inner {
+  position: relative; }
+
+.navbar {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  padding: 0 9px;
+  clear: both; }
+  .navbar.tabbed, .navbar.secondary {
+    background: transparent;
+    border-width: 0;
+    border-radius: 0;
+    box-shadow: none;
+    padding: 0; }
+  .page-body .navbar {
+    margin-bottom: 10px; }
+  .navbar + .navbar {
+    margin-top: 5px; }
+  .navbar.tabbed {
+    padding: 0; }
+  .navbar.secondary {
+    margin: 0;
+    padding: 1px 0; }
+    .navbar.secondary > ul {
+      list-style-type: none;
+      margin: 0;
+      padding: 0; }
+    .navbar.secondary > ul > li {
+      position: relative;
+      display: inline-block;
+      margin: 0;
+      padding: 0; }
+      .navbar.secondary > ul > li > a {
+        display: inline-block;
+        color: inherit;
+        padding: 1px 8px;
+        text-align: center;
+        line-height: 26px;
+        font-size: 12px; }
+      .navbar.secondary > ul > li:hover {
+        border-radius: 3px; }
+        .navbar.secondary > ul > li:hover > a {
+          text-decoration: none; }
+      .navbar.secondary > ul > li.small-icon > a {
+        padding-left: 18px; }
+      .navbar.secondary > ul > li .dropdown {
+        top: 28px; }
+      .navbar.secondary > ul > li.dropdown-up .dropdown {
+        top: auto;
+        bottom: 28px; }
+      .navbar.secondary > ul > li.search-box {
+        display: block;
+        margin: 0;
+        float: right; }
+        .rtl .navbar.secondary > ul > li.search-box {
+          float: left; }
+        .navbar.secondary > ul > li.search-box, .navbar.secondary > ul > li.search-box:hover {
+          border-radius: 0;
+          border-width: 0;
+          box-shadow: none;
+          background: none;
+          filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
+    .navbar.secondary + .nav-breadcrumbs {
+      margin-top: 0; }
+  .navbar li.small-icon > a {
+    padding-left: 18px; }
+  .navbar .nav-tabs {
+    border-radius: 3px; }
+    .navbar .nav-tabs .leftside .tab:first-child, .navbar .nav-tabs .leftside .tab.first-visible {
+      border-radius: 2px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0; }
+    .rtl .navbar .nav-tabs .rightside .tab:last-child, .rtl .navbar .nav-tabs .rightside .tab.last-visible {
+      border-radius: 2px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0; }
+    .navbar .nav-tabs .rightside .tab:last-child, .navbar .nav-tabs .rightside .tab.last-visible {
+      border-radius: 2px;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0; }
+    .rtl .navbar .nav-tabs .leftside .tab:first-child, .rtl .navbar .nav-tabs .leftside .tab.first-visible {
+      border-radius: 2px;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0; }
+    .navbar .nav-tabs > ul {
+      list-style-type: none;
+      margin: 0;
+      height: 30px; }
+      .navbar .nav-tabs > ul.leftside, .rtl .navbar .nav-tabs > ul.rightside {
+        float: left; }
+      .navbar .nav-tabs > ul.rightside, .rtl .navbar .nav-tabs > ul.leftside {
+        float: right; }
+      .navbar .nav-tabs > ul > li {
+        float: left;
+        height: 30px; }
+      .rtl .navbar .nav-tabs > ul > li {
+        float: right; }
+      .navbar .nav-tabs > ul .quick-links {
+        margin: 0; }
+        .navbar .nav-tabs > ul .quick-links.empty {
+          display: none; }
+        .navbar .nav-tabs > ul .quick-links.showing-responsive-menu {
+          display: block; }
+    .navbar .nav-tabs .nav-link {
+      text-decoration: none;
+      color: inherit;
+      display: inline-block;
+      height: 30px;
+      line-height: 30px;
+      padding: 0 12px;
+      vertical-align: baseline;
+      font-size: 12px;
+      outline-style: none; }
+      .navbar .nav-tabs .nav-link.dropdown-toggle {
+        position: relative; }
+        .navbar .nav-tabs .nav-link.dropdown-toggle:before {
+          content: '\f078';
+          font-family: FontAwesome;
+          position: absolute;
+          right: 12px;
+          top: 50%;
+          font-size: 8px;
+          line-height: 12px;
+          width: 8px;
+          height: 12px;
+          margin-top: -6px; }
+          .rtl .navbar .nav-tabs .nav-link.dropdown-toggle:before {
+            right: auto;
+            left: 12px; }
+      .navbar .nav-tabs .nav-link .username-coloured {
+        color: inherit !important;
+        font-weight: inherit;
+        font-style: inherit; }
+    .navbar .nav-tabs .responsive-menu .nav-link:before,
+    .navbar .nav-tabs .dropdown-visible .nav-link:before {
+      content: '\f077';
+      font-family: FontAwesome;
+      position: absolute;
+      right: 12px;
+      top: 50%;
+      font-size: 9px;
+      line-height: 13px;
+      width: 9px;
+      height: 13px;
+      margin-top: -6px; }
+    .navbar .nav-tabs .dropdown {
+      top: 30px; }
+      .dropdown-up .navbar .nav-tabs .dropdown {
+        top: auto;
+        bottom: 30px; }
+    .navbar .nav-tabs .tab {
+      position: relative; }
+      .navbar .nav-tabs .tab > strong {
+        display: none;
+        font-weight: bold;
+        font-size: 9px;
+        padding: 0 2px;
+        border-radius: 3px;
+        position: absolute;
+        right: 5px;
+        top: -10px;
+        line-height: 14px;
+        min-width: 10px;
+        _width: 10px;
+        text-align: center;
+        text-shadow: none;
+        white-space: nowrap;
+        word-wrap: normal;
+        height: 14px;
+        pointer-events: none; }
+        .rtl .navbar .nav-tabs .tab > strong {
+          right: auto;
+          left: 5px; }
+        .navbar .nav-tabs .tab > strong .arrow {
+          border: 3px solid transparent;
+          border-bottom: 1px none black;
+          position: absolute;
+          bottom: -3px;
+          right: 4px;
+          line-height: 0;
+          text-shadow: none;
+          _display: none;
+          width: 0;
+          height: 0; }
+      .navbar .nav-tabs .tab.non-zero > strong {
+        display: block; }
+    .navbar .nav-tabs .responsive-menu .nav-link, .navbar .nav-tabs .account .nav-link, .navbar .nav-tabs .pm .nav-link, .navbar .nav-tabs .notifications .nav-link, .navbar .nav-tabs .mcp .nav-link, .navbar .nav-tabs .acp .nav-link, .navbar .nav-tabs .faq .nav-link, .navbar .nav-tabs .logout .nav-link, .navbar .nav-tabs .login .nav-link, .navbar .nav-tabs .register .nav-link, .navbar .nav-tabs .rightside .boardrules .nav-link, .navbar .nav-tabs .rightside .pages .nav-link, .navbar .nav-tabs .members .nav-link, .navbar .nav-tabs .forums .nav-link, .navbar .nav-tabs .leftside .boardrules .nav-link, .navbar .nav-tabs .leftside .pages .nav-link {
+      position: relative;
+      padding-left: 30px; }
+      .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .rightside .boardrules .nav-link:after, .navbar .nav-tabs .rightside .pages .nav-link:after, .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .leftside .boardrules .nav-link:after, .navbar .nav-tabs .leftside .pages .nav-link:after {
+        position: absolute;
+        left: 12px;
+        top: 50%;
+        margin-top: -7px;
+        width: 14px;
+        font-size: 12px;
+        line-height: 14px;
+        height: 14px;
+        text-align: left;
+        font-weight: normal;
+        font-style: normal;
+        text-indent: 0; }
+      .rtl .navbar .nav-tabs .responsive-menu .nav-link:after, .rtl .navbar .nav-tabs .account .nav-link:after, .rtl .navbar .nav-tabs .pm .nav-link:after, .rtl .navbar .nav-tabs .notifications .nav-link:after, .rtl .navbar .nav-tabs .mcp .nav-link:after, .rtl .navbar .nav-tabs .acp .nav-link:after, .rtl .navbar .nav-tabs .faq .nav-link:after, .rtl .navbar .nav-tabs .logout .nav-link:after, .rtl .navbar .nav-tabs .login .nav-link:after, .rtl .navbar .nav-tabs .register .nav-link:after, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .rightside .pages .nav-link:after, .rtl .navbar .nav-tabs .members .nav-link:after, .rtl .navbar .nav-tabs .forums .nav-link:after, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .leftside .pages .nav-link:after {
+        left: auto;
+        right: 12px; }
+    .navbar .nav-tabs .responsive-menu .nav-link, .navbar .nav-tabs .account .nav-link, .navbar .nav-tabs .pm .nav-link, .navbar .nav-tabs .notifications .nav-link, .navbar .nav-tabs .mcp .nav-link, .navbar .nav-tabs .acp .nav-link, .navbar .nav-tabs .faq .nav-link, .navbar .nav-tabs .logout .nav-link, .navbar .nav-tabs .login .nav-link, .navbar .nav-tabs .register .nav-link, .navbar .nav-tabs .rightside .boardrules .nav-link, .navbar .nav-tabs .rightside .pages .nav-link {
+      text-indent: 999px;
+      width: 14px;
+      padding: 0 8px;
+      overflow: hidden; }
+      .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .rightside .boardrules .nav-link:after, .navbar .nav-tabs .rightside .pages .nav-link:after {
+        text-align: center;
+        font-size: 14px;
+        left: 8px; }
+      .rtl .navbar .nav-tabs .responsive-menu .nav-link:after, .rtl .navbar .nav-tabs .account .nav-link:after, .rtl .navbar .nav-tabs .pm .nav-link:after, .rtl .navbar .nav-tabs .notifications .nav-link:after, .rtl .navbar .nav-tabs .mcp .nav-link:after, .rtl .navbar .nav-tabs .acp .nav-link:after, .rtl .navbar .nav-tabs .faq .nav-link:after, .rtl .navbar .nav-tabs .logout .nav-link:after, .rtl .navbar .nav-tabs .login .nav-link:after, .rtl .navbar .nav-tabs .register .nav-link:after, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .rightside .pages .nav-link:after {
+        left: auto;
+        right: 8px; }
+      .navbar .nav-tabs .responsive-menu .nav-link + strong, .navbar .nav-tabs .account .nav-link + strong, .navbar .nav-tabs .pm .nav-link + strong, .navbar .nav-tabs .notifications .nav-link + strong, .navbar .nav-tabs .mcp .nav-link + strong, .navbar .nav-tabs .acp .nav-link + strong, .navbar .nav-tabs .faq .nav-link + strong, .navbar .nav-tabs .logout .nav-link + strong, .navbar .nav-tabs .login .nav-link + strong, .navbar .nav-tabs .register .nav-link + strong, .navbar .nav-tabs .rightside .boardrules .nav-link + strong, .navbar .nav-tabs .rightside .pages .nav-link + strong {
+        right: -2px; }
+        .rtl .navbar .nav-tabs .responsive-menu .nav-link + strong, .rtl .navbar .nav-tabs .account .nav-link + strong, .rtl .navbar .nav-tabs .pm .nav-link + strong, .rtl .navbar .nav-tabs .notifications .nav-link + strong, .rtl .navbar .nav-tabs .mcp .nav-link + strong, .rtl .navbar .nav-tabs .acp .nav-link + strong, .rtl .navbar .nav-tabs .faq .nav-link + strong, .rtl .navbar .nav-tabs .logout .nav-link + strong, .rtl .navbar .nav-tabs .login .nav-link + strong, .rtl .navbar .nav-tabs .register .nav-link + strong, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link + strong, .rtl .navbar .nav-tabs .rightside .pages .nav-link + strong {
+          right: auto;
+          left: -2px; }
+    @media (max-width: 550px) {
+      .navbar .nav-tabs .members .nav-link, .navbar .nav-tabs .forums .nav-link, .navbar .nav-tabs .leftside .boardrules .nav-link, .navbar .nav-tabs .leftside .pages .nav-link {
+        text-indent: 999px;
+        width: 14px;
+        padding: 0 8px;
+        overflow: hidden; }
+        .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .leftside .boardrules .nav-link:after, .navbar .nav-tabs .leftside .pages .nav-link:after {
+          text-align: center;
+          font-size: 14px;
+          left: 8px; }
+        .rtl .navbar .nav-tabs .members .nav-link:after, .rtl .navbar .nav-tabs .forums .nav-link:after, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .leftside .pages .nav-link:after {
+          left: auto;
+          right: 8px; }
+        .navbar .nav-tabs .members .nav-link + strong, .navbar .nav-tabs .forums .nav-link + strong, .navbar .nav-tabs .leftside .boardrules .nav-link + strong, .navbar .nav-tabs .leftside .pages .nav-link + strong {
+          right: -2px; }
+          .rtl .navbar .nav-tabs .members .nav-link + strong, .rtl .navbar .nav-tabs .forums .nav-link + strong, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link + strong, .rtl .navbar .nav-tabs .leftside .pages .nav-link + strong {
+            right: auto;
+            left: -2px; } }
+    .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .boardrules .nav-link:after, .navbar .nav-tabs .pages .nav-link:after {
+      font-family: FontAwesome; }
+    .navbar .nav-tabs .responsive-menu .nav-link:after {
+      content: '\f0c9'; }
+    .navbar .nav-tabs .members .nav-link {
+      padding-left: 32px;
+      padding-right: 24px; }
+      .rtl .navbar .nav-tabs .members .nav-link {
+        padding-left: 24px;
+        padding-right: 32px; }
+      .navbar .nav-tabs .members .nav-link:after {
+        content: '\f0c0'; }
+      @media (max-width: 550px) {
+        .navbar .nav-tabs .members .nav-link {
+          padding: 0 8px !important; } }
+    .rtl .navbar .nav-tabs .forums .nav-link {
+      padding-left: 12px;
+      padding-right: 32px; }
+    .navbar .nav-tabs .forums .nav-link:after {
+      content: '\f075'; }
+    .navbar .nav-tabs .account .nav-link:after {
+      content: '\f007'; }
+    .navbar .nav-tabs .pm .nav-link:after {
+      content: '\f01c'; }
+    .navbar .nav-tabs .notifications .nav-link:after {
+      content: '\f0f3';
+      font-size: 13px; }
+    .navbar .nav-tabs .mcp .nav-link:after {
+      content: '\f0e3'; }
+    .navbar .nav-tabs .acp .nav-link:after {
+      content: '\f085'; }
+    .navbar .nav-tabs .faq .nav-link:after {
+      content: '\f059'; }
+    @media (max-width: 550px) {
+      .navbar .nav-tabs .faq, .navbar .nav-tabs .faq .nav-link {
+        display: none !important; } }
+    .navbar .nav-tabs .logout .nav-link:after {
+      content: '\f08b';
+      margin-left: 1px; }
+    .navbar .nav-tabs .login .nav-link:after {
+      content: '\f090'; }
+    .navbar .nav-tabs .register .nav-link:after {
+      content: '\f234'; }
+    .navbar .nav-tabs .boardrules .nav-link:after {
+      content: '\f071'; }
+    .navbar .nav-tabs .pages .nav-link:after {
+      content: '\f0f6'; }
+  .navbar .inner.static {
+    position: fixed;
+    top: 0;
+    z-index: 50;
+    left: 0;
+    right: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    width: auto;
+    max-width: none;
+    opacity: .9;
+    transition: opacity .2s; }
+    .navbar .inner.static > .static-inner {
+      box-sizing: border-box;
+      margin: 0 auto;
+      max-width: none;
+      min-width: 625px;
+      margin: 0 12px;
+      padding-top: 0 !important;
+      padding-bottom: 0 !important; }
+    .navbar .inner.static:hover {
+      opacity: 1; }
+    .navbar .inner.static .nav-tabs {
+      border-radius: 0; }
+      .navbar .inner.static .nav-tabs .leftside .tab:first-child, .navbar .inner.static .nav-tabs .leftside .tab.first-visible, .rtl .navbar .inner.static .nav-tabs .rightside .tab:first-child, .rtl .navbar .inner.static .nav-tabs .rightside .tab.first-visible {
+        border-radius: 0; }
+      .navbar .inner.static .nav-tabs .rightside .tab:last-child, .navbar .inner.static .nav-tabs .rightside .tab.last-visible, .rtl .navbar .inner.static .nav-tabs .leftside .tab:last-child, .rtl .navbar .inner.static .nav-tabs .leftside .tab.last-visible {
+        border-radius: 0; }
+      .navbar .inner.static .nav-tabs .tab > strong {
+        position: relative;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        vertical-align: top;
+        margin-top: 8px;
+        margin-left: -7px;
+        margin-right: 5px;
+        padding-bottom: 1px;
+        pointer-events: none; }
+        .navbar .inner.static .nav-tabs .tab > strong .arrow {
+          display: none; }
+      .navbar .inner.static .nav-tabs .tab.non-zero > strong {
+        display: inline-block; }
+      .navbar .inner.static .nav-tabs .pm > .nav-link + strong {
+        margin-left: -5px; }
+
+.forabg {
+  padding: 0;
+  margin: 10px 0; }
+
+.forumbg {
+  padding: 0; }
+
+.panel {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  margin-bottom: 10px;
+  padding: 5px 10px; }
+  .panel.bg3 {
+    border-radius: 0;
+    border-width: 0;
+    box-shadow: none;
+    border-top: 3px solid transparent;
+    position: relative; }
+    .panel.bg3:before, .panel.bg3:after {
+      content: '';
+      position: absolute;
+      top: 0;
+      width: 3px;
+      height: 50px; }
+    .panel.bg3:before {
+      left: 0; }
+    .panel.bg3:after {
+      right: 0; }
+  .postform .panel.panel {
+    border-radius: 3px; }
+
+.panel > .inner > h3:first-child, .panel > h3:first-child {
+  margin: -5px -10px 5px;
+  border-radius: 2px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  background: #3d98c6;
+  border: 0 solid #3d98c6;
+  padding: 5px;
+  text-transform: none;
+  font-size: 15px;
+  line-height: 1.4;
+  font-weight: normal;
+  color: #fff;
+  padding-left: 10px;
+  padding-right: 10px; }
+  @media (max-width: 700px) {
+    .panel > .inner > h3:first-child, .panel > h3:first-child {
+      border-radius: 0; } }
+  .panel > .inner > h3:first-child a,
+  .panel > h3:first-child a {
+    color: #fff; }
+    .panel > .inner > h3:first-child a:hover,
+    .panel > h3:first-child a:hover {
+      color: #fff; }
+  .panel-container .panel > .inner > h3:first-child,
+  .panel-container .panel > h3:first-child {
+    font-size: 15px;
+    line-height: 1.4; }
+
+.post {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  padding: 0;
+  margin-bottom: 10px;
+  position: relative; }
+
+.post > .inner {
+  padding: 5px 10px; }
+
+.rowbg {
+  margin: 5px 5px 2px 5px; }
+
+.navbar ul.linklist {
+  padding: 2px 0; }
+
+ul.linklist {
+  display: block;
+  margin: 0; }
+
+.cp-main .panel {
+  padding: 5px 10px; }
+
+ul.linklist > li {
+  float: left;
+  font-size: 11px;
+  line-height: 2;
+  list-style-type: none;
+  margin-right: 7px;
+  padding-top: 1px;
+  width: auto; }
+  ul.linklist > li.icon-only, ul.linklist > li.rightside.icon-only {
+    text-align: center;
+    min-width: 20px; }
+
+ul.linklist > li.rightside, p.rightside, a.rightside {
+  float: right;
+  margin-right: 0;
+  margin-left: 7px;
+  text-align: right; }
+
+ul.navlinks {
+  border-top: 1px solid transparent; }
+  ul.navlinks.nav-breadcrumbs {
+    border-top-width: 0; }
+
+ul.leftside {
+  float: left;
+  margin-left: 0;
+  margin-right: 5px;
+  text-align: left; }
+
+ul.rightside {
+  float: right;
+  margin-left: 5px;
+  margin-right: -5px;
+  text-align: right; }
+
+ul.linklist li.responsive-menu {
+  position: relative;
+  margin: 0 5px; }
+
+.fa-bars:before {
+  display: none; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+  display: inline-block;
+  margin: 0 5px;
+  font-size: 17px;
+  position: relative;
+  width: 17px;
+  line-height: 21px;
+  text-decoration: none; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+  content: '\f0c9';
+  font-family: FontAwesome;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  margin-top: -6.5px;
+  width: 15px;
+  font-size: 13px;
+  line-height: 13px;
+  height: 13px;
+  text-align: center;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0; }
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before {
+  font-family: FontAwesome;
+  content: '\f078'; }
+
+.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
+  max-width: 48%; }
+
+.hasjs ul.linklist.fullwidth {
+  max-width: none; }
+
+ul.linklist .dropdown {
+  top: 22px; }
+
+ul.linklist .dropdown-up .dropdown {
+  bottom: 22px;
+  top: auto; }
+
+ul.linklist.bulletin > li:before {
+  display: inline-block;
+  content: "\2022";
+  font-size: inherit;
+  line-height: inherit;
+  padding-right: 4px; }
+
+ul.linklist.bulletin > li:first-child:before,
+ul.linklist.bulletin > li.rightside:last-child:before {
+  content: none; }
+
+ul.linklist.bulletin > li.no-bulletin:before {
+  content: none; }
+
+.responsive-menu:before {
+  display: none !important; }
+
+.header-profile {
+  display: inline-block;
+  vertical-align: top; }
+
+.header-avatar:hover {
+  text-decoration: none; }
+
+.header-avatar img {
+  margin-bottom: 2px;
+  max-height: 20px;
+  vertical-align: middle;
+  width: auto; }
+
+.header-avatar span:after {
+  content: '\f078';
+  font-family: FontAwesome;
+  display: inline-block;
+  font-size: 7px;
+  float: right;
+  padding-left: 2px;
+  font-weight: normal;
+  opacity: 0.7; }
+
+.dropdown-container {
+  position: relative; }
+
+.dropdown-container-right {
+  float: right; }
+
+.dropdown-container-left {
+  float: left; }
+
+.nojs .dropdown-container:hover .dropdown {
+  display: block !important; }
+
+.dropdown {
+  display: none;
+  position: absolute;
+  left: 0;
+  top: 1.4em;
+  z-index: 30;
+  padding: 0;
+  margin-right: -500px; }
+
+.dropdown.live-search {
+  top: auto; }
+
+.dropdown-container.topic-tools {
+  float: left; }
+
+.dropdown-up .dropdown {
+  top: auto;
+  bottom: 1.4em; }
+
+.dropdown-left .dropdown, .nojs .rightside .dropdown {
+  left: auto;
+  right: 0;
+  margin-left: -500px;
+  margin-right: 0; }
+
+.dropdown-button-control .dropdown {
+  top: 24px; }
+
+.dropdown-button-control.dropdown-up .dropdown {
+  top: auto;
+  bottom: 24px; }
+
+.dropdown .pointer, .dropdown .pointer-inner {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-top-width: 0;
+  border-bottom: 10px solid transparent;
+  border-left: 10px dashed transparent;
+  border-right: 10px dashed transparent;
+  -webkit-transform: rotate(360deg);
+  /* better anti-aliasing in webkit */
+  display: block; }
+
+.dropdown-up .pointer, .dropdown-up .pointer-inner {
+  border-bottom-width: 0;
+  border-top: 10px solid transparent; }
+
+.dropdown .pointer {
+  right: auto;
+  left: 10px;
+  top: 0;
+  z-index: 3; }
+
+.dropdown-up .pointer {
+  bottom: 0;
+  top: auto; }
+
+.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
+  left: auto;
+  right: 10px; }
+
+.dropdown .pointer-inner {
+  top: auto;
+  bottom: -11px;
+  left: -10px; }
+
+.dropdown-up .pointer-inner {
+  bottom: auto;
+  top: -11px; }
+
+.dropdown .dropdown-contents {
+  z-index: 30;
+  overflow: hidden;
+  overflow-y: auto;
+  border: 0px solid transparent;
+  border-radius: 0 0 3px 3px;
+  border-top-width: 3px;
+  padding: 5px;
+  position: relative;
+  min-width: 40px;
+  max-height: 300px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  .notifications .dropdown .dropdown-contents {
+    min-width: 300px; }
+
+.dropdown-up .dropdown-contents {
+  border-bottom-width: 3px;
+  border-top-width: 0;
+  border-radius: 3px 3px 0 0; }
+
+.dropdown-contents > li {
+  padding-right: 15px;
+  min-width: 180px; }
+
+.dropdown-nonscroll > li {
+  padding-right: 0; }
+
+.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
+  border-top: 0; }
+
+.dropdown li li:first-child {
+  margin-top: 4px; }
+
+.dropdown li li:last-child {
+  padding-bottom: 0; }
+
+.dropdown li li {
+  border-top: 1px dotted transparent;
+  padding-left: 18px; }
+
+#wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
+  white-space: normal; }
+
+.dropdown li.separator {
+  border-top: 1px solid transparent;
+  margin: 4px 0;
+  padding: 0; }
+
+.dropdown li.separator:first-child, .dropdown li.separator:last-child {
+  display: none !important; }
+
+.dropdown-trigger > i.glyphicons, .dropdown-trigger > i.fa {
+  display: inline;
+  line-height: inherit;
+  top: 0;
+  vertical-align: baseline; }
+  .dropdown-trigger > i.glyphicons:before, .dropdown-trigger > i.fa:before {
+    font-size: 1.4em;
+    line-height: 1;
+    position: relative;
+    top: 1px; }
+
+.breadcrumbs .crumb {
+  float: left;
+  font-weight: bold;
+  word-wrap: normal;
+  position: relative;
+  padding-left: 13px; }
+  .rtl .breadcrumbs .crumb {
+    padding-left: 0;
+    padding-right: 13px; }
+
+.breadcrumbs .crumb:before {
+  content: '\f054';
+  font-family: FontAwesome;
+  font-weight: normal;
+  position: absolute;
+  left: 1px;
+  width: 11px;
+  top: 50%;
+  margin-top: -5.5px;
+  font-size: 7px;
+  height: 11px;
+  line-height: 11px;
+  text-align: center; }
+  .rtl .breadcrumbs .crumb:before {
+    left: auto;
+    right: 1px;
+    content: '\f053'; }
+
+.breadcrumbs .crumb:first-child {
+  padding-left: 0;
+  padding-right: 0; }
+  .breadcrumbs .crumb:first-child:before {
+    display: none; }
+
+.breadcrumbs .crumb a {
+  display: inline-block;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  vertical-align: bottom;
+  overflow: hidden; }
+
+.breadcrumbs.wrapped .crumb a {
+  letter-spacing: -.3px; }
+
+.breadcrumbs.wrapped .crumb.wrapped-medium a {
+  letter-spacing: -.4px; }
+
+.breadcrumbs.wrapped .crumb.wrapped-tiny a {
+  letter-spacing: -.5px; }
+
+.breadcrumbs .crumb.wrapped-max a {
+  max-width: 120px; }
+
+.breadcrumbs .crumb.wrapped-wide a {
+  max-width: 100px; }
+
+.breadcrumbs .crumb.wrapped-medium a {
+  max-width: 80px; }
+
+.breadcrumbs .crumb.wrapped-small a {
+  max-width: 60px; }
+
+.breadcrumbs .crumb.wrapped-tiny a {
+  max-width: 40px; }
+
+table.table1 {
+  width: 100%; }
+
+.ucp-main table.table1 {
+  padding: 2px; }
+
+table.table1 thead th {
+  background: #3d98c6;
+  border: 0 solid #3d98c6;
+  color: #fff;
+  text-transform: none;
+  line-height: 1.4;
+  font-weight: normal;
+  font-size: 13px;
+  padding: 4px; }
+  table.table1 thead th:first-child {
+    border-top-left-radius: 2px; }
+  table.table1 thead th:last-child {
+    border-top-right-radius: 2px; }
+
+table.table1 thead th span {
+  padding-left: 7px; }
+
+table.table1 tbody tr {
+  border-top: 1px solid transparent; }
+
+table.table1 td {
+  font-size: 12px;
+  line-height: 1.4; }
+
+table.table1 tbody td {
+  padding: 5px;
+  border-top: 1px solid transparent; }
+
+table.table1 tbody th {
+  padding: 5px;
+  border-bottom: 1px solid transparent;
+  text-align: left; }
+
+table.table1 .name {
+  text-align: left; }
+
+table.table1 .center {
+  text-align: center; }
+
+table.table1 .reportby {
+  width: 15%; }
+
+table.table1 .posts {
+  text-align: center;
+  width: 7%; }
+
+table.table1 .joined {
+  text-align: left;
+  width: 15%; }
+
+table.table1 .active {
+  text-align: left;
+  width: 15%; }
+
+table.table1 .mark {
+  text-align: center;
+  width: 7%; }
+
+table.table1 .info {
+  text-align: left;
+  width: 30%;
+  max-width: 200px; }
+  @media (max-width: 550px) {
+    table.table1 .info {
+      max-width: 150px; } }
+
+table.table1 .info div {
+  width: 100%;
+  white-space: normal;
+  overflow: hidden; }
+
+table.table1 .autocol {
+  line-height: 2em;
+  white-space: nowrap; }
+
+table.table1 thead .autocol {
+  padding-left: 1em; }
+
+table.table1 th.info {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+table.table1 span.rank-img {
+  float: right;
+  width: auto; }
+
+table.info td {
+  padding: 3px; }
+
+table.info tbody th {
+  padding: 3px;
+  text-align: right;
+  vertical-align: top;
+  font-weight: normal; }
+
+.forumbg table.table1 {
+  margin: 0; }
+
+.forumbg-table > .inner {
+  margin: 0 -1px; }
+
+.color_palette_placeholder table {
+  border-collapse: separate;
+  border-spacing: 1px; }
+
+.column1 {
+  float: left;
+  clear: left;
+  width: 49%; }
+
+.column2 {
+  float: right;
+  clear: right;
+  width: 49%; }
+
+.left-box {
+  float: left;
+  width: auto;
+  text-align: left;
+  max-width: 100%; }
+
+.left-box.profile-details {
+  width: 80%; }
+
+.right-box {
+  float: right;
+  width: auto;
+  text-align: right;
+  max-width: 100%; }
+
+dl.details {
+  font-size: 11px; }
+
+dl.details dt {
+  float: left;
+  clear: left;
+  width: 30%;
+  text-align: right;
+  display: block; }
+
+dl.details dd {
+  margin-left: 0;
+  padding-left: 5px;
+  margin-bottom: 5px;
+  float: left;
+  width: 65%;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+.clearfix, fieldset dl, dl.polls {
+  overflow: hidden; }
+
+ul.topiclist dd.lastpost {
+  float: right; }
+
+fieldset.fields1 ul.recipients {
+  list-style-type: none;
+  line-height: 1.8;
+  max-height: 150px;
+  overflow-y: auto; }
+
+fieldset.fields1 dd.recipients {
+  clear: left;
+  margin-left: 1em; }
+
+fieldset.fields1 ul.recipients input.button2 {
+  font-size: 9px;
+  margin-right: 0;
+  padding: 0; }
+
+fieldset.fields1 dl.pmlist > dt {
+  width: auto !important; }
+
+fieldset.fields1 dl.pmlist dd.recipients {
+  margin-left: 0 !important; }
+
+.action-bar {
+  font-size: 11px;
+  margin: 4px 0; }
+
+.forabg + .action-bar {
+  margin-top: 10px; }
+
+.action-bar .button {
+  margin-right: 5px;
+  float: left; }
+
+.action-bar .button-search {
+  margin-right: 0; }
+
+.pagination {
+  float: right;
+  font-size: 11px;
+  text-align: right;
+  width: auto; }
+
+.action-bar.bottom .pagination {
+  margin-top: 0; }
+
+.action-bar .pagination .button {
+  margin-right: 0;
+  float: none; }
+
+.pagination > ul {
+  display: inline-block;
+  list-style: none !important;
+  margin-left: 5px; }
+
+.pagination > ul > li {
+  display: inline-block !important;
+  padding: 0;
+  font-size: 11px;
+  line-height: normal;
+  vertical-align: middle; }
+
+.pagination li a, .pagination li span {
+  border-radius: 2px;
+  padding: 2px 5px; }
+
+.pagination li.active span {
+  display: inline-block;
+  font-size: 13px;
+  font-weight: normal;
+  font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+  line-height: 1.4;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  border: 1px solid transparent; }
+
+.pagination li.ellipsis span {
+  border: none;
+  padding: 0; }
+
+.pagination li.page-jump {
+  margin-right: 5px; }
+
+.pagination li.page-jump a {
+  background: transparent none !important;
+  border-color: transparent !important;
+  padding: 0 8px; }
+
+.pagination li.page-jump a i {
+  font-size: 21px; }
+
+.pagination .arrow a {
+  padding: 2px 0; }
+
+.rtl .pagination li.previous a:after {
+  content: '\f054';
+  right: 1px;
+  left: 3px; }
+
+.rtl .pagination li.next a:after {
+  content: '\f053';
+  left: 1px;
+  right: 3px; }
+
+.row .pagination {
+  display: block;
+  margin-top: 3px;
+  margin-bottom: 3px; }
+
+.row .pagination > ul {
+  margin: 0; }
+
+.row .pagination li a, .row .pagination li span {
+  border-radius: 2px;
+  padding: 1px 3px;
+  font-size: 9px; }
+
+.phpbb_alert {
+  border: 1px solid transparent;
+  display: none;
+  left: 0;
+  padding: 0 25px 20px 25px;
+  position: fixed;
+  right: 0;
+  top: 150px;
+  z-index: 50;
+  width: 620px;
+  margin: 0 auto; }
+
+@media (max-height: 500px) {
+  .phpbb_alert {
+    top: 25px; } }
+.phpbb_alert .alert_close {
+  display: block;
+  float: right;
+  width: 24px;
+  height: 24px;
+  overflow: hidden;
+  text-decoration: none !important;
+  background: transparent none 0 0 no-repeat;
+  margin-top: -12px;
+  margin-right: -36px;
+  position: relative; }
+
+.phpbb_alert .alert_close:before,
+.phpbb_alert .alert_close:after {
+  content: '\f057';
+  font-family: FontAwesome;
+  position: absolute;
+  font-size: 18px;
+  line-height: 24px;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0;
+  text-align: center;
+  left: 0;
+  top: 0;
+  margin: 0;
+  padding: 0;
+  width: 24px;
+  height: 24px; }
+
+.phpbb_alert .alert_close:before {
+  content: '\f111';
+  font-size: 20px; }
+
+.phpbb_alert p {
+  margin: 8px 0;
+  padding-bottom: 8px; }
+
+.phpbb_alert label {
+  display: block;
+  margin: 8px 0;
+  padding-bottom: 8px; }
+
+.phpbb_alert div.alert_text > p,
+.phpbb_alert div.alert_text > label,
+.phpbb_alert div.alert_text > select,
+.phpbb_alert div.alert_text > textarea,
+.phpbb_alert div.alert_text > input {
+  font-size: 11px; }
+
+.darkenwrapper {
+  display: none;
+  position: relative;
+  z-index: 44; }
+
+.darken {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.5;
+  z-index: 45; }
+
+.loading_indicator {
+  background: center center no-repeat;
+  border-radius: 5px;
+  display: none;
+  opacity: 0.8;
+  margin-top: -50px;
+  margin-left: -50px;
+  height: 50px;
+  width: 50px;
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  z-index: 51; }
+
+.forum-permissions {
+  float: right;
+  width: auto;
+  padding-left: 5px;
+  margin-left: 5px;
+  margin-top: 10px;
+  text-align: right; }
+
+.copyright {
+  font-size: 10px;
+  text-align: center;
+  padding: 10px; }
+
+.footer-row {
+  font-size: 10px;
+  line-height: 1.8;
+  margin: 0; }
+
+.small {
+  font-size: 0.9em !important; }
+
+.titlespace {
+  margin-bottom: 15px; }
+
+.headerspace {
+  margin-top: 20px; }
+
+.error {
+  font-weight: bold;
+  font-size: 11px; }
+
+div.rules {
+  margin: 10px 0;
+  font-size: 11px;
+  padding: 5px 10px;
+  border-radius: 3px; }
+
+div.rules ul, div.rules ol {
+  margin-left: 20px; }
+
+p.post-notice {
+  position: relative;
+  padding: 5px;
+  padding-left: 26px;
+  min-height: 14px;
+  margin-bottom: 1em;
+  font-size: 12px; }
+
+p.post-notice:before {
+  content: '';
+  display: block;
+  position: absolute;
+  top: 50%;
+  margin-top: -10px;
+  font-size: 16px;
+  height: 18px;
+  line-height: 18px;
+  text-align: center;
+  vertical-align: baseline;
+  left: 0;
+  width: 28px;
+  background: transparent none 50% 50% no-repeat;
+  pointer-events: none;
+  font-weight: normal;
+  font-style: normal;
+  text-transform: none; }
+
+form > p.post-notice strong {
+  line-height: 20px; }
+
+.jumpbox {
+  margin: 5px 0; }
+
+.jumpbox .dropdown li {
+  border-top: 1px solid transparent; }
+
+.jumpbox .dropdown-select {
+  margin: 0; }
+
+.jumpbox .dropdown-contents {
+  padding: 0;
+  text-decoration: none; }
+
+.jumpbox .dropdown-contents li {
+  padding: 0; }
+
+.jumpbox .dropdown-contents a {
+  margin-right: 20px;
+  padding: 5px 10px;
+  text-decoration: none;
+  width: 100%; }
+
+.jumpbox .spacer {
+  display: inline-block;
+  width: 0px; }
+
+.jumpbox .spacer + .spacer {
+  width: 20px; }
+
+.dropdown-contents a {
+  display: block;
+  padding: 5px; }
+
+.jumpbox .dropdown-select {
+  margin: 0; }
+
+.jumpbox .dropdown-contents a {
+  text-decoration: none; }
+
+.dropdown li {
+  display: list-item;
+  border-top: 1px dotted transparent;
+  float: none !important;
+  line-height: normal !important;
+  font-size: 1em !important;
+  list-style: none;
+  margin: 0;
+  white-space: nowrap;
+  text-align: left; }
+
+.stat-block {
+  clear: both; }
+
+.top {
+  position: absolute;
+  top: -20px; }
+
+.clear {
+  display: block;
+  clear: both;
+  font-size: 1px;
+  line-height: 1px;
+  background: transparent; }
+
+.inner:after,
+ul.linklist:after,
+.action-bar:after,
+.notification_text:after,
+.tabs-container:after,
+.tabs > ul:after,
+.minitabs > ul:after,
+.postprofile .avatar-container:after {
+  clear: both;
+  content: '';
+  display: block; }
+
+.emoji {
+  min-height: 18px;
+  min-width: 18px;
+  height: 1em;
+  width: 1em; }
+
+.hidden {
+  display: none; }
+
+.smilies {
+  vertical-align: text-bottom; }
+
+.icon-notification {
+  position: relative; }
+
+.member-search {
+  float: left;
+  margin: 0;
+  padding: 6px 10px; }
+
+.member-search strong {
+  font-size: 11px; }
+
+.dropdown-extended {
+  display: none;
+  z-index: 3; }
+
+.dropdown-extended ul {
+  max-height: 350px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  clear: both; }
+
+.dropdown-extended ul li {
+  padding: 0;
+  margin: 0 !important;
+  float: none;
+  border-top: 1px solid;
+  list-style-type: none;
+  font-size: 11px;
+  clear: both;
+  position: relative; }
+
+.dropdown-extended ul li:first-child {
+  border-top: none; }
+
+.dropdown-extended ul li.no_notifications {
+  padding: 10px; }
+
+.dropdown-extended .dropdown-contents {
+  max-height: none;
+  padding: 0;
+  position: absolute;
+  width: 340px; }
+
+.nojs .dropdown-extended .dropdown-contents {
+  position: relative; }
+
+.dropdown-extended .header {
+  padding: 0 10px;
+  font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  font-weight: bold;
+  text-align: left;
+  line-height: 30px; }
+  .dropdown-down .dropdown-extended .header {
+    margin-top: -3px; }
+
+.dropdown-extended .header .header_settings {
+  float: right;
+  font-weight: normal;
+  text-transform: none; }
+
+.dropdown-extended .header .header_settings a {
+  display: inline-block;
+  padding: 0 5px; }
+
+.dropdown-extended .header:after {
+  content: '';
+  display: table;
+  clear: both; }
+
+.dropdown-extended .footer {
+  text-align: center;
+  font-size: 11px; }
+
+.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
+  padding: 8px; }
+
+.dropdown-extended .footer > a {
+  padding: 5px 0; }
+
+.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
+  display: block;
+  text-decoration: none; }
+
+.notification_list ul li img {
+  float: left;
+  max-height: 50px;
+  max-width: 50px;
+  width: auto !important;
+  height: auto !important;
+  margin-right: 5px; }
+
+.notification_list ul li p {
+  margin-bottom: 4px;
+  font-size: 11px; }
+
+.notification_list p.notification-reference,
+.notification_list p.notification-location,
+.notification_list li a p.notification-reason {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+.notification_list p.notification-time {
+  font-size: 10px;
+  margin: 0;
+  text-align: right; }
+
+.notification_list div.notifications {
+  margin-left: 50px;
+  padding: 5px; }
+
+.notification_list div.notifications a {
+  display: block; }
+
+.notification_list p.notifications_title {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 15px !important; }
+
+.notification_list p.notifications_title strong {
+  font-weight: 600; }
+
+.notification_list p.notifications_time {
+  font-size: 11px !important; }
+
+.notification_text {
+  margin-left: 58px;
+  white-space: normal; }
+
+.badge {
+  border-radius: 10px;
+  opacity: 0.8;
+  text-align: center;
+  white-space: nowrap;
+  font-size: 10px;
+  line-height: 1;
+  float: right;
+  display: inline-block;
+  margin-left: 3px;
+  vertical-align: baseline;
+  position: relative;
+  top: 3px;
+  padding: 4px 6px; }
+
+.badge.hidden {
+  display: none; }
+
+.linklist .quick-links {
+  margin: 0 7px 0 0; }
+
+.linklist.compact .rightside > a > span span {
+  display: none; }
+
+.dropdown-page-jump .dropdown {
+  top: 20px; }
+
+.dropdown-page-jump.dropdown-up .dropdown {
+  bottom: 20px; }
+
+.dropdown-page-jump input.tiny {
+  width: 50px; }
+
+.dropdown .clone.hidden {
+  display: none; }
+
+.dropdown .clone.hidden + li.separator {
+  display: none; }
+
+.dropdown .clone.hidden + li {
+  border-top: none; }
+
+a {
+  direction: ltr;
+  unicode-bidi: embed;
+  text-decoration: none;
+  /* we use links inline more often then not so to address several bugs with
+  IE and some other browsers we render all links as inlineblock by default */
+  display: inline-block; }
+
+.username-coloured {
+  font-weight: bold;
+  display: inline !important;
+  padding: 0 !important; }
+
+span.username-coloured {
+  margin-left: 10px; }
+
+.forumbg .header a, .forabg .header a, th a {
+  text-decoration: none; }
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+  text-decoration: underline; }
+
+.dropdown-extended a.mark_read {
+  display: block;
+  opacity: .2;
+  position: absolute;
+  z-index: 2;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 30px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  transition: opacity .2s; }
+
+.dropdown-extended li:hover a.mark_read {
+  opacity: .85; }
+
+.dropdown-extended li a.mark_read:hover {
+  opacity: 1; }
+
+.dropdown-extended a.mark_read:after {
+  width: auto;
+  left: 4px;
+  right: 0;
+  font-size: 16px; }
+
+.jumpbox-cat-link,
+.jumpbox-forum-link {
+  font-weight: bold; }
+
+a.forumtitle, a.topictitle {
+  display: inline-block;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.2;
+  font-weight: 500;
+  padding-bottom: 2px;
+  text-decoration: none; }
+  a.forumtitle:hover, a.topictitle:hover {
+    text-decoration: underline; }
+
+a.topictitle {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 15px; }
+
+a.lastsubject {
+  font-weight: bold;
+  text-decoration: none; }
+
+a.lastsubject:hover {
+  text-decoration: underline; }
+
+.postprofile a, .postprofile dt.author a {
+  font-weight: bold;
+  text-decoration: none; }
+
+.postprofile a:hover, .postprofile dt.author a:hover {
+  text-decoration: underline; }
+
+.search .postprofile a {
+  text-decoration: none;
+  font-weight: normal; }
+
+.search .postprofile a:hover {
+  text-decoration: underline; }
+
+.top {
+  font-size: 12px;
+  text-decoration: none;
+  margin-top: 10px; }
+
+.back2top {
+  clear: both; }
+  .post > .back2top {
+    position: relative;
+    right: 5px;
+    bottom: 5px; }
+    .rtl .post > .back2top {
+      right: auto;
+      left: 5px; }
+
+.back2top .top {
+  float: right;
+  margin-top: 0; }
+
+a.top, a.top2 {
+  position: relative; }
+
+a.arrow-up, a.arrow-down {
+  position: relative; }
+  a.arrow-up:after, a.arrow-down:after {
+    position: absolute;
+    top: 50%;
+    margin-top: -5px;
+    text-align: center;
+    font-family: FontAwesome;
+    font-size: 8px;
+    line-height: 10px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+
+a.arrow-up:after {
+  content: '\f077';
+  left: 0; }
+.rtl a.arrow-up:after {
+  left: auto;
+  right: 0; }
+
+a.arrow-down:after {
+  content: '\f078';
+  right: 0;
+  padding-top: 1px; }
+.rtl a.arrow-down:after {
+  right: auto;
+  left: 0; }
+
+a.arrow-up {
+  padding-left: 10px;
+  text-decoration: none;
+  border-bottom-width: 0; }
+
+a.arrow-down {
+  padding-right: 10px; }
+
+a.arrow-down:hover {
+  text-decoration: none; }
+
+a.arrow-left:hover {
+  text-decoration: none; }
+
+a.arrow-right:hover {
+  text-decoration: none; }
+
+.skiplink {
+  position: absolute;
+  left: -999px;
+  width: 990px; }
+
+a.feed-icon-forum {
+  float: right;
+  margin: 3px;
+  width: 16px;
+  height: 16px;
+  position: relative; }
+
+.topiclist.forums a.feed-icon-forum {
+  margin-top: 12px; }
+
+a.feed-icon-forum:after {
+  content: '\f09e';
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: 16px;
+  height: 16px;
+  font-family: FontAwesome;
+  font-size: 14px;
+  font-weight: normal;
+  font-style: normal;
+  line-height: 16px;
+  text-align: center; }
+
+a.top-anchor {
+  display: block; }
+
+ul.topiclist {
+  display: block;
+  list-style-type: none;
+  margin: 0; }
+
+ul.topiclist li {
+  display: block;
+  list-style-type: none;
+  margin: 0; }
+  .forabg ul.topiclist li.header, .forumbg ul.topiclist li.header {
+    margin: -5px -10px 5px;
+    border-radius: 2px;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    background: #3d98c6;
+    border: 0 solid #3d98c6;
+    padding: 5px;
+    text-transform: none;
+    font-size: 15px;
+    line-height: 1.4;
+    font-weight: normal;
+    color: #fff;
+    border-radius: 3px;
+    margin: 0;
+    position: relative; }
+    @media (max-width: 700px) {
+      .forabg ul.topiclist li.header, .forumbg ul.topiclist li.header {
+        border-radius: 0; } }
+    .forabg ul.topiclist li.header a, .forumbg ul.topiclist li.header a {
+      color: #fff; }
+      .forabg ul.topiclist li.header a:hover, .forumbg ul.topiclist li.header a:hover {
+        color: #fff; }
+    .forabg ul.topiclist li.header .forum-toggle, .forumbg ul.topiclist li.header .forum-toggle {
+      position: absolute;
+      right: 5px;
+      top: 50%;
+      margin-top: -8px;
+      height: 16px;
+      width: 16px;
+      text-decoration: none !important;
+      outline-style: none !important;
+      color: inherit;
+      transition: opacity 0.3s ease;
+      opacity: .5; }
+      .forabg ul.topiclist li.header .forum-toggle:after, .forumbg ul.topiclist li.header .forum-toggle:after {
+        content: '\f056';
+        font-family: FontAwesome;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 16px;
+        height: 16px;
+        font-size: 12px;
+        line-height: 16px; }
+      .forabg ul.topiclist li.header .forum-toggle.toggled:after, .forumbg ul.topiclist li.header .forum-toggle.toggled:after {
+        content: '\f055'; }
+      .forabg ul.topiclist li.header .forum-toggle:hover, .forumbg ul.topiclist li.header .forum-toggle:hover {
+        opacity: 1; }
+      .rtl .forabg ul.topiclist li.header .forum-toggle, .rtl .forumbg ul.topiclist li.header .forum-toggle {
+        right: auto;
+        left: 4px; }
+
+ul.topiclist dl {
+  position: relative; }
+
+ul.topiclist li.row dl {
+  margin: 2px 0; }
+
+ul.topiclist dt, ul.topiclist dd {
+  display: block;
+  float: left; }
+
+ul.topiclist dt {
+  width: 100%;
+  margin-right: -440px;
+  font-size: 11px; }
+
+ul.topiclist.missing-column dt {
+  margin-right: -345px; }
+
+dl.elegant-row dt,
+ul.topiclist.two-long-columns dt {
+  margin-right: -250px; }
+
+ul.topiclist.two-columns dt {
+  margin-right: -80px; }
+
+ul.topiclist dt .list-inner {
+  margin-right: 440px;
+  padding-left: 5px;
+  padding-right: 5px;
+  position: relative; }
+
+ul.topiclist.missing-column dt .list-inner {
+  margin-right: 345px; }
+
+dl.elegant-row dt .list-inner,
+ul.topiclist.two-long-columns dt .list-inner {
+  margin-right: 250px; }
+
+ul.topiclist.two-columns dt .list-inner {
+  margin-right: 80px; }
+
+ul.topiclist dd {
+  border-left: 1px solid transparent;
+  padding: 4px 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+ul.topiclist dfn {
+  display: none;
+  position: absolute;
+  left: -999px;
+  width: 990px; }
+
+.forum-image {
+  float: left;
+  padding-top: 5px;
+  margin-right: 5px; }
+
+li.row {
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent; }
+  li.row:first-child {
+    border-top-width: 0;
+    padding-top: 0; }
+  li.row:last-child {
+    border-bottom-width: 0;
+    padding-bottom: 0; }
+  .forabg ul.topiclist li.row, .forumbg ul.topiclist li.row {
+    background: #f4f4f4;
+    border: 0 solid #e0e0e0;
+    border-radius: 3px;
+    padding: 5px 10px;
+    padding: 5px;
+    margin: 5px 0;
+    padding: 0; }
+    .forabg ul.topiclist li.row.reported, .forumbg ul.topiclist li.row.reported {
+      background-color: #f6f1ea; }
+  li.row .subforums-list ul {
+    list-style-type: none;
+    display: inline;
+    margin: 0; }
+  li.row .subforums-list li {
+    display: inline; }
+    li.row .subforums-list li > span {
+      display: inline; }
+  li.row .forum-mcplink {
+    right: 4px;
+    top: 4px; }
+    .rtl li.row .forum-mcplink {
+      right: auto;
+      left: 4px; }
+
+li.row strong {
+  font-weight: normal; }
+
+li.header dt, li.header dd {
+  border-left-width: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  font-size: 12px;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  line-height: 18px; }
+
+li.header dt {
+  width: 100%;
+  margin-right: -440px; }
+  .forabg li.header dt {
+    font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+    font-weight: 500;
+    font-size: 14px; }
+  li.header dt .list-inner {
+    margin-right: 440px;
+    text-indent: 5px;
+    padding-left: 0; }
+
+li.header dd {
+  padding-left: 1px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+li.header dl dt, li.header dl dd {
+  min-height: 0; }
+
+.forabg li.header dl.row-item dt .list-inner {
+  padding-left: 0;
+  padding-right: 50px; }
+
+.row .list-inner {
+  padding: 4px 0; }
+
+dl.row-item {
+  background-position: 10px 50%;
+  background-repeat: no-repeat;
+  background-size: 36px; }
+
+dl.row-item dt {
+  background-repeat: no-repeat;
+  background-position: 5px 95%;
+  background-size: 17px; }
+
+dl.row-item dt .list-inner {
+  padding-left: 55px;
+  position: relative;
+  padding-top: 5px;
+  padding-bottom: 5px; }
+  li.header dl.row-item dt .list-inner {
+    padding-top: 0;
+    padding-bottom: 0; }
+
+dl.row-item dt .list-inner .topic-status {
+  position: absolute;
+  right: 4px;
+  top: 3px;
+  font-size: 14px;
+  pointer-events: none; }
+  .rtl dl.row-item dt .list-inner .topic-status {
+    right: auto;
+    left: 4px; }
+
+dl.row-item dt .list-inner .topic-status + .topic-status {
+  right: 20px; }
+
+dl.row-item dt, dl.row-item dd {
+  min-height: 42px; }
+
+dl.row-item dt a {
+  display: inline; }
+
+dl.row-item.with-description dt, dl.row-item.with-description dd {
+  min-height: 50px; }
+
+dl a.row-item-link {
+  display: block;
+  width: 36px;
+  height: 36px;
+  padding: 0;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  margin-top: -15px;
+  margin-left: 9px;
+  z-index: 2; }
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
+  width: 80px;
+  text-align: center; }
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark, dd.lastpost.empty {
+  line-height: 34px;
+  font-size: 12px; }
+  .with-description dd.posts, .with-description dd.topics, .with-description dd.views, .with-description dd.extra, .with-description dd.mark, .with-description dd.lastpost.empty {
+    line-height: 42px; }
+
+dd.lastpost.empty br {
+  display: none; }
+
+dd.posts, dd.topics, dd.views {
+  width: 95px; }
+  .elegant-row dd.posts, .elegant-row dd.topics, .elegant-row dd.views {
+    display: none; }
+
+dl.row-item dt ol,
+dl.row-item dt ul {
+  list-style-position: inside;
+  margin-left: 1em; }
+
+dl.row-item dt li {
+  display: list-item;
+  list-style-type: inherit; }
+
+dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
+  width: 250px;
+  font-size: 11px; }
+
+dd.redirect {
+  line-height: 2.5em; }
+
+dd.time {
+  line-height: 200%; }
+
+dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
+  display: block;
+  padding-left: 5px; }
+
+dd.extra, dd.mark {
+  line-height: 200%; }
+
+dd.option {
+  width: 125px;
+  line-height: 200%;
+  text-align: center;
+  font-size: 11px; }
+
+.forum-description {
+  font-size: 13px;
+  padding-top: 2px; }
+
+.forum-statistics {
+  font-size: 11px;
+  padding-top: 2px; }
+
+.forum-lastpost {
+  display: none; }
+  @media (max-width: 550px) {
+    .forum-lastpost {
+      display: block !important;
+      padding-top: 2px;
+      line-height: 1.2;
+      overflow: hidden; } }
+  .forum-lastpost strong, .forum-lastpost span {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap; }
+  .forum-lastpost strong, .forum-lastpost span, .forum-lastpost a.lastsubject {
+    font-weight: normal; }
+  .forum-lastpost strong {
+    display: block;
+    float: left;
+    max-width: 200px;
+    padding-right: 5px; }
+    .rtl .forum-lastpost strong {
+      float: right;
+      padding-right: 0;
+      padding-left: 5px; }
+    @media (max-width: 400px) {
+      .forum-lastpost strong {
+        max-width: 130px; } }
+  .forum-lastpost span {
+    display: inline-block;
+    max-width: 100%; }
+    .forum-lastpost span:after {
+      content: '|';
+      display: inline-block;
+      text-align: center;
+      width: 12px; }
+    .forum-lastpost span:last-of-type:after {
+      display: none; }
+
+.subforums-list {
+  padding-top: 2px; }
+
+.forum-description.toggle {
+  display: none;
+  position: absolute;
+  font-size: 11px;
+  border-radius: 4px;
+  padding: 4px 9px;
+  max-width: 500px;
+  cursor: pointer; }
+  a.forumtitle + .forum-description.toggle, a.topictitle + .forum-description.toggle {
+    left: 55px;
+    top: 25px;
+    z-index: 30; }
+    .rtl a.forumtitle + .forum-description.toggle, .rtl a.topictitle + .forum-description.toggle {
+      left: auto;
+      right: 55px; }
+  .forum-description.toggle a {
+    background: none !important;
+    text-decoration: underline !important;
+    border-width: 0 !important; }
+  .forum-description.toggle span.arrow {
+    position: absolute;
+    line-height: 0;
+    width: 0;
+    height: 0;
+    border: 6px solid transparent;
+    border-left: 1px none transparent;
+    top: 6px;
+    left: -6px;
+    bottom: auto; }
+  .rtl .forum-description.toggle span.arrow {
+    border-left: 6px solid transparent;
+    border-right: 1px none transparent;
+    left: auto;
+    right: -6px; }
+  .forum-description.toggle.no-arrow span.arrow {
+    display: none; }
+
+.postbody {
+  padding: 0;
+  font-size: 11px;
+  line-height: 1.4; }
+  .postprofile + .postbody {
+    float: right;
+    margin-left: -160px;
+    width: 100%;
+    position: relative; }
+    .rtl .postprofile + .postbody {
+      margin-left: 0;
+      margin-right: -160px;
+      float: left; }
+    .search .postprofile + .postbody {
+      margin-left: -260px; }
+      .rtl .search .postprofile + .postbody {
+        margin-left: 0;
+        margin-right: -260px; }
+
+.postprofile + .postbody > div {
+  margin-left: 160px; }
+  .postprofile + .postbody > div:only-child:after {
+    content: ' ';
+    display: table;
+    clear: both; }
+  .rtl .postprofile + .postbody > div {
+    margin-left: 0;
+    margin-right: 160px; }
+  .search .postprofile + .postbody > div {
+    margin-left: 260px; }
+    .rtl .search .postprofile + .postbody > div {
+      margin-left: 0;
+      margin-right: 260px; }
+
+.postbody .ignore {
+  font-size: 13px;
+  line-height: 1.4; }
+
+.postbody h3 {
+  float: left;
+  font-size: 16px;
+  padding: 2px 0 0 0;
+  margin-top: 0 !important;
+  margin-bottom: 0.3em !important;
+  text-transform: none;
+  border: none;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  line-height: 1.25; }
+  .rtl .postbody h3 {
+    float: right; }
+
+.postbody h3 img {
+  vertical-align: bottom; }
+
+.has-profile .postbody h3 {
+  float: none !important;
+  margin-right: 180px; }
+  .rtl .has-profile .postbody h3 {
+    margin-right: 0;
+    margin-left: 180px; }
+
+.postbody .content {
+  font-size: 13px;
+  line-height: 1.4;
+  overflow-x: auto; }
+
+.postbody img.postimage {
+  max-width: 100%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.panel .review {
+  margin-top: 2em; }
+
+.topicreview {
+  padding-right: 5px;
+  overflow: auto;
+  height: 300px; }
+
+.topicreview .postbody {
+  width: auto;
+  float: none;
+  margin: 0;
+  height: auto; }
+
+.topicreview .post {
+  height: auto; }
+
+.topicreview h2 {
+  border-bottom-width: 0; }
+
+.post-ignore .postbody {
+  display: none; }
+
+.post_details {
+  overflow: auto;
+  max-height: 300px; }
+
+.content {
+  clear: both;
+  min-height: 3em;
+  overflow: hidden;
+  line-height: 1.4;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  padding-bottom: 1px; }
+
+.content h2, .panel h2 {
+  font-weight: normal;
+  border-bottom: 1px solid transparent;
+  font-size: 15px;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+  padding-bottom: 0.5em; }
+  .content h2.faq-title, .panel h2.faq-title {
+    margin-top: 5px; }
+
+.panel h3 {
+  margin: 0.5em 0; }
+
+.panel p {
+  font-size: 13px;
+  margin-bottom: 1em;
+  line-height: 1.4; }
+
+.content p {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  margin-bottom: 1em;
+  line-height: 1.4; }
+
+dl.faq, .content dl.faq {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  margin-top: 1em;
+  margin-bottom: 2em;
+  line-height: 1.4; }
+
+dl.faq dt, .content dl.faq dt {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.25;
+  font-weight: normal;
+  margin-bottom: 5px; }
+
+.content dl.faq {
+  margin-bottom: 0.5em; }
+
+.content li {
+  list-style-type: inherit; }
+
+.content ul, .content ol {
+  margin: 0.8em 0 0.9em 3em; }
+
+.posthilit {
+  padding: 0 2px 1px 2px; }
+
+p.author {
+  margin-bottom: 0.3em;
+  padding: 0 0 5px 0;
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px;
+  line-height: 1.4;
+  clear: both; }
+
+.signature {
+  margin-top: 1.5em;
+  padding-top: 0.2em;
+  font-size: 12px;
+  border-top: 1px solid transparent;
+  clear: left;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  line-height: 1.4;
+  overflow: hidden;
+  width: 100%; }
+
+.signature.standalone {
+  border-top-width: 0;
+  margin-top: 0; }
+
+dd .signature {
+  margin: 0;
+  padding: 0;
+  clear: none;
+  border: none; }
+
+.signature li {
+  list-style-type: inherit; }
+
+.signature ul, .signature ol {
+  margin: 0.8em 0 0.9em 3em; }
+
+.notice {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: auto;
+  margin-top: 1.5em;
+  padding-top: 0.2em;
+  font-size: 13px;
+  border-top: 1px dashed transparent;
+  clear: left;
+  line-height: 1.4; }
+
+ul.searchresults {
+  list-style: none;
+  text-align: right;
+  clear: both; }
+  .rtl ul.searchresults {
+    text-align: left; }
+
+blockquote {
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  font-size: 12px;
+  margin: 8px 12px;
+  overflow: hidden;
+  padding: 5px;
+  position: relative; }
+  .rtl blockquote {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+/*blockquote:before {
+	position: absolute;
+	font-family: 'Trebuchet MS';
+	top: 5px;
+	left: 4px;
+	height: 16px;
+	font-size: 30px;
+	line-height: 30px;
+	pointer-events: none;
+}*/
+blockquote blockquote {
+  margin: 5px; }
+
+blockquote cite {
+  font-style: normal;
+  font-weight: bold;
+  display: block;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6; }
+
+blockquote cite:before, .uncited:before {
+  padding-right: 5px; }
+
+blockquote cite > div {
+  float: right;
+  font-weight: normal; }
+
+.postbody .content li blockquote {
+  overflow: inherit;
+  margin-left: 0; }
+
+.codebox {
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  margin: 8px 12px;
+  font-size: 12px;
+  word-wrap: normal; }
+  .rtl .codebox {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+.codebox p {
+  text-transform: uppercase;
+  border-bottom: 1px solid transparent;
+  margin-bottom: 3px;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px !important;
+  line-height: 1.6;
+  font-weight: bold;
+  display: block; }
+
+blockquote .codebox {
+  margin-left: 0; }
+
+.codebox code {
+  overflow: auto;
+  display: block;
+  height: auto;
+  max-height: 200px;
+  padding: 5px 3px;
+  font-family: Monaco, "Andale Mono","Courier New", Courier, mono;
+  font-size: 12px;
+  line-height: 1.3; }
+
+.attachbox {
+  float: left;
+  width: auto;
+  max-width: 100%;
+  margin: 5px 5px 5px 0;
+  padding: 6px;
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  clear: left;
+  box-sizing: border-box; }
+  .rtl .attachbox {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+.attachbox dt {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6;
+  font-weight: 500; }
+
+.attachbox dd {
+  margin-top: 4px;
+  padding-top: 4px;
+  clear: left;
+  border-top: 1px solid transparent;
+  overflow-x: auto; }
+
+.attachbox dd dd {
+  border: none; }
+
+.attachbox p, .attachbox p.stats {
+  line-height: 1.4;
+  font-weight: normal;
+  clear: left; }
+
+.attach-image {
+  margin: 3px 0;
+  max-width: 100%; }
+
+.attach-image img {
+  cursor: default; }
+
+div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
+  display: block;
+  margin-bottom: 4px; }
+
+div.inline-attachment p {
+  font-size: 12px; }
+
+dl.file {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  display: block; }
+
+dl.file dt {
+  text-transform: none;
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6; }
+
+dl.file dd {
+  margin: 0;
+  padding: 0; }
+
+dl.thumbnail img {
+  padding: 3px;
+  border: 1px solid transparent;
+  box-sizing: border-box; }
+
+dl.thumbnail dd {
+  font-style: italic;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+.attachbox dl.thumbnail dd {
+  font-size: 100%; }
+
+dl.thumbnail dt a:hover img {
+  border: 1px solid transparent; }
+
+fieldset.polls {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px; }
+
+fieldset.polls dl {
+  margin: 0;
+  border: 1px solid transparent;
+  border-width: 1px 0;
+  padding: 5px 0;
+  line-height: 1.4; }
+  fieldset.polls dl:first-child {
+    border-top-width: 0; }
+  fieldset.polls dl:last-child {
+    border-bottom-width: 0; }
+
+fieldset.polls dl.voted {
+  font-weight: bold; }
+
+fieldset.polls dt {
+  text-align: left;
+  float: left;
+  display: block;
+  width: 30%;
+  border-right: none;
+  padding: 0;
+  margin: 0;
+  font-size: 13px; }
+
+fieldset.polls dd {
+  float: left;
+  width: 10%;
+  border-left: none;
+  padding: 0 5px;
+  margin-left: 0;
+  font-size: 13px; }
+
+fieldset.polls dd.resultbar {
+  width: 50%; }
+
+fieldset.polls dd input {
+  margin: 2px 0; }
+
+fieldset.polls dd div {
+  text-align: right;
+  font-family: Arial, Helvetica, sans-serif;
+  font-weight: bold;
+  font-size: .9em;
+  padding: 0 3px;
+  overflow: visible;
+  min-width: 8px;
+  border-radius: 2px; }
+
+.vote-submitted {
+  font-size: 15px;
+  font-weight: bold;
+  text-align: center; }
+
+.postprofile {
+  margin: 0;
+  padding: 5px 0;
+  min-height: 80px;
+  border: 0px solid transparent;
+  border-right-width: 1px;
+  width: 150px;
+  float: left;
+  position: relative;
+  box-sizing: border-box;
+  z-index: 2; }
+  .rtl .postprofile {
+    float: right;
+    border-width: 0;
+    border-left-width: 1px; }
+  .search .postprofile {
+    width: 250px; }
+
+.postprofile dd, .postprofile dt {
+  font-size: 11px;
+  line-height: 1.4;
+  margin-right: 8px; }
+  .rtl .postprofile dd, .rtl .postprofile dt {
+    margin-left: 8px;
+    margin-right: 0; }
+
+.postprofile dd {
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+.postprofile strong {
+  font-weight: normal; }
+
+.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
+  margin-bottom: 10px; }
+
+.postprofile .has-avatar .avatar-container {
+  margin-bottom: 3px;
+  overflow: hidden; }
+
+.postprofile .avatar {
+  display: block;
+  float: left;
+  max-width: 100%; }
+  .rtl .postprofile .avatar {
+    float: right; }
+
+.postprofile .avatar img {
+  display: block;
+  height: auto !important;
+  max-width: 100%; }
+
+.postprofile .profile-posts a {
+  font-weight: normal; }
+
+dd.profile-warnings {
+  font-weight: bold; }
+
+dd.profile-contact {
+  overflow: visible; }
+
+.profile-contact .dropdown-container {
+  display: inline-block; }
+
+.profile-contact .icon_contact {
+  vertical-align: middle; }
+
+.profile-contact .dropdown {
+  margin-right: -14px; }
+
+.online-ribbon {
+  display: block;
+  width: 70px;
+  height: 70px;
+  position: absolute;
+  overflow: hidden;
+  top: 0;
+  left: 0;
+  pointer-events: none; }
+  .rtl .online-ribbon {
+    left: auto;
+    right: 0; }
+  .online-ribbon span {
+    display: block;
+    font-weight: 500;
+    font-style: normal;
+    width: 100px;
+    font-size: 11px;
+    line-height: 18px;
+    height: 18px;
+    text-align: center;
+    position: absolute;
+    top: 17px;
+    white-space: nowrap;
+    left: -25px;
+    -webkit-transform: rotate(-45deg);
+    -ms-transform: rotate(-45deg);
+    transform: rotate(-45deg); }
+    .online-ribbon span + span {
+      opacity: .75;
+      z-index: 29; }
+    .rtl .online-ribbon span {
+      left: auto;
+      right: -25px;
+      -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+      transform: rotate(45deg); }
+
+.panel.online > .inner {
+  position: relative;
+  z-index: 2; }
+
+.no-avatar .avatar-container {
+  display: block;
+  width: 92px;
+  height: 92px;
+  background: transparent none 50% 50% no-repeat;
+  background-size: cover; }
+
+.profile-avatar img {
+  max-width: 100%; }
+
+dl.pmlist dt {
+  width: 60% !important; }
+
+dl.pmlist dt textarea {
+  width: 95%; }
+
+dl.pmlist dd {
+  margin-left: 61% !important;
+  margin-bottom: 2px; }
+
+.action-bar div.dl_links {
+  padding: 10px 0 0 10px; }
+
+div.dl_links {
+  display: inline-block;
+  text-transform: none; }
+
+.dl_links strong {
+  font-weight: bold; }
+
+.dl_links ul {
+  list-style-type: none;
+  margin: 0;
+  display: inline-block; }
+
+.dl_links li {
+  display: inline-block; }
+
+.attachment-filename {
+  width: 100%; }
+
+.ellipsis-text {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+table.fixed-width-table {
+  table-layout: fixed; }
+
+.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  -webkit-appearance: none;
+  border-radius: 3px; }
+
+.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+  border-radius: 3px; }
+
+#memberlist tr.inactive, #team tr.inactive {
+  font-style: italic; }
+
+a.post {
+  display: inline !important;
+  background: none !important;
+  box-shadow: none !important;
+  border: none !important; }
+
+.button {
+  display: inline-block;
+  padding: 2px 8px;
+  font-size: 14px;
+  font-weight: 600;
+  font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+  line-height: 18px;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  border: 1px solid transparent;
+  border-radius: 4px; }
+  .button > strong {
+    font-weight: 600; }
+
+.button:focus,
+.button:hover {
+  text-decoration: none;
+  outline: none; }
+
+.caret {
+  border-left: 1px solid;
+  position: relative;
+  right: -6px; }
+
+.caret i {
+  vertical-align: top; }
+
+/* Posting page styles
+----------------------------------------*/
+.button-search,
+.button-search-end {
+  float: left;
+  border-radius: 0;
+  margin: 0;
+  padding: 2px 5px; }
+
+.button-search-end {
+  border-left-width: 0;
+  border-radius: 0 4px 4px 0; }
+
+.search-header .button-search,
+.search-header .button-search-end {
+  border-top-width: 0;
+  border-bottom-width: 0;
+  padding: 3px 5px; }
+
+.search-header .button-search-end {
+  border-right-width: 0; }
+
+.button-icon-only {
+  padding-left: 3px;
+  padding-right: 3px; }
+
+.contact-icons.dropdown-contents {
+  min-width: 0;
+  padding: 0;
+  font-size: 0; }
+
+.contact-icon {
+  position: relative;
+  display: block;
+  height: 16px;
+  width: 16px; }
+  .contact-icon:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    text-align: center;
+    font-family: FontAwesome;
+    font-size: 14px;
+    line-height: 16px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+
+.contact-icons a {
+  border-bottom: 1px dotted;
+  border-right: 1px dotted;
+  display: block;
+  float: left;
+  padding: 8px; }
+
+.contact-icons .last-cell {
+  border-right: none; }
+
+.contact-icons div:last-child a {
+  border-bottom: none; }
+
+.contact-icons div {
+  clear: left; }
+
+.pm-icon:after {
+  content: '\f086'; }
+
+.email-icon:after {
+  content: '\f0e0'; }
+
+.jabber-icon:after {
+  content: '\f0eb';
+  font-size: 16px; }
+
+.phpbb_icq-icon:after {
+  content: '\f013'; }
+
+.phpbb_wlm-icon:after {
+  content: '\f007'; }
+
+.phpbb_aol-icon:after {
+  content: '\f2bb'; }
+
+.phpbb_website-icon:after {
+  content: '\f08e'; }
+
+.phpbb_youtube-icon:after {
+  content: '\f16a'; }
+
+.phpbb_facebook-icon:after {
+  content: '\f230'; }
+
+.phpbb_googleplus-icon:after {
+  content: '\f0d5'; }
+
+.phpbb_skype-icon:after {
+  content: '\f17e'; }
+
+.phpbb_twitter-icon:after {
+  content: '\f099'; }
+
+.phpbb_yahoo-icon:after {
+  content: '\f19e'; }
+
+.post-buttons {
+  float: right;
+  list-style: none;
+  margin-top: 2px; }
+  .rtl .post-buttons {
+    float: left; }
+
+.has-profile .post-buttons {
+  float: none;
+  position: absolute;
+  margin: 0;
+  top: 5px;
+  right: 0; }
+  .rtl .has-profile .post-buttons {
+    left: 0; }
+  .rtl .has-profile .post-buttons {
+    right: auto; }
+
+.post-buttons > li {
+  float: left;
+  margin-right: 3px; }
+
+.post-buttons .button, .format-buttons .button {
+  padding-left: 3px;
+  padding-right: 3px; }
+
+.hastouch .post-buttons {
+  margin-right: 10px; }
+
+.post-buttons .button span {
+  font-size: 0; }
+
+.post-buttons .dropdown {
+  top: 20px; }
+
+.post-buttons .dropdown a {
+  display: block;
+  font-size: 12px;
+  line-height: 1.4;
+  text-align: left;
+  margin-left: 18px;
+  position: relative; }
+  .post-buttons .dropdown a:before {
+    position: absolute;
+    left: -16px;
+    top: 50%;
+    height: 12px;
+    line-height: 14px;
+    margin: -6px 0 0;
+    pointer-events: none;
+    color: inherit; }
+  .rtl .post-buttons .dropdown a {
+    text-align: right; }
+
+.hasjs .postbody .post-buttons {
+  max-width: 40%; }
+
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+/* Deprecated as of version 3.2
+-------------------------------------------------*/
+.small-icon {
+  background-position: 0 50%;
+  background-repeat: no-repeat;
+  background-image: none; }
+
+.dropdown .small-icon {
+  background-position: 5px 50%;
+  padding: 5px; }
+
+.small-icon > a {
+  padding: 0 0 0 18px; }
+
+ul.linklist.bulletin > li.small-icon:before {
+  display: none; }
+
+.dropdown .small-icon > a {
+  display: block; }
+
+.rtl .small-icon {
+  background-position: 100% 50%; }
+
+.rtl .small-icon > a {
+  padding-left: 0;
+  padding-right: 19px; }
+
+.cp-menu {
+  float: left;
+  width: 19%;
+  margin: 0 -2px;
+  padding-right: 7px;
+  box-sizing: border-box; }
+  .rtl .cp-menu {
+    float: right;
+    padding-left: 7px;
+    padding-right: 0; }
+
+.cp-main {
+  float: left;
+  width: 81%; }
+  .rtl .cp-main {
+    float: right; }
+
+.cp-main .content {
+  padding: 0; }
+
+.panel-container .panel {
+  margin-bottom: 10px; }
+
+.panel-container .panel p {
+  font-size: 13px;
+  line-height: 1.4; }
+
+.panel-container .panel ol {
+  margin-left: 2em;
+  font-size: 13px; }
+
+.panel-container .panel li.row {
+  border-bottom: 1px solid transparent;
+  border-top: 1px solid transparent; }
+
+ul.cplist {
+  margin-bottom: 5px;
+  border-top: 1px solid transparent; }
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+  margin-bottom: 2px; }
+
+.panel-container table.table1 {
+  margin-bottom: 1em; }
+
+.panel-container table.table1 thead th {
+  background: transparent;
+  color: inherit;
+  padding: 5px;
+  font-weight: bold;
+  font-size: inherit;
+  line-height: inherit; }
+
+.panel-container table.table1 tbody th {
+  font-style: italic;
+  background-color: transparent !important;
+  border-bottom: none; }
+
+.cp-main .pm-message {
+  border: 1px solid transparent;
+  margin: 10px 0;
+  width: auto;
+  float: none; }
+
+.pm-message h2 {
+  padding-bottom: 5px; }
+
+.cp-main .postbody h3, .cp-main .box2 h3 {
+  margin-top: 0; }
+
+.panel-container .postbody p.author {
+  font-size: 11px; }
+
+.cp-main .buttons {
+  margin-left: 0; }
+
+.cp-main ul.linklist {
+  margin: 0; }
+
+.mcp-main .postbody {
+  width: 100%; }
+
+.tabs-container h2 {
+  float: left;
+  margin-bottom: 0px; }
+
+.tabs, .minitabs {
+  line-height: normal; }
+
+.tabs > ul, .minitabs > ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  position: relative; }
+
+.tabs .tab, .minitabs .tab {
+  display: block;
+  float: left;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 26px; }
+
+.tabs .tab > a, .minitabs .tab > a {
+  display: block;
+  padding: 0 9px;
+  position: relative;
+  text-decoration: none;
+  white-space: nowrap;
+  cursor: pointer;
+  font-size: inherit;
+  line-height: inherit; }
+
+.tabs {
+  margin: 20px 0 0 7px; }
+
+.tabs .tab > a {
+  border: 1px solid transparent;
+  border-radius: 4px 4px 0 0;
+  margin: 1px 1px 0 0; }
+
+.tabs .activetab > a {
+  margin-top: 0;
+  padding-bottom: 2px; }
+
+.minitabs {
+  float: right;
+  margin: 15px 7px 0 0;
+  max-width: 50%; }
+
+.minitabs .tab {
+  float: right; }
+
+.minitabs .tab > a {
+  border-radius: 5px 5px 0 0;
+  margin-left: 2px; }
+
+.minitabs .tab > a:hover {
+  text-decoration: none; }
+
+.responsive-tab {
+  position: relative; }
+
+.responsive-tab > a.responsive-tab-link {
+  display: block;
+  font-size: 16px;
+  position: relative;
+  width: 16px;
+  line-height: 14px;
+  text-decoration: none; }
+.responsive-tab > a.responsive-tab-link:before {
+  content: '\f0c9';
+  font-family: FontAwesome;
+  position: absolute;
+  left: 10px;
+  top: 50%;
+  margin-top: -7px;
+  width: 14px;
+  font-size: 13px;
+  line-height: 15px;
+  height: 15px;
+  text-align: center;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0; }
+.dropdown-visible.responsive-tab > a.responsive-tab-link:before, .responsive-tab > a.responsive-tab-link:hover:before {
+  font-family: FontAwesome;
+  content: '\f078'; }
+
+.tabs .dropdown, .minitabs .dropdown {
+  top: 28px;
+  margin-right: -2px;
+  font-size: 12px;
+  line-height: 1.4;
+  font-weight: normal; }
+
+.minitabs .dropdown {
+  margin-right: -4px; }
+
+.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
+  bottom: 28px;
+  top: auto; }
+
+.tabs .dropdown li {
+  text-align: right; }
+
+.minitabs .dropdown li {
+  text-align: left; }
+
+.navigation {
+  width: 100%; }
+  .navigation hr {
+    display: none; }
+    .navigation hr + ul {
+      margin-top: 10px; }
+
+.navigation ul {
+  list-style: none; }
+
+.navigation li {
+  display: inline;
+  font-weight: bold;
+  margin: 1px 0;
+  padding: 0; }
+
+.navigation a {
+  display: block;
+  padding: 5px;
+  margin: 2px 0;
+  border-radius: 1px;
+  text-decoration: none;
+  font-size: 11px;
+  line-height: 1.4; }
+
+.navigation a:hover {
+  text-decoration: none; }
+
+.cp-main h2 {
+  border-bottom: none;
+  padding: 0;
+  margin-left: 10px; }
+
+.cp-mini {
+  margin: 10px 15px 10px 5px;
+  max-height: 200px;
+  overflow-y: auto;
+  padding: 5px 10px;
+  border-radius: 3px; }
+
+dl.mini dt {
+  font-weight: bold; }
+
+dl.mini dd {
+  padding-top: 4px; }
+
+.friend-online {
+  font-weight: bold; }
+
+.friend-offline {
+  font-style: italic; }
+
+ol.def-rules {
+  padding-left: 0; }
+
+ol.def-rules li {
+  line-height: 180%;
+  padding: 1px; }
+
+.pmlist li.bg1 {
+  padding: 0 3px; }
+
+.pmlist li.bg2 {
+  padding: 0 3px; }
+
+/* DEPRECATED 3.2.6
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: transparent;
+	border-right-color: transparent;
+}
+*/
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour,
+.pmlist li.pm_marked_colour, .pm_marked_colour,
+.pmlist li.pm_replied_colour, .pm_replied_colour,
+.pmlist li.pm_friend_colour, .pm_friend_colour,
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+  padding: 0;
+  border: solid 3px transparent;
+  border-width: 0 3px; }
+
+.pm-legend {
+  border-left-width: 10px;
+  border-left-style: solid;
+  border-right-width: 0;
+  margin-bottom: 3px;
+  padding-left: 3px; }
+
+.gallery label {
+  position: relative;
+  float: left;
+  margin: 10px;
+  padding: 5px;
+  width: auto;
+  border: 1px solid transparent;
+  text-align: center; }
+
+@media (max-width: 900px) {
+  .nojs .tabs a span, .nojs .minitabs a span {
+    max-width: 40px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    letter-spacing: -.5px; }
+
+  .cp-menu, .navigation, .cp-main {
+    float: none;
+    width: auto;
+    margin: 0; }
+
+  .cp-menu:after {
+    content: ' ';
+    display: table;
+    clear: both; }
+
+  .navigation {
+    padding: 0;
+    max-width: 320px; }
+    .cp-menu .navigation {
+      margin: 0 10px;
+      float: left; } }
+    @media (max-width: 900px) and (max-width: 450px) {
+      .cp-menu .navigation {
+        float: none;
+        margin: 0 auto; } }
+@media (max-width: 900px) {
+    .navigation, .cp-menu .navigation:only-child {
+      float: none;
+      margin: 0 auto; }
+    .cp-menu .navigation + .cp-mini {
+      float: left;
+      margin: 0 10px;
+      max-width: 220px; } }
+    @media (max-width: 900px) and (max-width: 450px) {
+      .cp-menu .navigation + .cp-mini {
+        float: none;
+        margin: 10px auto 0; } }
+
+@media (max-width: 900px) {
+  .navigation a {
+    background-image: none; }
+
+  .navigation li:first-child a {
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px; }
+
+  .navigation li:last-child a {
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px; } }
+fieldset {
+  border-width: 0;
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px; }
+
+input {
+  font-weight: normal;
+  vertical-align: middle;
+  padding: 0 3px;
+  font-size: 12px;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+select {
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  cursor: pointer;
+  vertical-align: middle;
+  border: 1px solid transparent;
+  border-radius: 2px;
+  padding: 1px;
+  font-size: 12px; }
+
+select:focus {
+  outline-style: none; }
+
+option {
+  padding-right: 1em; }
+
+select optgroup option {
+  padding-right: 1em;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+textarea {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: 60%;
+  padding: 2px;
+  font-size: 13px;
+  line-height: 1.4;
+  border-radius: 2px;
+  -webkit-appearance: none; }
+
+label {
+  cursor: default;
+  padding-right: 5px; }
+
+label input {
+  vertical-align: middle; }
+
+label img {
+  vertical-align: middle; }
+
+fieldset dl {
+  padding: 4px 0; }
+
+fieldset dt {
+  float: left;
+  width: 40%;
+  text-align: left;
+  display: block; }
+
+fieldset dd {
+  margin-left: 41%;
+  vertical-align: top;
+  margin-bottom: 3px; }
+
+fieldset.fields1 dt {
+  width: 15em;
+  border-right-width: 0; }
+
+fieldset.fields1 dd {
+  margin-left: 15em;
+  border-left-width: 0; }
+
+fieldset.fields1 div {
+  margin-bottom: 3px; }
+
+fieldset.fields1 .live-search div {
+  margin-bottom: 0; }
+
+fieldset.fields2 dt {
+  width: 15em;
+  border-right-width: 0; }
+
+fieldset.fields2 dd {
+  margin-left: 16em;
+  border-left-width: 0; }
+
+dt label {
+  font-weight: bold;
+  text-align: left; }
+
+dd label {
+  white-space: nowrap; }
+
+dd input, dd textarea {
+  margin-right: 3px; }
+
+dd select {
+  width: auto; }
+
+dd select[multiple] {
+  width: 100%; }
+
+dd textarea {
+  width: 85%; }
+
+.timezone {
+  width: 95%; }
+
+/* Browser-specific tweaks */
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+fieldset.quick-login {
+  margin-top: 5px; }
+
+fieldset.quick-login input {
+  width: auto; }
+
+fieldset.quick-login input.inputbox {
+  width: 15%;
+  vertical-align: middle;
+  margin-right: 5px; }
+
+fieldset.quick-login label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.display-options {
+  text-align: center;
+  margin: 3px 0 5px 0; }
+
+fieldset.display-options label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.display-options a {
+  margin-top: 3px; }
+
+.dropdown fieldset.display-options {
+  font-size: 1em;
+  margin: 0;
+  padding: 0; }
+
+.dropdown fieldset.display-options label {
+  display: block;
+  margin: 4px;
+  padding: 0;
+  text-align: right;
+  white-space: nowrap; }
+
+.dropdown fieldset.display-options select {
+  min-width: 120px; }
+
+fieldset.display-actions {
+  text-align: right;
+  line-height: 2em;
+  white-space: nowrap;
+  padding-right: 1em; }
+
+fieldset.display-actions label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.sort-options {
+  line-height: 2em; }
+
+fieldset.forum-selection {
+  margin: 5px 0 3px 0;
+  float: right; }
+
+fieldset.forum-selection2 {
+  margin: 13px 0 3px 0;
+  float: right; }
+
+fieldset.submit-buttons {
+  text-align: center;
+  vertical-align: middle;
+  margin: 5px 0; }
+
+fieldset.submit-buttons input {
+  vertical-align: middle; }
+
+.format-buttons {
+  margin: 15px 0 2px 0; }
+
+.format-buttons input, .format-buttons select {
+  vertical-align: middle; }
+
+.message-box {
+  width: 80%; }
+
+.message-box textarea {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: 450px;
+  height: 270px;
+  min-width: 100%;
+  max-width: 100%;
+  font-size: 13px;
+  line-height: 1.4;
+  resize: vertical;
+  outline: 3px dashed transparent;
+  outline-offset: -4px;
+  -webkit-transition: all .5s ease, height 1ms linear;
+  -moz-transition: all .5s ease, height 1ms linear;
+  -ms-transition: all .5s ease, height 1ms linear;
+  -o-transition: all .5s ease, height 1ms linear;
+  transition: all .5s ease, height 1ms linear; }
+
+.smiley-box {
+  width: 18%;
+  float: right; }
+
+.smiley-box img {
+  margin: 3px; }
+
+.inputbox {
+  border: 1px solid transparent;
+  padding: 2px;
+  border-radius: 2px;
+  -webkit-appearance: none; }
+
+.inputbox:hover, .inputbox:focus {
+  border: 1px solid transparent;
+  outline-style: none; }
+
+input.inputbox {
+  width: 85%; }
+
+input.medium {
+  width: 50%; }
+
+input.narrow {
+  width: 25%; }
+
+input.tiny {
+  width: 150px; }
+
+textarea.inputbox {
+  width: 85%; }
+
+.autowidth {
+  width: auto !important; }
+
+input[type="number"] {
+  -moz-padding-end: 0; }
+
+input[type="search"] {
+  -webkit-appearance: none;
+  -webkit-box-sizing: content-box; }
+
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
+  display: none; }
+
+input[type="search"]::-webkit-search-cancel-button {
+  cursor: pointer; }
+
+input.button1, input.button2 {
+  font-size: 13px; }
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+  width: auto !important;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
+  background: transparent none repeat-x top left;
+  line-height: 1.5;
+  border-radius: 3px;
+  font-size: 13px; }
+  .format-buttons a.button1, .format-buttons input.button1, .format-buttons input.button3, .format-buttons a.button2, .format-buttons input.button2 {
+    font-size: 12px; }
+
+a.button1, input.button1 {
+  font-weight: bold;
+  border: 1px solid transparent; }
+
+input.button3 {
+  padding: 0;
+  margin: 0;
+  line-height: 5px;
+  height: 12px;
+  background-image: none;
+  font-variant: small-caps; }
+
+input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li {
+  cursor: pointer; }
+
+a.button2, input.button2, input.button3 {
+  border: 1px solid transparent; }
+
+a.button1, a.button2 {
+  text-decoration: none;
+  padding: 0 3px;
+  vertical-align: text-bottom; }
+
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+  border: 1px solid transparent; }
+
+input.disabled {
+  font-weight: normal; }
+
+input.button1:focus, input.button2:focus, input.button3:focus {
+  outline-style: none; }
+
+.search-box {
+  float: left; }
+
+.search-box .inputbox {
+  background-image: none;
+  border-right-width: 0;
+  border-radius: 4px 0 0 4px;
+  float: left;
+  height: 24px;
+  padding: 3px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  .rtl .search-box .inputbox {
+    border-radius: 0 4px 4px 0; }
+
+.search-header {
+  border-radius: 4px;
+  display: block;
+  border: 1px solid transparent; }
+  .navbar.with-search .search-header {
+    margin-top: 1px; }
+  .headerbar .search-header {
+    position: absolute;
+    top: 50%;
+    right: 5px;
+    margin-top: -13px; }
+
+.search-header .inputbox {
+  border: 0; }
+
+.navbar .linklist > li.responsive-search {
+  display: none; }
+
+.full {
+  width: 95%; }
+
+.medium {
+  width: 50%; }
+
+.narrow {
+  width: 25%; }
+
+.tiny {
+  width: 10%; }
+
+.icon-search-new, .icon-search-unanswered, .icon-search-unread, .icon-search-self, .icon-search, .icon-search-active, .icon-search-advanced, .icon-acp, .icon-bookmark, .icon-bump, .icon-contact, .icon-delete-cookies, .icon-download, .icon-faq, .icon-home, .icon-logout, .icon-login, .icon-mark, .icon-mcp, .icon-members, .icon-notification, .icon-pages, .icon-pm, .icon-print, .icon-profile, .icon-register, .icon-sendemail, .icon-subscribe, .icon-team, .icon-ucp, .icon-unsubscribe, .icon-new-posts, .icon-forums, .icon-chat, .icon-time, .icon-thanks, .icon-thanks_toplist {
+  position: relative;
+  background-image: none; }
+  .icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 0;
+    height: 14px;
+    margin-top: -7px;
+    text-align: center;
+    font-size: 12px;
+    line-height: 14px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+  .small-icon.icon-search-new:after, .small-icon.icon-search-unanswered:after, .small-icon.icon-search-unread:after, .small-icon.icon-search-self:after, .small-icon.icon-search:after, .small-icon.icon-search-active:after, .small-icon.icon-search-advanced:after, .small-icon.icon-acp:after, .small-icon.icon-bookmark:after, .small-icon.icon-bump:after, .small-icon.icon-contact:after, .small-icon.icon-delete-cookies:after, .small-icon.icon-download:after, .small-icon.icon-faq:after, .small-icon.icon-home:after, .small-icon.icon-logout:after, .small-icon.icon-login:after, .small-icon.icon-mark:after, .small-icon.icon-mcp:after, .small-icon.icon-members:after, .small-icon.icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .small-icon.icon-notification:after, .small-icon.icon-pages:after, .small-icon.icon-pm:after, .small-icon.icon-print:after, .small-icon.icon-profile:after, .small-icon.icon-register:after, .small-icon.icon-sendemail:after, .small-icon.icon-subscribe:after, .small-icon.icon-team:after, .small-icon.icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .small-icon.icon-ucp:after, .small-icon.icon-unsubscribe:after, .small-icon.icon-new-posts:after, .small-icon.icon-forums:after, .small-icon.icon-chat:after, .small-icon.icon-time:after, .small-icon.icon-thanks:after, .small-icon.icon-thanks_toplist:after {
+    width: 18px;
+    text-align: center; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+  font-family: FontAwesome; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after {
+  content: '\f002'; }
+
+.icon-acp:after {
+  content: '\f085'; }
+
+.icon-bookmark:after {
+  content: '\f02e';
+  margin-left: -1px;
+  margin-right: -1px; }
+
+.icon-bump:after {
+  content: '\f079'; }
+
+.icon-contact:after {
+  content: '\f0e0'; }
+
+.icon-delete-cookies:after {
+  content: '\f014'; }
+
+.icon-download:after {
+  content: '\f019'; }
+
+.icon-faq:after {
+  content: '\f059'; }
+
+.icon-home:after {
+  content: '\f015'; }
+.icon-home.breadcrumbs:after {
+  text-align: left; }
+
+.icon-logout:after {
+  content: '\f08b'; }
+
+.icon-login:after {
+  content: '\f090'; }
+
+.icon-mark:after {
+  content: '\f046'; }
+
+.icon-mcp:after {
+  content: '\f0e3'; }
+
+.icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before {
+  content: '\f007'; }
+.icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before {
+  display: block;
+  font-size: 10px;
+  padding: 0;
+  padding-left: 4px;
+  padding-top: 1px;
+  opacity: .7; }
+
+.icon-notification:after {
+  content: '\f0a2'; }
+.icon-notification.non-zero:after {
+  content: '\f0f3'; }
+
+.icon-pages:after {
+  content: '\f0c5'; }
+
+.icon-pm:after {
+  content: '\f003'; }
+.icon-pm.non-zero:after {
+  content: '\f0e0'; }
+
+.icon-print:after {
+  content: '\f02f'; }
+
+.icon-profile:after {
+  content: '\f007'; }
+
+.icon-register:after {
+  content: '\f234'; }
+
+.icon-sendemail:after {
+  content: '\f003'; }
+
+.icon-subscribe:after {
+  content: '\f05d'; }
+
+.icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before {
+  content: '\f007'; }
+.icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before {
+  display: block;
+  font-size: 10px;
+  padding: 0;
+  white-space: nowrap;
+  padding-top: 1px;
+  opacity: .7;
+  content: '\f007\f007'; }
+
+.icon-ucp:after {
+  content: '\f0ad'; }
+
+.icon-unsubscribe:after {
+  content: '\f05c'; }
+
+.icon-new-posts:after {
+  content: '\f086'; }
+
+.icon-forums:after {
+  content: '\f075'; }
+
+.icon-chat:after {
+  content: '\f086'; }
+
+.icon-time:after {
+  content: '\f017'; }
+
+.icon-thanks {
+  background-image: none !important; }
+  .icon-thanks:after {
+    content: '\f087'; }
+
+.icon-thanks_toplist {
+  background-image: none !important; }
+  .icon-thanks_toplist:after {
+    content: '\f005'; }
+
+@media (max-width: 320px) {
+  select, .inputbox {
+    max-width: 240px; } }
+/* Notifications list
+----------------------------------------*/
+@media (max-width: 350px) {
+  .dropdown-extended .dropdown-contents {
+    width: auto; } }
+@media (max-width: 430px) {
+  .action-bar .search-box .inputbox {
+    width: 120px; }
+
+  .section-viewtopic .search-box .inputbox {
+    width: 57px; }
+
+  .action-bar .search-box .inputbox ::-moz-placeholder {
+    content: "Search..."; }
+
+  .action-bar .search-box .inputbox :-ms-input-placeholder {
+    content: "Search..."; }
+
+  .action-bar .search-box .inputbox ::-webkit-input-placeholder {
+    content: "Search..."; } }
+@media (max-width: 500px) {
+  dd label {
+    white-space: normal; }
+
+  select, .inputbox {
+    max-width: 260px; }
+
+  .captcha-panel dd.captcha {
+    margin-left: 0; }
+
+  .captcha-panel dd.captcha-image img {
+    width: 100%; }
+
+  dl.details dt, dl.details dd {
+    width: auto;
+    float: none;
+    text-align: left; }
+
+  dl.details dd {
+    margin-left: 20px; }
+
+  p.responsive-center {
+    float: none;
+    text-align: center;
+    margin-bottom: 5px; }
+
+  .action-bar > div {
+    margin-bottom: 5px; }
+
+  .action-bar > .pagination {
+    float: none;
+    clear: both;
+    padding-bottom: 1px;
+    text-align: center; }
+
+  .action-bar > .pagination li.page-jump {
+    margin: 0 2px; }
+
+  p.jumpbox-return {
+    display: none; }
+
+  .display-options > label:nth-child(1) {
+    display: block;
+    margin-bottom: 5px; }
+
+  .attach-controls {
+    margin-top: 5px;
+    width: 100%; }
+
+  .quick-links .dropdown-trigger span {
+    display: none; } }
+@media (max-width: 550px) {
+  ul.topiclist.forums dt {
+    margin-right: 0; }
+
+  ul.topiclist.forums dt .list-inner {
+    margin-right: 0; }
+
+  ul.topiclist.forums dd.lastpost {
+    display: none; } }
+@media (max-width: 700px) {
+  .responsive-hide {
+    display: none !important; }
+
+  .responsive-show {
+    display: block !important; }
+
+  .responsive-show-inline {
+    display: inline !important; }
+
+  .responsive-show-inline-block {
+    display: inline-block !important; }
+
+  /* Content wrappers
+  ----------------------------------------*/
+  html {
+    height: auto; }
+
+  body {
+    padding: 0; }
+
+  #wrap {
+    border: none;
+    border-radius: 0;
+    margin: 0;
+    padding: 0 5px; }
+
+  .page-width, .navbar .inner.static > .static-inner {
+    min-width: 290px;
+    margin: 0; }
+
+  .navbar .inner.static > .static-inner,
+  #wrap .navbar .inner.static > .static-inner {
+    padding: 0; }
+
+  .forabg, .forumbg, .post, .panel {
+    border-radius: 0;
+    margin-left: -5px;
+    margin-right: -5px; }
+
+  .headerbar, .navbar {
+    border-radius: 0; }
+
+  #wrap .headerbar, #wrap .navbar {
+    margin-left: -5px;
+    margin-right: -5px; }
+
+  .cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
+    border-radius: 0; }
+
+  .navbar.tabbed .nav-tabs, .navbar.tabbed .nav-tabs .tab {
+    border-radius: 0 !important; }
+
+  .site-description {
+    float: none;
+    width: auto;
+    text-align: center; }
+
+  .logo {
+    float: none;
+    margin: 0 auto;
+    padding: 10px; }
+    .logo img {
+      margin: 0 auto; }
+
+  .site-description h1, .site-description p, .site-description p.sitename {
+    text-align: inherit;
+    float: none;
+    margin: 5px;
+    line-height: 1.2em;
+    overflow: hidden;
+    text-overflow: ellipsis; }
+
+  .site-description p, .headerbar .search-header {
+    display: none; }
+
+  .responsive-search {
+    display: block !important; }
+
+  ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
+    margin-right: 0 !important;
+    padding-right: 0; }
+
+  ul.topiclist li.header dd {
+    display: none !important; }
+
+  ul.topiclist dt, ul.topiclist dt .list-inner,
+  ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
+  ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
+  ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
+    margin-right: 0; }
+
+  ul.topiclist dt .list-inner.with-mark {
+    padding-right: 34px; }
+
+  ul.topiclist dt .list-inner {
+    min-height: 28px; }
+
+  ul.topiclist li.header dt .list-inner {
+    min-height: 0; }
+
+  ul.topiclist dd {
+    display: none; }
+
+  ul.topiclist dd.mark {
+    display: block; }
+
+  /* Forums and topics lists
+  ----------------------------------------*/
+  ul.topiclist.forums dt {
+    margin-right: -250px; }
+
+  ul.topiclist dd.mark {
+    display: block;
+    position: absolute;
+    right: 5px;
+    top: 0;
+    margin: 0;
+    width: auto;
+    min-width: 0;
+    text-align: left; }
+
+  ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
+    position: relative;
+    left: 0;
+    width: auto;
+    display: inline;
+    font-weight: normal; }
+
+  li.row .responsive-show strong {
+    font-weight: bold;
+    color: inherit; }
+
+  ul.topiclist li.row dt a.subforum {
+    vertical-align: bottom;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100px; }
+
+  /* Pagination
+  ----------------------------------------*/
+  .pagination > ul {
+    margin: 5px 0 0; }
+
+  .row .pagination .ellipsis + li {
+    display: none !important; }
+
+  /* Responsive tables
+  ----------------------------------------*/
+  table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
+    display: block; }
+
+  table.responsive thead, table.responsive th {
+    display: none; }
+
+  table.responsive.show-header thead, table.responsive.show-header th:first-child {
+    display: block;
+    width: auto !important;
+    text-align: left !important;
+    border-radius: 0; }
+
+  table.responsive.show-header th:first-child span.rank-img {
+    display: none; }
+
+  table.responsive tr {
+    margin: 2px 0; }
+
+  table.responsive td {
+    width: auto !important;
+    text-align: left !important;
+    padding: 4px; }
+
+  table.responsive td.empty {
+    display: none !important; }
+
+  table.responsive td > dfn {
+    display: inline-block !important; }
+
+  table.responsive td > dfn:after {
+    content: ':';
+    padding-right: 5px; }
+
+  table.responsive span.rank-img {
+    float: none;
+    padding-right: 5px; }
+
+  table.responsive.memberlist td:first-child input[type="checkbox"] {
+    float: right; }
+
+  /* Forms
+  ----------------------------------------*/
+  fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
+    width: auto;
+    float: none; }
+
+  fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
+    margin-left: 0px; }
+
+  textarea, dd textarea, .message-box textarea {
+    width: 100%;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box; }
+
+  dl.pmlist dt {
+    width: auto !important;
+    margin-bottom: 5px; }
+
+  dl.pmlist dd {
+    display: inline-block;
+    margin-left: 0 !important; }
+
+  dl.pmlist dd:first-of-type {
+    padding-left: 20px; }
+
+  .smiley-box, .message-box {
+    float: none;
+    width: auto; }
+
+  .smiley-box {
+    margin-top: 5px; }
+
+  .bbcode-status {
+    display: none; }
+
+  .colour-palette, .colour-palette tbody, .colour-palette tr {
+    display: block; }
+
+  .colour-palette td {
+    display: inline-block;
+    margin-right: 2px; }
+
+  .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
+    display: none; }
+
+  fieldset.quick-login label {
+    display: block;
+    margin-bottom: 5px;
+    white-space: normal; }
+
+  fieldset.quick-login label > span {
+    display: inline-block;
+    min-width: 100px; }
+
+  fieldset.quick-login input.inputbox {
+    width: 85%;
+    max-width: 300px;
+    margin-left: 20px; }
+
+  fieldset.quick-login label[for="autologin"] {
+    display: inline-block;
+    text-align: right;
+    min-width: 50%; }
+
+  /* User profile
+  ----------------------------------------*/
+  .column1, .column2, .left-box.profile-details {
+    float: none;
+    width: auto;
+    clear: both; }
+
+  /* Polls
+  ----------------------------------------*/
+  fieldset.polls dt {
+    width: 90%; }
+
+  fieldset.polls dd.resultbar {
+    padding-left: 20px; }
+
+  fieldset.polls dd.poll_option_percent {
+    width: 20%; }
+
+  fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
+    margin-top: 5px; }
+
+  /* Post
+  ----------------------------------------*/
+  .postbody {
+    position: inherit; }
+
+  .postprofile + .postbody {
+    float: none;
+    position: inherit;
+    width: auto; }
+
+  .postprofile, .postbody, .search .postbody {
+    display: block;
+    width: auto;
+    float: none;
+    padding: 0;
+    min-height: 0; }
+
+  .post .postprofile {
+    width: auto;
+    border-width: 0 0 1px 0;
+    padding-bottom: 5px;
+    margin: 0;
+    margin-bottom: 5px;
+    min-height: 40px;
+    overflow: hidden;
+    z-index: auto !important; }
+
+  .postprofile dd {
+    display: none; }
+
+  .postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
+    display: block;
+    margin: 0; }
+
+  .postprofile .has-avatar .avatar-container,
+  .postprofile .no-avatar .avatar-container {
+    margin: 0;
+    overflow: inherit;
+    float: left;
+    padding-right: 5px; }
+
+  .postprofile .avatar-container:after {
+    clear: none; }
+
+  .postprofile .avatar, .postprofile .no-avatar .avatar-container {
+    margin-right: 5px; }
+
+  .postprofile .avatar img {
+    width: auto !important;
+    height: auto !important;
+    max-height: 32px; }
+
+  .no-avatar .avatar-container {
+    width: 32px;
+    height: 32px; }
+
+  .has-profile .postbody h3 {
+    margin-left: 0 !important;
+    margin-right: 0 !important; }
+
+  .has-profile .post-buttons {
+    right: 10px;
+    top: 10px; }
+    .rtl .has-profile .post-buttons {
+      right: auto;
+      left: 10px; }
+
+  .online-ribbon {
+    width: 35px;
+    height: 35px;
+    top: 0;
+    left: 0; }
+    .rtl .online-ribbon {
+      left: auto;
+      right: 0; }
+    .online-ribbon span {
+      width: 50px;
+      font-size: 6px;
+      line-height: 10px;
+      height: 10px;
+      text-align: center;
+      position: absolute;
+      top: 8px;
+      white-space: nowrap;
+      left: -12px; }
+      .rtl .online-ribbon span {
+        left: auto;
+        right: -12px; }
+
+  h2 {
+    margin-top: .5em; }
+
+  p {
+    margin-bottom: .5em;
+    overflow: hidden; }
+
+  p.rightside {
+    margin-bottom: 0; }
+
+  fieldset.display-options label {
+    display: inline-block;
+    clear: both;
+    margin-bottom: 5px;
+    letter-spacing: -.3px; }
+
+  dl.mini dd.pm-legend {
+    float: left;
+    min-width: 200px; }
+
+  .topicreview {
+    margin: 0 -5px;
+    padding: 0 5px; }
+
+  fieldset.display-actions {
+    white-space: normal; }
+
+  .phpbb_alert {
+    width: auto;
+    margin: 0 5px; }
+
+  .attach-comment dfn {
+    width: 100%; } }
+@media (min-width: 700px) {
+  .postbody {
+    width: 70%; } }
+@media (min-width: 850px) {
+  .postbody {
+    width: 76%; } }
+@media (min-width: 701px) and (max-width: 950px) {
+  ul.topiclist dt {
+    margin-right: -410px; }
+
+  ul.topiclist dt .list-inner {
+    margin-right: 410px; }
+
+  ul.topiclist dd.lastpost {
+    float: right; }
+
+  dd.posts, dd.topics, dd.views {
+    width: 80px; } }
+html, body {
+  color: #141414;
+  background-image: url("./images/pattern.png");
+  background-color: #e0e0e0; }
+
+h1, p.sitename {
+  color: #141414; }
+
+h2 {
+  color: #3d98c6; }
+
+h3 {
+  color: #3d98c6; }
+  .post h3 {
+    color: #4396c0; }
+  h3 a {
+    color: inherit; }
+    h3 a:hover {
+      color: #d3973e; }
+
+hr {
+  border-color: #fafafa;
+  border-top-color: #c7c7c7; }
+
+/* Post body links */
+.postlink {
+  border-bottom-color: #3d98c6;
+  color: #3d98c6; }
+
+.postlink:visited {
+  border-bottom-color: #868686;
+  color: #868686; }
+
+.postlink:hover {
+  background-color: #dbdbdb;
+  color: #d3973e; }
+
+.signature a, .signature a:hover {
+  background-color: transparent; }
+
+.search-box .inputbox,
+.search-box .inputbox:hover,
+.search-box .inputbox:focus,
+.search-box .button:hover {
+  border-color: #c6c6c6; }
+
+.search-box .button, .search-box .button:hover {
+  background-color: #f4f4f4 !important;
+  border-color: #c6c6c6 !important; }
+.search-box .button, .search-box .button:before, .search-box .button:after {
+  color: #3d98c6; }
+.search-box .button:hover, .search-box .button:hover:before, .search-box .button:hover:after {
+  color: #d3973e !important; }
+
+.search-header {
+  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
+  .navbar.with-search .search-header {
+    box-shadow: none; }
+  .search-header .inputbox, .search-header .button {
+    background: #f4f4f4 !important;
+    border-color: #f4f4f4 !important; }
+  .navbar.with-search .search-header .button, .navbar.with-search .search-header .button:before, .navbar.with-search .search-header .button:after {
+    color: #3d98c6; }
+  .search-header .inputbox:hover, .search-header .inputbox:focus {
+    background-color: #f8f8f8 !important;
+    color: #000 !important;
+    border-color: #f4f4f4 !important; }
+  .search-header .button:hover, .search-header .button:hover:before, .search-header .button:hover:after, .search-header .button:focus, .search-header .button:focus:before, .search-header .button:focus:after {
+    background-color: #d3973e !important;
+    color: #fff !important;
+    border-color: #d3973e !important; }
+
+.headerbar {
+  color: #141414; }
+
+.breadcrumbs .crumb:before {
+  color: #868686; }
+
+.navbar {
+  background-image: none; }
+  .navbar.secondary {
+    color: #3d98c6; }
+    .navbar.secondary > ul > li:hover, .navbar.secondary > ul > li:hover:after, .navbar.secondary > ul > li:hover:before,
+    .navbar.secondary > ul > li.dropdown-visible,
+    .navbar.secondary > ul > li.dropdown-visible:after,
+    .navbar.secondary > ul > li.dropdown-visible:before {
+      color: #d3973e; }
+    .navbar.secondary .dropdown {
+      color: #141414; }
+  .navbar .nav-tabs {
+    background-color: #3d98c6; }
+    .navbar .nav-tabs .tab {
+      color: #fff; }
+      .navbar .nav-tabs .tab.selected {
+        color: #3d98c6;
+        background-color: #f4f4f4; }
+      .navbar .nav-tabs .tab:hover, .navbar .nav-tabs .tab.dropdown-visible {
+        color: #d3973e;
+        background-color: #f4f4f4; }
+      .navbar .nav-tabs .tab > strong {
+        color: #fff;
+        background-color: #d33e3e;
+        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
+        .navbar .nav-tabs .tab > strong .arrow {
+          border-top-color: #d33e3e; }
+      .navbar .nav-tabs .tab .dropdown {
+        color: #141414; }
+
+.panel {
+  background-color: #f4f4f4;
+  color: #141414; }
+
+.post:target .content {
+  color: #000; }
+
+.post:target h3 a {
+  color: #000; }
+
+.bg1 {
+  background-color: #f4f4f4; }
+
+table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
+  background-color: #f4f4f4; }
+
+.bg2 {
+  background-color: #f6f6f6; }
+
+table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
+  background-color: #f6f6f6; }
+
+.bg3 {
+  background-color: #f8f8f8; }
+  .bg3.panel {
+    background: transparent none;
+    background-color: rgba(224, 224, 224, 0.3);
+    border-top-color: #f8f8f8; }
+    .bg3.panel:before, .bg3.panel:after {
+      background: -webkit-linear-gradient(to bottom, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%);
+      background: linear-gradient(to bottom, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%); }
+  .section-posting .bg3.panel {
+    background-color: #f4f4f4; }
+    .section-posting .bg3.panel:before, .section-posting .bg3.panel:after {
+      background: transparent; }
+
+ul.navlinks {
+  border-top-color: #e7e7e7; }
+
+.forum_unread .forumtitle, .forum_unread_subforum .forumtitle, .forum_unread_locked .forumtitle {
+  color: #d3973e; }
+
+.global_unread .topictitle, .global_unread_mine .topictitle, .announce_unread_mine .topictitle, .announce_unread .topictitle, .global_unread_mine .topictitle, .announce_unread_mine .topictitle, .global_unread_locked .topictitle, .global_unread_locked_mine .topictitle, .announce_unread_locked_mine .topictitle, .announce_unread_locked .topictitle, .global_unread_locked_mine .topictitle, .announce_unread_locked_mine .topictitle, .announce_unread .topictitle, .announce_unread_mine .topictitle, .announce_unread_locked .topictitle, .announce_unread_locked_mine .topictitle, .sticky_unread .topictitle, .sticky_unread_mine .topictitle, .sticky_unread_locked .topictitle, .sticky_unread_locked_mine .topictitle, .topic_unread .topictitle, .sticky_unread .topictitle, .pm_unread .topictitle, .topic_unread_mine .topictitle, .sticky_unread_mine .topictitle, .topic_unread_locked .topictitle, .sticky_unread_locked .topictitle, .topic_unread_locked_mine .topictitle, .sticky_unread_locked_mine .topictitle, .topic_unread_hot .topictitle, .topic_unread_hot_mine .topictitle {
+  color: #d3973e; }
+
+.forum-statistics {
+  color: #868686; }
+
+.forum-lastpost {
+  color: #868686; }
+  .forum-lastpost span:before {
+    opacity: .5; }
+
+.forum-description.toggle {
+  color: #fff;
+  background-color: rgba(61, 61, 61, 0.8); }
+  .forum-description.toggle a {
+    color: inherit !important; }
+  .forum-description.toggle span.arrow {
+    border-right-color: rgba(61, 61, 61, 0.8); }
+  .rtl .forum-description.toggle span.arrow {
+    border-right-color: transparent;
+    border-left-color: rgba(61, 61, 61, 0.8); }
+
+.forum-statistics .value {
+  color: #000; }
+
+table.table1 thead th {
+  color: #fff; }
+
+table.table1 tbody tr {
+  border-color: #e7e7e7; }
+
+table.table1 tbody tr:hover, table.table1 tbody tr.hover {
+  background-color: #f8f8f8;
+  color: #000; }
+
+table.table1 td {
+  color: #141414; }
+
+table.table1 tbody td {
+  border-top-color: #e7e7e7; }
+
+table.table1 tbody th {
+  border-bottom-color: #e7e7e7;
+  color: #000;
+  background-color: #e0e0e0; }
+
+table.info tbody th {
+  color: #000; }
+
+dl.details dt {
+  color: #000; }
+
+dl.details dd {
+  color: #5690ad; }
+
+.sep {
+  color: #3d98c6; }
+
+/* Icon styles
+---------------------------------------- */
+.icon.icon-blue, a:hover .icon.icon-blue {
+  color: #196db5; }
+
+.icon.icon-green, a:hover .icon.icon-green {
+  color: #1b9A1B; }
+
+.icon.icon-red, a:hover .icon.icon-red {
+  color: #BC2A4D; }
+
+.icon.icon-orange, a:hover .icon.icon-orange {
+  color: #FF6600; }
+
+.icon.icon-bluegray, a:hover .icon.icon-bluegray {
+  color: #536482; }
+
+.icon.icon-gray, a:hover .icon.icon-gray {
+  color: #777777; }
+
+.icon.icon-lightgray, a:hover .icon.icon-lightgray {
+  color: #999999; }
+
+.icon.icon-black, a:hover .icon.icon-black {
+  color: #333333; }
+
+.alert_close .icon:before {
+  background-color: #FFFFFF; }
+
+/* Jumpbox */
+.jumpbox .dropdown li {
+  border-top-color: #3d98c6; }
+
+.jumpbox-cat-link {
+  background-color: #3d98c6;
+  color: #fff; }
+
+.jumpbox-cat-link:hover {
+  background-color: #d3973e;
+  border-top-color: #d3973e;
+  color: #fff; }
+
+.jumpbox-forum-link {
+  background-color: #f4f4f4; }
+
+.jumpbox-forum-link:hover {
+  background-color: #e0e0e0; }
+
+.jumpbox .dropdown .pointer-inner {
+  border-color: #f4f4f4 transparent; }
+
+.jumpbox-sub-link {
+  background-color: #f4f4f4; }
+
+.jumpbox-sub-link:hover {
+  background-color: #e0e0e0; }
+
+.pagination li a {
+  color: #3d98c6;
+  background-color: #f4f4f4;
+  border-color: #e7e7e7; }
+
+.pagination li.ellipsis span {
+  background-color: transparent;
+  color: #000; }
+
+.pagination li.active span {
+  color: #fff;
+  background-color: #3d98c6;
+  border-color: #3d98c6; }
+
+.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
+  border-color: #d3973e;
+  background-color: #d3973e;
+  color: #fff; }
+
+.pagination li.page-jump a:after {
+  color: #3d98c6; }
+
+.pagination li.page-jump a:hover:after {
+  color: #d3973e; }
+
+.copyright {
+  color: #868686; }
+
+.error {
+  color: #d3973e; }
+
+.reported {
+  background-color: #f6f1ea; }
+  .reported .postprofile, .reported .signature {
+    border-color: #f1eadf; }
+
+li.reported:hover {
+  background-color: #f6f1ea; }
+
+div.rules {
+  background-color: #ded5c8;
+  color: #d3973e; }
+
+p.post-notice {
+  background-color: #efe6d9;
+  color: #d3973e;
+  background-image: none; }
+
+p.post-notice.deleted:before, p.post-notice.unapproved:before, p.post-notice.reported:before, p.post-notice.error:before {
+  font-family: FontAwesome; }
+
+p.post-notice.deleted:before {
+  content: '\f057';
+  color: #d3973e; }
+
+p.post-notice.unapproved:before {
+  content: '\f059';
+  color: #d3973e; }
+
+p.post-notice.reported:before, p.post-notice.error:before {
+  content: '\f071';
+  color: #d3973e; }
+
+.topic-status.sticky {
+  color: #868686; }
+
+a {
+  color: #3d98c6; }
+
+a:hover {
+  color: #d3973e; }
+
+a.time {
+  color: #9d9d9d; }
+  a.time:hover {
+    color: #d3973e; }
+
+.forumbg .header a, .forabg .header a, th a {
+  color: #fff; }
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+  color: #fff; }
+
+.dropdown-extended a.mark_read {
+  background-color: #f4f4f4; }
+
+a.top, a.top2 {
+  color: #868686; }
+  a.top:hover, a.top2:hover {
+    color: #d3973e; }
+
+a.feed-icon-forum:after {
+  color: #bdbdbd; }
+
+a.feed-icon-forum:hover:after {
+  color: #d3973e; }
+
+ul.topiclist li {
+  color: #141414; }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  ul.topiclist li.row dt a.subforum.read {
+    background-size: 11px 9px; } }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  ul.topiclist li.row dt a.subforum.unread {
+    background-size: 11px 9px; } }
+
+li.row {
+  border-top-color: white;
+  border-bottom-color: #e7e7e7; }
+  li.row .forum-lastpost strong,
+  li.row .subforums-list strong {
+    color: #868686; }
+
+li.row strong {
+  color: #000; }
+
+.icon-link + .list-inner > a.forumtitle, .icon-link + .list-inner > a.topictitle,
+.pm_unread .topictitle,
+a.subforum.unread {
+  color: #d3973e; }
+
+.postbody {
+  color: #141414; }
+
+.content {
+  color: #141414; }
+
+.content h2, .panel h2 {
+  color: #497287;
+  border-bottom-color: #e7e7e7; }
+
+dl.faq dt, .content dl.faq dt {
+  color: #141414; }
+
+.posthilit {
+  background-color: #f6f1ea;
+  color: #b57d29; }
+
+.signature {
+  border-top-color: #e7e7e7; }
+
+.notice {
+  border-top-color: #e7e7e7; }
+
+blockquote {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #e1b97c; }
+  .rtl blockquote {
+    border-left-color: #ededed;
+    border-right-color: #e1b97c; }
+
+blockquote blockquote, blockquote .codebox, blockquote .attachbox {
+  background-color: #f4f4f4;
+  background-color: rgba(196, 196, 196, 0.1);
+  border-left-color: #9bbdce; }
+  .rtl blockquote blockquote,
+  .rtl blockquote .codebox,
+  .rtl blockquote .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #9bbdce; }
+
+blockquote blockquote blockquote, blockquote blockquote .codebox, blockquote blockquote .attachbox {
+  background-color: #fff;
+  border-left-color: #e1b97c; }
+  .rtl blockquote blockquote blockquote,
+  .rtl blockquote blockquote .codebox,
+  .rtl blockquote blockquote .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #e1b97c; }
+
+blockquote:before {
+  color: #868686; }
+
+.codebox {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #9bbdce; }
+  .rtl .codebox {
+    border-left-color: #ededed;
+    border-right-color: #9bbdce; }
+
+.codebox p {
+  border-bottom-color: #f2f2f2; }
+
+.codebox code {
+  color: #3dc64f; }
+
+.attachbox {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #9bbdce; }
+  .rtl .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #9bbdce; }
+
+.attachbox dd {
+  border-top-color: #f2f2f2; }
+
+.attachbox p {
+  color: #666; }
+
+.attachbox p.stats {
+  color: #666; }
+
+dl.file dd {
+  color: #666; }
+
+dl.thumbnail img {
+  border-color: #f2f2f2;
+  background-color: #f4f4f4; }
+
+dl.thumbnail dd {
+  color: #666; }
+
+fieldset.polls dl {
+  border-top-color: white;
+  border-bottom-color: #e7e7e7;
+  color: #141414; }
+
+fieldset.polls dl.voted {
+  color: #000; }
+
+fieldset.polls dd div {
+  color: #fff; }
+
+.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
+  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2); }
+
+.pollbar1 {
+  background-color: #af9062; }
+
+.pollbar2 {
+  background-color: #b5915c; }
+
+.pollbar3 {
+  background-color: #bb9256; }
+
+.pollbar4 {
+  background-color: #c7954a; }
+
+.pollbar5 {
+  background-color: #d3973e; }
+
+.postprofile {
+  color: #141414;
+  border-color: #e7e7e7; }
+
+.postprofile strong {
+  color: #000; }
+
+.online-ribbon span {
+  background-color: #d3973e;
+  color: #fff; }
+
+dd.profile-warnings {
+  color: #BC2A4D; }
+
+.no-avatar .avatar-container {
+  background-image: url("./images/no_avatar.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .no-avatar .avatar-container {
+      background-image: url("./images/no_avatar_hd.png"); } }
+
+.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+  background: rgba(0, 0, 0, 0.1); }
+
+.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.3); }
+
+.button, .buttons > .button.locked-icon {
+  border-color: #4fa1cb;
+  background-color: #4fa1cb;
+  color: #fff;
+  box-shadow: none; }
+.buttons > .button.locked-icon {
+  color: #fff; }
+  .buttons > .button.locked-icon:after, .buttons > .button.locked-icon:before {
+    color: #fff !important; }
+  .buttons > .button.locked-icon:hover {
+    box-shadow: none; }
+.buttons > .button, .button.report-icon, .button.delete-icon {
+  border-color: #3d98c6;
+  background-color: #3d98c6;
+  color: #fff; }
+  .buttons > .button:after, .buttons > .button:before, .button.report-icon:after, .button.report-icon:before, .button.delete-icon:after, .button.delete-icon:before {
+    color: #e2f0f6 !important; }
+.button.report-icon, .button.delete-icon {
+  border-color: #d3973e;
+  background-color: #d3973e; }
+  .button.report-icon:after, .button.report-icon:before, .button.delete-icon:after, .button.delete-icon:before {
+    color: #f8efe2 !important; }
+
+.buttons > .dropdown-select {
+  color: #868686; }
+
+.dropdown-select:after {
+  border-color: #89bad3; }
+
+.dropdown-select:hover {
+  border-color: #4fa1cb; }
+
+.dropdown-select:hover:after, .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after {
+  border-color: #d49e4e; }
+
+.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select,
+.buttons > .button:hover,
+.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
+  border-color: #d3973e !important;
+  background-color: #d3973e;
+  color: #fff; }
+  .dropdown-visible .dropdown-select:after, .dropdown-visible .dropdown-select:before, .dropdown-visible .dropdown-select:hover:after, .dropdown-visible .dropdown-select:hover:before, .nojs .dropdown-container:hover .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:before,
+  .buttons > .button:hover:after,
+  .buttons > .button:hover:before,
+  .button:hover:after,
+  .button:hover:before, .dropdown-visible .dropdown-select:after, .dropdown-visible .dropdown-select:before, .nojs .dropdown-container:hover .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:before {
+    color: #fff !important; }
+
+.contact-icons a {
+  border-color: #e7e7e7; }
+
+.jabber-icon:after {
+  color: #c90000; }
+
+.phpbb_icq-icon:after {
+  color: #60ff00;
+  text-shadow: 0 0 1px #000, 0 0 2px #000; }
+
+.phpbb_wlm-icon:after {
+  color: #78add3; }
+
+.phpbb_aol-icon:after {
+  color: #ffd800;
+  text-shadow: 0 0 1px #000, 0 0 2px #000; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+  color: #3d98c6; }
+.icon-search-new:hover:after, .icon-search-unanswered:hover:after, .icon-search-unread:hover:after, .icon-search-self:hover:after, .icon-search:hover:after, .icon-search-active:hover:after, .icon-search-advanced:hover:after, .icon-acp:hover:after, .icon-bookmark:hover:after, .icon-bump:hover:after, .icon-contact:hover:after, .icon-delete-cookies:hover:after, .icon-download:hover:after, .icon-faq:hover:after, .icon-home:hover:after, .icon-logout:hover:after, .icon-login:hover:after, .icon-mark:hover:after, .icon-mcp:hover:after, .icon-members:hover:after, .icon-members:hover:before, ul.linklist.bulletin > li.small-icon.icon-members:hover:before, .icon-notification:hover:after, .icon-pages:hover:after, .icon-pm:hover:after, .icon-print:hover:after, .icon-profile:hover:after, .icon-register:hover:after, .icon-sendemail:hover:after, .icon-subscribe:hover:after, .icon-team:hover:after, .icon-team:hover:before, ul.linklist.bulletin > li.small-icon.icon-team:hover:before, .icon-ucp:hover:after, .icon-unsubscribe:hover:after, .icon-new-posts:hover:after, .icon-forums:hover:after, .icon-chat:hover:after, .icon-time:hover:after, .icon-thanks:hover:after, .icon-thanks_toplist:hover:after {
+  color: #d3973e; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after {
+  color: #d3973e; }
+
+.icon-search-self:after {
+  color: #9d9d9d; }
+
+.icon-home.breadcrumbs:after {
+  color: #3d98c6; }
+
+.icon-notification.non-zero:after, .icon-pm.non-zero:after {
+  color: #d3973e; }
+
+.icon-time:after {
+  color: #9d9d9d; }
+
+/* Profile & navigation icons */
+.pm-icon {
+  background-position: 0 0; }
+
+.email-icon {
+  background-position: -21px 0; }
+
+.jabber-icon {
+  background-position: -80px 0; }
+
+.phpbb_icq-icon {
+  background-position: -61px 0; }
+
+.phpbb_wlm-icon {
+  background-position: -182px 0; }
+
+.phpbb_aol-icon {
+  background-position: -244px 0; }
+
+.phpbb_website-icon {
+  background-position: -40px 0; }
+
+.phpbb_youtube-icon {
+  background-position: -98px 0; }
+
+.phpbb_facebook-icon {
+  background-position: -119px 0; }
+
+.phpbb_googleplus-icon {
+  background-position: -140px 0; }
+
+.phpbb_skype-icon {
+  background-position: -161px 0; }
+
+.phpbb_twitter-icon {
+  background-position: -203px 0; }
+
+.phpbb_yahoo-icon {
+  background-position: -224px 0; }
+
+.global_read, .global_read_mine, .announce_read_mine, .announce_read {
+  background-image: url("./images/announce_read.png"); }
+
+.global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked {
+  background-image: url("./images/announce_read_locked.png"); }
+
+.global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread {
+  background-image: url("./images/announce_unread.png"); }
+
+.global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked {
+  background-image: url("./images/announce_unread_locked.png"); }
+
+.forum_link {
+  background-image: url("./images/forum_link.png"); }
+
+.forum_read {
+  background-image: url("./images/forum_read.png"); }
+
+.forum_read_locked {
+  background-image: url("./images/forum_read_locked.png"); }
+
+.forum_read_subforum {
+  background-image: url("./images/forum_read_subforum.png"); }
+
+.forum_unread {
+  background-image: url("./images/forum_unread.png"); }
+
+.forum_unread_locked {
+  background-image: url("./images/forum_unread_locked.png"); }
+
+.forum_unread_subforum {
+  background-image: url("./images/forum_unread_subforum.png"); }
+
+.topic_moved {
+  background-image: url("./images/topic_moved.png"); }
+
+.topic_read, .sticky_read, .pm_read {
+  background-image: url("./images/topic_read.png"); }
+
+.topic_read_mine, .sticky_read_mine {
+  background-image: url("./images/topic_read_mine.png"); }
+
+.topic_read_hot {
+  background-image: url("./images/topic_read_hot.png"); }
+
+.topic_read_hot_mine {
+  background-image: url("./images/topic_read_hot_mine.png"); }
+
+.topic_read_locked, .sticky_read_locked {
+  background-image: url("./images/topic_read_locked.png"); }
+
+.topic_read_locked_mine, .sticky_read_locked_mine {
+  background-image: url("./images/topic_read_locked_mine.png"); }
+
+.topic_unread, .sticky_unread, .pm_unread {
+  background-image: url("./images/topic_unread.png"); }
+
+.topic_unread_mine, .sticky_unread_mine {
+  background-image: url("./images/topic_unread_mine.png"); }
+
+.topic_unread_hot {
+  background-image: url("./images/topic_unread_hot.png"); }
+
+.topic_unread_hot_mine {
+  background-image: url("./images/topic_unread_hot_mine.png"); }
+
+.topic_unread_locked, .sticky_unread_locked {
+  background-image: url("./images/topic_unread_locked.png"); }
+
+.topic_unread_locked_mine, .sticky_unread_locked_mine {
+  background-image: url("./images/topic_unread_locked_mine.png"); }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  .global_read, .global_read_mine, .announce_read_mine, .announce_read, .global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked, .global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread, .global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked,
+  .forum_link, .forum_read, .forum_read_locked, .forum_read_subforum, .forum_unread, .forum_unread_locked, .forum_unread_subforum,
+  .topic_moved, .topic_read, .sticky_read, .pm_read, .topic_read_mine, .sticky_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .sticky_read_locked, .topic_read_locked_mine, .sticky_read_locked_mine,
+  .topic_unread,
+  .sticky_unread,
+  .pm_unread, .topic_unread_mine, .sticky_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .sticky_unread_locked, .topic_unread_locked_mine, .sticky_unread_locked_mine {
+    background-size: 36px 36px; }
+
+  .global_read, .global_read_mine, .announce_read_mine, .announce_read {
+    background-image: url("./images/announce_read_hd.png"); }
+
+  .global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked {
+    background-image: url("./images/announce_read_locked_hd.png"); }
+
+  .global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread {
+    background-image: url("./images/announce_unread_hd.png"); }
+
+  .global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked {
+    background-image: url("./images/announce_unread_locked_hd.png"); }
+
+  .forum_link {
+    background-image: url("./images/forum_link_hd.png"); }
+
+  .forum_read {
+    background-image: url("./images/forum_read_hd.png"); }
+
+  .forum_read_locked {
+    background-image: url("./images/forum_read_locked_hd.png"); }
+
+  .forum_read_subforum {
+    background-image: url("./images/forum_read_subforum_hd.png"); }
+
+  .forum_unread {
+    background-image: url("./images/forum_unread_hd.png"); }
+
+  .forum_unread_locked {
+    background-image: url("./images/forum_unread_locked_hd.png"); }
+
+  .forum_unread_subforum {
+    background-image: url("./images/forum_unread_subforum_hd.png"); }
+
+  .topic_moved {
+    background-image: url("./images/topic_moved_hd.png"); }
+
+  .topic_read, .sticky_read, .pm_read {
+    background-image: url("./images/topic_read_hd.png"); }
+
+  .topic_read_mine, .sticky_read_mine {
+    background-image: url("./images/topic_read_mine_hd.png"); }
+
+  .topic_read_hot {
+    background-image: url("./images/topic_read_hot_hd.png"); }
+
+  .topic_read_hot_mine {
+    background-image: url("./images/topic_read_hot_mine_hd.png"); }
+
+  .topic_read_locked, .sticky_read_locked {
+    background-image: url("./images/topic_read_locked_hd.png"); }
+
+  .topic_read_locked_mine, .sticky_read_locked_mine {
+    background-image: url("./images/topic_read_locked_mine_hd.png"); }
+
+  .topic_unread, .sticky_unread, .pm_unread {
+    background-image: url("./images/topic_unread_hd.png"); }
+
+  .topic_unread_mine, .sticky_unread_mine {
+    background-image: url("./images/topic_unread_mine_hd.png"); }
+
+  .topic_unread_hot {
+    background-image: url("./images/topic_unread_hot_hd.png"); }
+
+  .topic_unread_hot_mine {
+    background-image: url("./images/topic_unread_hot_mine_hd.png"); }
+
+  .topic_unread_locked, .sticky_unread_locked {
+    background-image: url("./images/topic_unread_locked_hd.png"); }
+
+  .topic_unread_locked_mine, .sticky_unread_locked_mine {
+    background-image: url("./images/topic_unread_locked_mine_hd.png"); } }
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+  color: #000; }
+
+.panel-container table.table1 thead th {
+  color: #141414;
+  border-bottom-color: #e7e7e7; }
+
+#cp-main .pm-message {
+  border-color: #e0e0e0;
+  background-color: #f4f4f4; }
+
+#tabs .tab > a {
+  background: #f4f4f4;
+  color: #5690ad; }
+
+#tabs .tab > a:hover {
+  background: #f8f8f8;
+  color: #d3973e; }
+
+#tabs .activetab > a,
+#tabs .activetab > a:hover {
+  background: #f8f8f8;
+  box-shadow: 0 5px 5px -5px #f8f8f8;
+  border-color: #f8f8f8;
+  color: #2b2b2b; }
+
+#minitabs .tab > a {
+  background-color: #f6f6f6; }
+
+#minitabs .activetab > a,
+#minitabs .activetab > a:hover {
+  background-color: #F9F9F9;
+  color: #333333; }
+
+.responsive-tab .responsive-tab-link:before {
+  color: #5690ad; }
+
+#navigation a {
+  color: #141414;
+  background: #f4f4f4;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.1); }
+
+#navigation a:hover {
+  background: #f6f6f6;
+  color: #d3973e; }
+
+#navigation #active-subsection a {
+  background: #3d98c6;
+  color: #fff; }
+
+#navigation #active-subsection a:hover {
+  background-color: #d3973e; }
+
+#navigation > hr {
+  border-top-color: #f6f6f6; }
+
+.panel-container h2 {
+  color: #141414; }
+
+.panel-container .panel {
+  background: #eaeaea;
+  box-shadow: none;
+  border-width: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
+  .panel-container .panel > .inner > h3:first-child {
+    background-color: transparent;
+    color: #3d98c6;
+    background-image: none; }
+    .panel-container .panel > .inner > h3:first-child a {
+      color: #3d98c6; }
+      .panel-container .panel > .inner > h3:first-child a:hover {
+        color: #d3973e; }
+  .panel-container .panel:before, .panel-container .panel:after {
+    background: transparent; }
+
+#cp-main .pm {
+  background-color: #f4f4f4; }
+
+.cp-mini {
+  background-color: #f6f6f6; }
+
+.current {
+  color: #000 !important; }
+
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+  border-left-color: #BC2A4D;
+  border-right-color: #BC2A4D; }
+
+.pmlist li.pm_marked_colour, .pm_marked_colour {
+  border-color: #ffac05; }
+
+.pmlist li.pm_replied_colour, .pm_replied_colour {
+  border-color: #aab8c2; }
+
+.pmlist li.pm_friend_colour, .pm_friend_colour {
+  border-color: #5D8FBD; }
+
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+  border-color: #000000; }
+
+#gallery label {
+  background: #f6f6f6;
+  border-color: #e7e7e7; }
+
+#gallery label:hover {
+  background-color: #f8f8f8; }
+
+select {
+  border-color: #c6c6c6;
+  background-color: #fff;
+  color: #141414; }
+
+label {
+  color: #141414; }
+
+option.disabled-option {
+  color: #868686; }
+
+dd label {
+  color: #141414; }
+
+fieldset.fields1 {
+  background-color: transparent; }
+
+fieldset dl:hover dt label {
+  color: #000; }
+
+fieldset.fields2 dl:hover dt label {
+  color: inherit; }
+
+#message-box textarea {
+  color: #141414; }
+
+#message-box textarea.drag-n-drop {
+  outline-color: rgba(157, 157, 157, 0.5); }
+
+#message-box textarea.drag-n-drop-highlight {
+  outline-color: rgba(134, 134, 134, 0.5); }
+
+.inputbox, select {
+  background-color: #fff;
+  border-color: #c6c6c6;
+  color: #141414; }
+
+.inputbox::-moz-placeholder {
+  color: #5b5b5b; }
+.inputbox::-webkit-input-placeholder {
+  color: #5b5b5b; }
+.inputbox:-ms-input-placeholder {
+  color: #5b5b5b; }
+
+.inputbox:hover, select:hover {
+  background-color: #fff;
+  border-color: #d3973e;
+  color: #141414; }
+
+.inputbox:focus, select:focus {
+  background-color: #fff;
+  border-color: #3d98c6;
+  color: #141414; }
+
+.inputbox:hover::-moz-placeholder {
+  color: #141414; }
+.inputbox:hover::-webkit-input-placeholder {
+  color: #141414; }
+.inputbox:hover:-ms-input-placeholder {
+  color: #141414; }
+
+.inputbox:focus::-moz-placeholder {
+  color: transparent; }
+.inputbox:focus::-webkit-input-placeholder {
+  color: transparent; }
+.inputbox:focus:-ms-input-placeholder {
+  color: transparent; }
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+  color: #fff;
+  border-color: #4fa1cb;
+  background-color: #4fa1cb; }
+
+a.button1, input.button1 {
+  border-color: #3d98c6;
+  background-color: #3d98c6;
+  color: #fff; }
+
+input.button3 {
+  background-image: none; }
+
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+  border-color: #d3973e;
+  background-color: #d3973e;
+  color: #fff; }
+
+input.button1:focus, input.button2:focus, input.button3:focus {
+  border-color: #d3973e;
+  background-color: #d3973e;
+  color: #fff; }
+
+input.disabled {
+  color: #868686; }
+
+.phpbb_alert {
+  background-color: #e0e0e0;
+  border-color: #e7e7e7; }
+
+.phpbb_alert .alert_close:before {
+  color: #3d98c6; }
+
+.phpbb_alert .alert_close:hover:before {
+  color: #d3973e; }
+
+.phpbb_alert .alert_close:after {
+  color: #e0e0e0; }
+
+.darken {
+  background-color: #000; }
+
+.loading_indicator {
+  background-color: #000;
+  background-image: url("./images/loading.gif"); }
+
+.dropdown-extended ul li {
+  border-top-color: #e7e7e7; }
+
+.dropdown-extended ul li:hover {
+  background-color: #f6f6f6;
+  color: #000; }
+
+.dropdown-extended .header, .dropdown-extended .footer {
+  border-color: #e7e7e7;
+  color: #000; }
+
+.dropdown-extended .footer {
+  border-top-style: solid;
+  border-top-width: 1px; }
+
+.dropdown-extended .header {
+  background: #3d98c6;
+  color: #fff; }
+  .dropdown-extended .header a {
+    color: #fff; }
+    .dropdown-extended .header a:hover {
+      color: #fff; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+  color: #3d98c6; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
+  color: #d3973e; }
+
+.dropdown .dropdown-contents {
+  background: #f4f4f4;
+  border-color: #3d98c6;
+  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5); }
+
+.dropdown-up .dropdown-contents {
+  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5); }
+
+.dropdown li, .dropdown li li {
+  border-color: #dbdbdb; }
+
+.dropdown li.separator {
+  border-color: #dbdbdb; }
+
+.notification_list li.notification-reported strong, .notification_list li.notification-disapproved strong {
+  color: #d3973e; }
+.notification_list li.dropdown-notification {
+  background-color: #f4f4f4;
+  color: #3d98c6; }
+  .notification_list li.dropdown-notification, .panel-container .notification_list li.dropdown-notification {
+    border-top-color: white;
+    border-bottom-color: #dbdbdb; }
+  .notification_list li.dropdown-notification strong {
+    color: #cecece; }
+  .notification_list li.dropdown-notification a {
+    color: inherit; }
+  .notification_list li.dropdown-notification p.notification-time, .notification_list li.dropdown-notification p.notifications_time {
+    color: #8bacbd; }
+  .notification_list li.dropdown-notification a.mark_read {
+    background-color: white; }
+    .notification_list li.dropdown-notification a.mark_read, .notification_list li.dropdown-notification a.mark_read:after {
+      color: #cecece; }
+      .notification_list li.dropdown-notification a.mark_read:hover, .notification_list li.dropdown-notification a.mark_read:after:hover {
+        color: #3d98c6; }
+.notification_list li.bg3 {
+  background-color: #dfd9d0;
+  color: #d3973e; }
+  .notification_list li.bg3, .panel-container .notification_list li.bg3 {
+    border-top-color: #f4f2ee;
+    border-bottom-color: #cac0b2; }
+  .notification_list li.bg3 strong {
+    color: #000; }
+  .notification_list li.bg3 a {
+    color: inherit; }
+  .notification_list li.bg3 p.notification-time, .notification_list li.bg3 p.notifications_time {
+    color: #bfa682; }
+  .notification_list li.bg3 a.mark_read {
+    background-color: white; }
+    .notification_list li.bg3 a.mark_read, .notification_list li.bg3 a.mark_read:after {
+      color: #000; }
+      .notification_list li.bg3 a.mark_read:hover, .notification_list li.bg3 a.mark_read:after:hover {
+        color: #d3973e; }
+.notification_list li.dropdown-notification:hover {
+  background-color: #f6f6f6;
+  color: #3d98c6; }
+  .notification_list li.dropdown-notification:hover, .panel-container .notification_list li.dropdown-notification:hover {
+    border-top-color: white;
+    border-bottom-color: #dddddd; }
+  .notification_list li.dropdown-notification:hover strong {
+    color: #cecece; }
+  .notification_list li.dropdown-notification:hover a {
+    color: inherit; }
+  .notification_list li.dropdown-notification:hover p.notification-time, .notification_list li.dropdown-notification:hover p.notifications_time {
+    color: #8cadbd; }
+  .notification_list li.dropdown-notification:hover a.mark_read {
+    background-color: white; }
+    .notification_list li.dropdown-notification:hover a.mark_read, .notification_list li.dropdown-notification:hover a.mark_read:after {
+      color: #cecece; }
+      .notification_list li.dropdown-notification:hover a.mark_read:hover, .notification_list li.dropdown-notification:hover a.mark_read:after:hover {
+        color: #3d98c6; }
+
+.imageset.icon_post_target {
+  background-image: url("./images/icon_post_target.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .imageset.icon_post_target {
+      background-image: url("./images/icon_post_target_hd.png"); } }
+
+.imageset.icon_post_target_unread {
+  background-image: url("./images/icon_post_target_unread.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .imageset.icon_post_target_unread {
+      background-image: url("./images/icon_post_target_unread_hd.png"); } }
+
+.imageset.icon_topic_attach:after {
+  color: #868686; }
+
+.imageset.icon_topic_poll:after {
+  color: #81a0b0; }
+
+/* --------------------------------------------------------------
+	$Icons
+-------------------------------------------------------------- */
+/* Global module setup
+--------------------------------*/
+/* Renamed version of .fa class for agnostic usage of icon fonts.
+ * Just change the name of the font after the 14/1 to the name of
+ * the font you wish to use.
+ */
+.icon, .button .icon, blockquote cite:before, .uncited:before {
+  display: inline-block;
+  font-weight: normal;
+  font-style: normal;
+  font-variant: normal;
+  font-family: FontAwesome;
+  font-size: 14px;
+  line-height: 1;
+  text-rendering: auto;
+  /* optimizelegibility throws things off #1094 */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+.icon:before {
+  padding-right: 2px; }
+
+.button .icon:before {
+  padding-right: 0; }
+
+/* Icon size classes - Default size is 14px, use these for small variations */
+.icon.icon-xl {
+  font-size: 20px; }
+
+.icon.icon-lg {
+  font-size: 16px; }
+
+.icon.icon-md {
+  font-size: 10px; }
+
+.icon.icon-sm {
+  font-size: 8px; }
+
+/* icon modifiers */
+.icon-tiny {
+  width: 12px;
+  transform: scale(0.65, 0.75);
+  vertical-align: text-bottom;
+  font-size: 16px; }
+
+.arrow-left .icon {
+  float: left; }
+
+.arrow-left:hover .icon {
+  margin-left: -5px;
+  margin-right: 5px; }
+
+.arrow-right .icon {
+  float: right; }
+
+.arrow-right:hover .icon {
+  margin-left: 5px;
+  margin-right: -5px; }
+
+.post-buttons .dropdown-contents .icon {
+  float: right;
+  margin-left: 5px; }
+
+.alert_close .icon:before {
+  padding: 0;
+  border-radius: 50%;
+  width: 11px;
+  display: block;
+  line-height: .9;
+  height: 12px; }
+
+blockquote cite:before, .uncited:before {
+  content: '\f10d';
+  /* Font Awesome quote-left */ }
+
+.rtl blockquote cite:before, .rtl .uncited:before {
+  content: '\f10e';
+  /* Font Awesome quote-right */ }
+
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
+ */
+html {
+  font-family: sans-serif;
+  /* 1 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */ }
+
+/**
+ * Remove default margin.
+ */
+body {
+  margin: 0; }
+
+/* HTML5 display definitions
+	 ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block; }
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  /* 1 */
+  vertical-align: baseline;
+  /* 2 */ }
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+[hidden],
+template {
+  display: none; }
+
+/* Links
+	 ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+  background-color: transparent; }
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+a:active,
+a:hover {
+  outline: 0; }
+
+/* Text-level semantics
+	 ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+b,
+strong {
+  font-weight: bold; }
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+dfn {
+  font-style: italic; }
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0; }
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+mark {
+  background: #ff0;
+  color: #000; }
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+  font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -0.5em; }
+
+sub {
+  bottom: -0.25em; }
+
+/* Embedded content
+	 ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+  border: 0; }
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+  overflow: hidden; }
+
+/* Grouping content
+	 ========================================================================== */
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+figure {
+  margin: 1em 40px; }
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+  box-sizing: content-box;
+  height: 0; }
+
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+  overflow: auto; }
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+/* Forms
+	 ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+  margin: 0;
+  /* 3 */ }
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+  overflow: visible; }
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+  text-transform: none; }
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  /* 2 */
+  cursor: pointer;
+  /* 3 */ }
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+html input[disabled] {
+  cursor: default; }
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+  line-height: normal; }
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  box-sizing: content-box;
+  /* 2 */ }
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+  border: 0;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+  overflow: auto; }
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+  font-weight: bold; }
+
+/* Tables
+	 ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+td,
+th {
+  padding: 0; }
+
+/* --------------------------------------------------------------
+	$Utilities
+-------------------------------------------------------------- */
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto; }
+
+.clearfix:before,
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after {
+  content: " ";
+  display: table; }
+
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after {
+  clear: both; }
+
+.center-block {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.pull-right {
+  float: right !important; }
+
+.pull-left {
+  float: left !important; }
+
+.hide {
+  display: none !important; }
+
+.show {
+  display: block !important; }
+
+.invisible {
+  visibility: hidden; }
+
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0; }
+
+.hidden {
+  display: none; }
+
+.affix {
+  position: fixed; }
diff --git a/simplicity_lightblue/theme/stylesheet.scss b/simplicity_lightblue/theme/stylesheet.scss
new file mode 100644
index 0000000..d6de161
--- /dev/null
+++ b/simplicity_lightblue/theme/stylesheet.scss
@@ -0,0 +1,35 @@
+//
+//	stylesheet.css replacement
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
+//	If you have any questions please visit support forum at:
+//		http://www.artodia.com/forums/
+//
+//	Set your custom configuration variables in _custom_config.scss
+//	Add your custom code to _custom.scss
+//	
+//	After editing any .scss file you must recompile stylesheet.
+//
+/*!
+	DO NOT EDIT stylesheet.css!
+
+	Edit .scss files instead. See http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+	If you have any questions, please ask on support forum at http://www.artodia.com/forums/
+*/
+@import "custom_config";
+@import "style_config";
+@import "common/common";
+@import "common/links";
+@import "common/content";
+@import "common/buttons";
+@import "common/cp";
+@import "common/forms";
+@import "common/imageset";
+@import "common/responsive";
+@import "colours";
+@import "custom";
+@import "common/icons";
+@import "common/normalize";
+@import "common/utilities";
diff --git a/simplicity_lightblue/theme/tweaks.css b/simplicity_lightblue/theme/tweaks.css
new file mode 100644
index 0000000..820faa4
--- /dev/null
+++ b/simplicity_lightblue/theme/tweaks.css
@@ -0,0 +1,7 @@
+/* Style Sheet Tweaks
+
+These style definitions are IE 8 & 9 only.
+They are required due to the poor CSS support in IE browsers.
+------------------------------------------------------------------------------*/
+
+@import "../../simplicity/theme/tweaks.css";
\ No newline at end of file
diff --git a/simplicity_steelblue/license.txt b/simplicity_steelblue/license.txt
new file mode 100644
index 0000000..a5319f7
--- /dev/null
+++ b/simplicity_steelblue/license.txt
@@ -0,0 +1,33 @@
+IMPORTANT: This license does not apply to files in directory theme/fonts/
+
+Files in those directories have their own licenses, see license.txt in respective
+directories for details.
+
+-----------------------------------------------------------------------------
+
+Copyright (c) 2015, Vjacheslav Trushkin
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+1. Redistributions of source code must retain the above copyright notice, this
+   list of conditions and the following disclaimer. 
+2. Redistributions in binary form must reproduce the above copyright notice,
+   this list of conditions and the following disclaimer in the documentation
+   and/or other materials provided with the distribution.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+The views and conclusions contained in the software and documentation are those
+of the authors and should not be interpreted as representing official policies, 
+either expressed or implied, of the FreeBSD Project.
\ No newline at end of file
diff --git a/simplicity_steelblue/style.cfg b/simplicity_steelblue/style.cfg
new file mode 100644
index 0000000..c7baf72
--- /dev/null
+++ b/simplicity_steelblue/style.cfg
@@ -0,0 +1,32 @@
+#
+# phpBB Style Configuration File
+#
+# This file is part of the phpBB Forum Software package.
+#
+# @copyright (c) phpBB Limited <https://www.phpbb.com>
+# @license GNU General Public License, version 2 (GPL-2.0)
+#
+# For full copyright and license information, please see
+# the docs/CREDITS.txt file.
+#
+# At the left is the name, please do not change this
+# At the right the value is entered
+#
+# Values get trimmed, if you want to add a space in front or at the end of
+# the value, then enclose the value with single or double quotes.
+# Single and double quotes do not need to be escaped.
+#
+#
+
+# General Information about this style
+name = Simplicity Steel Blue
+copyright = Created by Arty (Vjacheslav Trushkin), http://www.artodia.com/, Modified by Gabriel Fischer
+style_version = 3.3.0
+phpbb_version = 3.3.0
+
+# Defining a different template bitfield
+# template_bitfield = lNg=
+
+# Parent style
+# Set value to empty or to this style's name if this style does not have a parent style
+parent = Simplicity
diff --git a/simplicity_steelblue/theme/_colours.scss b/simplicity_steelblue/theme/_colours.scss
new file mode 100644
index 0000000..f0a2be8
--- /dev/null
+++ b/simplicity_steelblue/theme/_colours.scss
@@ -0,0 +1,1685 @@
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for common.css
+// --------------------------------------------------------------
+
+html, body {
+	color: $text-color;
+	background-image: url('./images/pattern.png');
+	@if $use-wrapper {
+		background-color: $page-background;
+		&.simple {
+			background-color: $content-background;
+		}
+	}
+	@else {
+		background-color: $content-background;
+	}
+}
+
+h1, p.sitename {
+	color: $header-text;
+}
+
+h2 {
+	color: $page-title-color;
+}
+
+h3 {
+	color: $stats-title-color;
+	.post & {
+		color: $block-title-color;
+	}
+	a {
+		color: inherit;
+		&:hover {
+			color: $link-hover-color;
+		}
+	}
+}
+
+hr {
+	border-color: $content-top-border;
+	border-top-color: $content-bottom-border;
+}
+
+/* Post body links */
+.postlink {
+	border-bottom-color: $link-color;
+	color: $link-color;
+}
+
+.postlink:visited {
+	border-bottom-color: $muted-color;
+	color: $muted-color;
+}
+
+.postlink:hover {
+	background-color: darken($block-background, 10%);
+	color: $link-hover-color;
+}
+
+.signature a, .signature a:hover {
+	background-color: transparent;
+}
+
+// Search box
+// ---------------------------------------------
+
+.search-box .inputbox,
+.search-box .inputbox:hover,
+.search-box .inputbox:focus,
+.search-box .button:hover {
+	border-color: $search-box-border;
+}
+
+.search-box .button {
+	&, &:hover {
+		background-color: $block-background !important;
+		border-color: $search-box-border !important;
+	}
+	&, &:before, &:after {
+		color: $primary-color;
+	}
+	&:hover, &:hover:before, &:hover:after {
+		color: $secondary-color !important;
+	}
+}
+
+.search-header {
+	box-shadow: $search-box-shadow;
+	.navbar.with-search & {
+		box-shadow: none;
+	}
+	.inputbox, .button {
+		background: $block-background !important;
+		border-color: $block-background !important;
+	}
+	.navbar.with-search & .button {
+		&, &:before, &:after {
+			color: $link-color;
+		}
+	}
+	.inputbox:hover, .inputbox:focus {
+		background-color: $block-background3 !important;
+		color: $bold-text-color !important;
+		border-color: $block-background !important;
+	}
+	.button:hover, .button:focus {
+		&, &:before, &:after {
+			background-color: $secondary-color !important;
+			color: #fff !important;
+			border-color: $secondary-color !important;
+		}
+	}
+}
+
+// Round cornered boxes and backgrounds
+// ----------------------------------------
+#wrap {
+	@if $use-wrapper {
+		background-color: $content-background;
+		background-image: url('./images/pattern.png');
+		border-color: $content-border-color;
+	}
+}
+
+.headerbar {
+	color: $header-text;
+}
+
+// Navigation
+.breadcrumbs .crumb:before {
+	color: $muted-color;
+}
+
+.navbar {
+	background-image: none;
+	&.secondary {
+		color: $link-color;
+		> ul > li:hover,
+		> ul > li.dropdown-visible {
+			&, &:after, &:before {
+				color: $secondary-nav-hover-link;
+			}
+		}
+		.dropdown {
+			color: $text-color;
+		}
+	}
+
+	.nav-tabs {
+		background-color: $primary-nav-bg;
+
+		.tab {
+			color: $primary-nav-color;
+			&.selected {
+				color: $primary-nav-selected-color;
+				background-color: $primary-nav-selected-bg;
+			}
+			&:hover,
+			&.dropdown-visible {
+				color: $primary-nav-hover-color;
+				background-color: $primary-nav-hover-bg;
+			}
+			& > strong {
+				color: $primary-nav-alert-color;
+				background-color: $primary-nav-alert-bg;
+				box-shadow: $primary-nav-alert-shadow;
+				.arrow {
+					border-top-color: $primary-nav-alert-bg;
+				}
+			}
+			.dropdown {
+				color: $text-color;
+			}
+		}
+	}
+
+	// Tabbed navigation
+	@if $tabbed-navigation {
+		&.tabbed.not-static {
+			.nav-tabs {
+				li.tab {
+					// Tabs layout
+					color: $link-color;
+					background-color: $block-background;
+
+					&.selected {
+						@include tabbed-nav-layout-all {
+							background-color: $primary-color;
+							color: $overlay-color;
+						}
+					}
+
+					&:hover {
+						@include tabbed-nav-layout-all {
+							background-color: $secondary-color;
+							color: $overlay-color;
+						}
+					}
+
+					&.dropdown-visible {
+						@include tabbed-nav-layout-all {
+							background-color: $primary-color;
+							color: $overlay-color;
+						}
+					}
+				}
+			}
+
+			// Second row
+			+ .navbar.secondary {
+				background: $primary-color;
+				color: $overlay-color;
+
+				> ul > li {
+					&, &:after, &:before {
+						color: $overlay-color;
+					}
+				}
+
+				> ul > li:hover,
+				> ul > li.dropdown-visible {
+					&, &:after, &:before {
+						color: $overlay-color;
+					}
+					background: none;
+					box-shadow: none;
+					filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+				}
+			}
+		}
+	}
+}
+
+.panel {
+	background-color: $block-background;
+	color: $text-color;
+}
+
+.post:target .content {
+	color: $bold-text-color;
+}
+
+.post:target h3 a {
+	color: $bold-text-color;
+}
+
+.bg1 {
+	background-color: $block-background;
+}
+
+table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
+	background-color: $block-background;
+}
+
+.bg2 {
+	background-color: $block-background2;
+}
+
+table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
+	background-color: $block-background2;
+}
+
+.bg3 { 
+	background-color: $block-background3;
+	&.panel {
+		background: transparent none;
+		background-color: rgba($content-background, .3);
+		border-top-color: $tab-selected-background;
+		&:before, &:after {
+			background: -webkit-linear-gradient(to bottom, $tab-selected-background 0%, rgba($tab-selected-background, 0) 100%);
+			background: linear-gradient(to bottom, $tab-selected-background 0%, rgba($tab-selected-background, 0) 100%);
+		}
+	}
+	.section-posting &.panel {
+		background-color: $block-background;
+		&:before, &:after {
+			background: transparent;
+		}
+	}
+}
+
+// Horizontal lists
+// ----------------------------------------
+
+ul.navlinks {
+	border-top-color: $block-inner-border;
+}
+
+// Forums list layout
+// ----------------------
+.forumtitle {
+	.forum_unread &,
+	.forum_unread_subforum &,
+	.forum_unread_locked & {
+		color: $link-hover-color;
+	}
+}
+
+.topictitle {
+	.global_unread &,
+	.global_unread_mine &,
+	.global_unread_locked &,
+	.global_unread_locked_mine &,
+	.announce_unread &,
+	.announce_unread_mine &,
+	.announce_unread_locked &,
+	.announce_unread_locked_mine &,
+	.sticky_unread &,
+	.sticky_unread_mine &,
+	.sticky_unread_locked &,
+	.sticky_unread_locked_mine &,
+	.topic_unread &,
+	.topic_unread_mine &,
+	.topic_unread_locked &,
+	.topic_unread_locked_mine &,
+	.topic_unread_hot &,
+	.topic_unread_hot_mine &
+	{
+		color: $link-hover-color;
+	}
+}
+
+.forum-statistics {
+	color: $muted-color;
+}
+
+.forum-lastpost {
+	color: $muted-color;
+	span:before {
+		opacity: .5;
+	}
+}
+
+.forum-description.toggle {
+	color: $forum-description-color;
+	background-color: fade-out($forum-description-bg, .2);
+	a {
+		color: inherit !important;
+	}
+	span.arrow {
+		border-right-color: fade-out($forum-description-bg, .2);
+	}
+	.rtl & span.arrow {
+		border-right-color: transparent;
+		border-left-color: fade-out($forum-description-bg, .2);
+	}
+}
+
+.forum-statistics {
+	.value {
+		color: $bold-text-color;
+	}
+}
+
+// Table styles
+// ----------------------------------------
+table.table1 thead th {
+	color: $heading-color;
+}
+
+table.table1 tbody tr {
+	border-color: $block-inner-border;
+}
+
+table.table1 tbody tr:hover, table.table1 tbody tr.hover {
+	background-color: $block-background3;
+	color: $bold-text-color;
+}
+
+table.table1 td {
+	color: $text-color;
+}
+
+table.table1 tbody td {
+	border-top-color: $block-inner-border;
+}
+
+table.table1 tbody th {
+	border-bottom-color: $block-bottom-border;
+	color: $bold-text-color;
+	background-color: $content-background;
+}
+
+table.info tbody th {
+	color: $bold-text-color;
+}
+
+// Misc layout styles
+// ----------------------------------------
+dl.details dt {
+	color: $bold-text-color;
+}
+
+dl.details dd {
+	color: $tab-color;
+}
+
+.sep {
+	color: $primary-color;
+}
+
+/* Icon styles
+---------------------------------------- */
+.icon.icon-blue, a:hover .icon.icon-blue {
+	color: #196db5;
+}
+
+.icon.icon-green, a:hover .icon.icon-green{
+	color: #1b9A1B;
+}
+
+.icon.icon-red, a:hover .icon.icon-red{
+	color: #BC2A4D;
+}
+
+.icon.icon-orange, a:hover .icon.icon-orange{
+	color: #FF6600;
+}
+
+.icon.icon-bluegray, a:hover .icon.icon-bluegray{
+	color: #536482;
+}
+
+.icon.icon-gray, a:hover .icon.icon-gray{
+	color: #777777;
+}
+
+.icon.icon-lightgray, a:hover .icon.icon-lightgray{
+	color: #999999;
+}
+
+.icon.icon-black, a:hover .icon.icon-black{
+	color: #333333;
+}
+
+.alert_close .icon:before {
+	background-color: #FFFFFF;
+}
+
+/* Jumpbox */
+.jumpbox .dropdown li {
+	border-top-color: $dropdown-heading-top;
+}
+
+.jumpbox-cat-link {
+	background-color: $dropdown-heading-top;
+	color: $dropdown-heading-color;
+}
+
+.jumpbox-cat-link:hover {
+	background-color: $secondary-color;
+	border-top-color: $secondary-color;
+	color: $dropdown-heading-link-hover-color;
+}
+
+.jumpbox-forum-link {
+	background-color: $dropdown-bg;
+}
+
+.jumpbox-forum-link:hover {
+	background-color: $content-background;
+}
+
+.jumpbox .dropdown .pointer-inner {
+	border-color: $dropdown-bg transparent;
+}
+
+.jumpbox-sub-link {
+	background-color: $dropdown-bg;
+}
+
+.jumpbox-sub-link:hover {
+	background-color: $content-background;
+}
+
+
+
+// Pagination
+// ----------------------------------------
+
+.pagination li a {
+	color: $link-color;
+	background-color: $block-background;
+	border-color: $block-inner-border;
+}
+
+.pagination li.ellipsis span {
+	background-color: transparent;
+	color: $bold-text-color;
+}
+
+.pagination li.active span {
+	color: $overlay-color;
+	background-color: $primary-color;
+	border-color: $primary-color;
+}
+
+.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
+	border-color: $link-hover-color;
+	background-color: $link-hover-color;
+	color: $overlay-color;
+}
+
+.pagination li.page-jump a:after {
+	color: $link-color;
+}
+
+.pagination li.page-jump a:hover:after {
+	color: $link-hover-color;
+}
+
+// Miscellaneous styles
+// ----------------------------------------
+
+.copyright {
+	color: $muted-color;
+}
+
+.error {
+	color: $secondary-color;
+}
+
+.reported {
+	background-color: $block-background-reported;
+	.postprofile, .signature {
+		border-color: darken($block-background-reported, 3%);
+	}
+}
+
+li.reported:hover {
+	background-color: $block-background-reported;
+}
+.sticky, .announce {
+	// you can add a background for stickies and announcements
+}
+
+div.rules {
+	background-color: mix($content-background, $rules-color, 85%);
+	color: $rules-color;
+}
+
+p.post-notice {
+	background-color: mix($block-background, $rules-color, 85%);
+	color: $rules-color;
+	background-image: none;
+}
+
+// Blank FontAwesome replacement
+%post-notice {
+	font-family: FontAwesome;
+}
+
+p.post-notice.deleted:before {
+	@extend %post-notice;
+	content: '\f057';	// fa-times-circle
+	color: $secondary-color;
+}
+
+p.post-notice.unapproved:before {
+	@extend %post-notice;
+	content: '\f059';	// fa-question-circle
+	color: $secondary-color;
+}
+
+p.post-notice.reported:before, p.post-notice.error:before {
+	@extend %post-notice;
+	content: '\f071';	// fa-warning
+	color: $secondary-color;
+}
+
+// Topic status
+.topic-status.sticky {
+	color: $muted-color;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for links.css
+// --------------------------------------------------------------
+
+a { color: $link-color; }
+a:hover	{ color: $link-hover-color; }
+
+a.time { 
+	color: $faint-color; 
+	&:hover {
+		color: $link-hover-color;
+	}
+}
+
+// Links on gradient backgrounds
+.forumbg .header a, .forabg .header a, th a {
+	color: $heading-link;
+}
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+	color: $heading-link-hover;
+}
+
+// Notification mark read link
+.dropdown-extended a.mark_read {
+	background-color: $dropdown-bg;
+}
+
+// Back to top of page
+a.top, a.top2 {
+	color: $muted-color;
+	&:hover {
+		color: $link-hover-color;
+	}
+}
+
+// Arrow links
+a.arrow-left:hover {
+}
+
+a.arrow-right:hover {
+}
+
+a.feed-icon-forum:after {
+	color: mix($muted-color, $block-background, 50%);
+}
+
+a.feed-icon-forum:hover:after {
+	color: $link-hover-color;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for content.css
+// --------------------------------------------------------------
+
+ul.forums {
+}
+
+ul.topiclist li {
+	color: $text-color;
+	@if $split-forums == false {
+		.forabg &, .forumbg & {
+			background: transparent;
+		}
+	}
+}
+
+ul.topiclist li.row dt a.subforum.read {
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-size: 11px 9px;
+	}
+}
+
+ul.topiclist li.row dt a.subforum.unread {
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-size: 11px 9px;
+	}
+}
+
+li.row {
+	border-top-color: $block-top-border;
+	border-bottom-color: $block-bottom-border;
+	.forum-lastpost strong,
+	.subforums-list strong {
+		color: $muted-color;
+	}
+}
+
+li.row strong {
+	color: $bold-text-color;
+}
+
+li.row:hover {
+}
+
+li.row:hover dd {
+}
+
+// Unread forum/topic
+.icon-link + .list-inner > a.forumtitle,
+.pm_unread .topictitle,
+a.subforum.unread {
+	color: $secondary-color;
+}
+
+// Post body styles
+// ----------------------------------------
+.postbody {
+	color: $post-text-color;
+}
+
+// Content container styles
+// ----------------------------------------
+.content {
+	color: $post-text-color;
+}
+
+.content h2, .panel h2 {
+	color: $panel-title-color;
+	border-bottom-color:  $panel-title-border;
+}
+
+dl.faq dt {
+	color: $post-text-color;
+}
+
+.posthilit {
+	background-color: $block-background-reported;
+	color: if($light, darken($secondary-color, 10%), lighten($secondary-color, 10%));
+}
+
+.announce, .unreadpost {
+	// Highlight the announcements & unread posts box
+}
+
+// Post signature
+.signature {
+	border-top-color: $block-inner-border;
+}
+
+// Post noticies
+.notice {
+	border-top-color:  $block-inner-border;
+}
+
+// BB Code styles
+// ----------------------------------------
+// Quote block
+blockquote {
+	background-color: $bbcode-background;
+	border-color: $bbcode-outer-border;
+	border-left-color: lighten($secondary-color, 15%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten($secondary-color, 15%);
+	}
+}
+
+blockquote blockquote,
+blockquote .codebox,
+blockquote .attachbox {
+	// Nested quotes
+	background-color: $bbcode-background2;
+	background-color: rgba(196, 196, 196, 0.1);
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+blockquote blockquote blockquote,
+blockquote blockquote .codebox,
+blockquote blockquote .attachbox {
+	// Nested quotes
+	background-color: $bbcode-background;
+	border-left-color: lighten($secondary-color, 15%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten($secondary-color, 15%);
+	}
+}
+
+blockquote:before {
+	color: $muted-color;
+}
+
+// Code block
+.codebox {
+	background-color: $bbcode-background;
+	border-color: $bbcode-outer-border;
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+.codebox p {
+	border-bottom-color:  $bbcode-inner-border;
+}
+
+.codebox code {
+	color: $bbcode-code-color;
+}
+
+// Attachments
+// ----------------------------------------
+.attachbox {
+	background-color: $bbcode-background;
+	border-color:  $bbcode-outer-border;
+	border-left-color: lighten(desaturate($primary-color, 20%), 20%);
+	.rtl & {
+		border-left-color: $bbcode-outer-border;
+		border-right-color: lighten(desaturate($primary-color, 20%), 20%);
+	}
+}
+
+.attachbox dd {
+	border-top-color: $bbcode-inner-border;
+}
+
+.attachbox p {
+	color: $bbcode-heading-text;
+}
+
+.attachbox p.stats {
+	color: $bbcode-heading-text;
+}
+
+// Inline image thumbnails
+
+dl.file dd {
+	color: $bbcode-heading-text;
+}
+
+dl.thumbnail img {
+	border-color: $bbcode-inner-border;
+	background-color: $block-background;
+}
+
+dl.thumbnail dd {
+	color: $bbcode-heading-text;
+}
+
+// Post poll styles
+// ----------------------------------------
+
+fieldset.polls dl {
+	border-top-color: $block-top-border;
+	border-bottom-color: $block-bottom-border;
+	color: $text-color;
+}
+
+fieldset.polls dl.voted {
+	color: $bold-text-color;
+}
+
+fieldset.polls dd div {
+	color: $overlay-color;
+}
+
+%pollbar {
+	box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2);
+}
+
+.pollbar1 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 30%);
+}
+
+.pollbar2 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 25%);
+}
+
+.pollbar3 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 20%);
+}
+
+.pollbar4 {
+	@extend %pollbar;
+	background-color: desaturate($secondary-color, 10%);
+}
+
+.pollbar5 {
+	@extend %pollbar;
+	background-color: $secondary-color;
+}
+
+// Poster profile block
+// ----------------------------------------
+.postprofile {
+	color: $text-color;
+	border-color: $block-inner-border;
+}
+
+.postprofile strong {
+	color: $bold-text-color;
+}
+
+.online-ribbon span {
+	background-color: $secondary-color;
+	color: #fff;
+}
+
+dd.profile-warnings {
+	color: #BC2A4D;
+}
+
+.no-avatar .avatar-container {
+	background-image: url("./images/no_avatar.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+		background-image: url("./images/no_avatar_hd.png");
+	}
+}
+
+.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+	background: rgba(0, 0, 0, .1);
+}
+
+.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+	background: rgba(0, 0, 0, .3);
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for buttons.css
+// --------------------------------------------------------------
+.button {
+	&, .buttons > &.locked-icon {
+		border-color: $button-border;
+		background-color: $button-bg;
+		color: $button-text;
+		box-shadow: none;
+	}
+
+
+	&:after, &:before {
+	}
+	.buttons > &.locked-icon {
+		color: $button-icon;
+		&:after, &:before {
+			color: $button-icon !important;
+		}
+		&:hover {
+			box-shadow: none;
+		}
+	}
+
+	& > strong {
+	}
+
+	.buttons > &, &.report-icon, &.delete-icon {
+		border-color: $primary-color;
+		background-color: $primary-color;
+		color: $overlay-color;
+
+		&:after, &:before {
+			color: mix($overlay-color, $primary-color, 85%) !important;
+		}
+
+		& > strong {
+		}
+	}
+	&.report-icon, &.delete-icon {
+		border-color: $secondary-color;
+		background-color: $secondary-color;
+
+		&:after, &:before {
+			color: mix($overlay-color, $secondary-color, 85%) !important;
+		}
+	}
+}
+
+.dropdown-select {
+	.buttons > & {
+		color: $muted-color;
+	}
+}
+
+.dropdown-select:after { 
+	border-color: mix($button-bg, $content-background, 60%);
+}
+.dropdown-select:hover	{ 
+	border-color: $button-border; 
+}
+
+.dropdown-select:hover:after, .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after	{ 
+	border-color: mix($secondary-color, $content-background, 90%);
+}
+
+.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select,
+.buttons > .button:hover,
+.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
+	border-color: $secondary-color !important;
+	background-color: $secondary-color;
+	color: $overlay-color;
+
+	&:after, &:before {
+		color: $overlay-color !important;
+	}
+}
+
+.contact-icons a		{ border-color: $block-inner-border; }
+
+// Small icons
+%icon-button {
+	color: $button-icon;
+	&:hover {
+		color: $button-icon-hover;
+	}
+}
+
+%icon-button-visible {
+	.dropdown-visible &,
+	.nojs .dropdown-container:hover & {
+		color: $button-icon-hover;
+	}
+}
+
+.jabber-icon:after {
+	color: #c90000;
+}
+
+.phpbb_icq-icon:after {
+	color: #60ff00;
+	text-shadow: 0 0 1px #000, 0 0 2px #000;
+}
+
+.phpbb_wlm-icon:after {
+	color: #79add0;
+}
+
+.phpbb_aol-icon:after {
+	color: #ffd800;
+	text-shadow: 0 0 1px #000, 0 0 2px #000;
+}
+
+// Icon images
+// ----------------------------------------
+%icon-image {
+	&:after {
+		color: $link-color;
+	}
+	&:hover:after {
+		color: $link-hover-color;
+	}
+}
+
+%icon-search-new {
+	&:after {
+		color: $secondary-color;
+	}
+}
+
+%icon-search-misc {
+	&:after {
+		color: $faint-color;
+	}
+}
+
+.icon-home {
+	&.breadcrumbs:after {
+		color: $link-color;
+	}
+}
+
+.icon-notification, .icon-pm {
+	&.non-zero:after {
+		color: $secondary-color;
+	}
+}
+
+.icon-time {
+	&:after {
+		color: $faint-color;
+	}
+}
+
+/* Profile & navigation icons */
+.pm-icon							{ background-position: 0 0; }
+.email-icon							{ background-position: -21px 0; }
+.jabber-icon						{ background-position: -80px 0; }
+.phpbb_icq-icon						{ background-position: -61px 0 ; }
+.phpbb_wlm-icon						{ background-position: -182px 0; }
+.phpbb_aol-icon						{ background-position: -244px 0; }
+.phpbb_website-icon					{ background-position: -40px 0; }
+.phpbb_youtube-icon					{ background-position: -98px 0; }
+.phpbb_facebook-icon				{ background-position: -119px 0; }
+.phpbb_googleplus-icon				{ background-position: -140px 0; }
+.phpbb_skype-icon					{ background-position: -161px 0; }
+.phpbb_twitter-icon					{ background-position: -203px 0; }
+.phpbb_yahoo-icon					{ background-position: -224px 0; }
+
+// Forum icons & Topic icons
+.global_read													{ background-image: url("./images/announce_read.png"); }
+.global_read_mine												{ @extend .global_read; }
+.global_read_locked												{ background-image: url("./images/announce_read_locked.png"); }
+.global_read_locked_mine										{ @extend .global_read_locked; }
+.global_unread													{ background-image: url("./images/announce_unread.png"); }
+.global_unread_mine												{ @extend .global_unread; }
+.global_unread_locked											{ background-image: url("./images/announce_unread_locked.png"); }
+.global_unread_locked_mine										{ @extend .global_unread_locked; }
+
+.announce_read													{ @extend .global_read; }
+.announce_read_mine												{ @extend .global_read_mine; }
+.announce_read_locked											{ @extend .global_read_locked; }
+.announce_read_locked_mine										{ @extend .global_read_locked_mine; }
+.announce_unread												{ @extend .global_unread; }
+.announce_unread_mine											{ @extend .global_unread_mine; }
+.announce_unread_locked											{ @extend .global_unread_locked; }
+.announce_unread_locked_mine									{ @extend .global_unread_locked_mine; }
+
+.forum_link														{ background-image: url("./images/forum_link.png"); }
+.forum_read														{ background-image: url("./images/forum_read.png"); }
+.forum_read_locked												{ background-image: url("./images/forum_read_locked.png"); }
+.forum_read_subforum											{ background-image: url("./images/forum_read_subforum.png"); }
+.forum_unread													{ background-image: url("./images/forum_unread.png"); }
+.forum_unread_locked											{ background-image: url("./images/forum_unread_locked.png"); }
+.forum_unread_subforum											{ background-image: url("./images/forum_unread_subforum.png"); }
+
+.sticky_read													{ @extend .topic_read; }
+.sticky_read_mine												{ @extend .topic_read_mine; }
+.sticky_read_locked												{ @extend .topic_read_locked; }
+.sticky_read_locked_mine										{ @extend .topic_read_locked_mine; }
+.sticky_unread													{ @extend .topic_unread; }
+.sticky_unread_mine												{ @extend .topic_unread_mine; }
+.sticky_unread_locked											{ @extend .topic_unread_locked; }
+.sticky_unread_locked_mine										{ @extend .topic_unread_locked_mine; }
+
+.topic_moved													{ background-image: url("./images/topic_moved.png"); }
+.topic_read														{ background-image: url("./images/topic_read.png"); }
+.topic_read_mine												{ background-image: url("./images/topic_read_mine.png"); }
+.topic_read_hot													{ background-image: url("./images/topic_read_hot.png"); }
+.topic_read_hot_mine											{ background-image: url("./images/topic_read_hot_mine.png"); }
+.topic_read_locked												{ background-image: url("./images/topic_read_locked.png"); }
+.topic_read_locked_mine											{ background-image: url("./images/topic_read_locked_mine.png"); }
+.topic_unread,													{ background-image: url("./images/topic_unread.png"); }
+.topic_unread_mine												{ background-image: url("./images/topic_unread_mine.png"); }
+.topic_unread_hot												{ background-image: url("./images/topic_unread_hot.png"); }
+.topic_unread_hot_mine											{ background-image: url("./images/topic_unread_hot_mine.png"); }
+.topic_unread_locked											{ background-image: url("./images/topic_unread_locked.png"); }
+.topic_unread_locked_mine										{ background-image: url("./images/topic_unread_locked_mine.png"); }
+
+.pm_read														{ @extend .topic_read; }
+.pm_unread														{ @extend .topic_unread; }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)
+{
+	.global_read, .global_read_locked, .global_unread, .global_unread_locked,
+	.forum_link, .forum_read, .forum_read_locked, .forum_read_subforum, .forum_unread, .forum_unread_locked, .forum_unread_subforum,
+	.topic_moved, .topic_read, .topic_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .topic_read_locked_mine,
+	.topic_unread, .topic_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .topic_unread_locked_mine
+	{
+		background-size: 36px 36px;
+	}
+
+	.global_read												{ background-image: url("./images/announce_read_hd.png"); }
+	.global_read_locked											{ background-image: url("./images/announce_read_locked_hd.png"); }
+	.global_unread												{ background-image: url("./images/announce_unread_hd.png"); }
+	.global_unread_locked										{ background-image: url("./images/announce_unread_locked_hd.png"); }
+
+	.forum_link													{ background-image: url("./images/forum_link_hd.png"); }
+	.forum_read													{ background-image: url("./images/forum_read_hd.png"); }
+	.forum_read_locked											{ background-image: url("./images/forum_read_locked_hd.png"); }
+	.forum_read_subforum										{ background-image: url("./images/forum_read_subforum_hd.png"); }
+	.forum_unread												{ background-image: url("./images/forum_unread_hd.png"); }
+	.forum_unread_locked										{ background-image: url("./images/forum_unread_locked_hd.png"); }
+	.forum_unread_subforum										{ background-image: url("./images/forum_unread_subforum_hd.png"); }
+
+	.topic_moved												{ background-image: url("./images/topic_moved_hd.png"); }
+	.topic_read													{ background-image: url("./images/topic_read_hd.png"); }
+	.topic_read_mine											{ background-image: url("./images/topic_read_mine_hd.png"); }
+	.topic_read_hot												{ background-image: url("./images/topic_read_hot_hd.png"); }
+	.topic_read_hot_mine										{ background-image: url("./images/topic_read_hot_mine_hd.png"); }
+	.topic_read_locked											{ background-image: url("./images/topic_read_locked_hd.png"); }
+	.topic_read_locked_mine										{ background-image: url("./images/topic_read_locked_mine_hd.png"); }
+	.topic_unread												{ background-image: url("./images/topic_unread_hd.png"); }
+	.topic_unread_mine											{ background-image: url("./images/topic_unread_mine_hd.png"); }
+	.topic_unread_hot											{ background-image: url("./images/topic_unread_hot_hd.png"); }
+	.topic_unread_hot_mine										{ background-image: url("./images/topic_unread_hot_mine_hd.png"); }
+	.topic_unread_locked										{ background-image: url("./images/topic_unread_locked_hd.png"); }
+	.topic_unread_locked_mine									{ background-image: url("./images/topic_unread_locked_mine_hd.png"); }
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for cp.css
+// --------------------------------------------------------------
+
+// Main CP box
+// ----------------------------------------
+
+.panel-container h3, .panel-container hr, #cp-menu hr {
+}
+
+.panel-container .panel li.row {
+}
+
+ul.cplist {
+}
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+	color: $bold-text-color;
+}
+
+.panel-container table.table1 thead th {
+	color: $post-text-color;
+	border-bottom-color: $block-inner-border;
+}
+
+#cp-main .pm-message {
+	border-color: $block-border;
+	background-color: $block-background;
+}
+
+// CP tabbed menu
+// ----------------------------------------
+#tabs .tab > a {
+	background: $tab-background;
+	color: $tab-color;
+}
+
+#tabs .tab > a:hover {
+	background: $tab-hover-background;
+	color: $tab-hover-color;
+}
+
+#tabs .activetab > a,
+#tabs .activetab > a:hover {
+	background: $tab-selected-background;
+	box-shadow: 0 5px 5px -5px $tab-selected-background;
+	border-color: $tab-selected-background;
+	color: $tab-selected-color;
+}
+
+#tabs .activetab > a:hover {
+}
+
+// Mini tabbed menu used in MCP
+// ----------------------------------------
+#minitabs .tab > a {
+	background-color: $block-background2;
+}
+
+#minitabs .activetab > a,
+#minitabs .activetab > a:hover {
+	background-color: #F9F9F9;
+	color: #333333;
+}
+
+// Responsive tabs
+// ----------------------------------------
+.responsive-tab .responsive-tab-link:before {
+	color: $tab-color;
+}
+
+// UCP navigation menu
+// ----------------------------------------
+
+// Link styles for the sub-section links
+#navigation a {
+	color: $text-color;
+	background: $block-background;
+	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .1);
+}
+
+#navigation a:hover {
+	background: $block-background2;
+	color: $link-hover-color;
+}
+
+#navigation #active-subsection a {
+	background: $primary-color;
+	color: $overlay-color;
+}
+
+#navigation #active-subsection a:hover {
+	background-color: $secondary-color;
+}
+
+#navigation > hr {
+	border-top-color: $block-background2;
+}
+
+// Preferences pane layout
+// ----------------------------------------
+.panel-container h2 {
+	color: $post-text-color;
+}
+
+.panel-container .panel {
+	background: mix($content-background, $block-background3, 60%);
+	box-shadow: none;
+	border-width: 0;
+	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+	& > .inner > h3:first-child {
+		@include section-heading-cp;
+	}
+	&:before, &:after {
+		background: transparent;
+	}
+}
+
+#cp-main .pm {
+	background-color: $block-background;
+}
+
+// Friends list
+.cp-mini {
+	background-color: $block-background2;
+}
+
+dl.mini dt {
+}
+
+// PM Styles
+// ----------------------------------------
+// PM Message history
+.current {
+	color: $bold-text-color !important;
+}
+
+// PM marking colours
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: #BC2A4D;
+	border-right-color: #BC2A4D;
+}
+
+.pmlist li.pm_marked_colour, .pm_marked_colour {
+	border-color: #ff1100;
+}
+
+.pmlist li.pm_replied_colour, .pm_replied_colour {
+	border-color: #aab8c2;
+}
+
+.pmlist li.pm_friend_colour, .pm_friend_colour {
+	border-color: #5D8FBD;
+}
+
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+	border-color: #000000;
+}
+
+// Avatar gallery
+#gallery label {
+	background: $block-background2;
+	border-color: $block-inner-border;
+}
+
+#gallery label:hover {
+	background-color: $block-background3;
+}
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for forms.css
+// --------------------------------------------------------------
+
+// General form styles
+// ----------------------------------------
+select {
+	border-color: $input-border;
+	background-color: $input-bg;
+	color: $input-text;
+}
+
+label {
+	color: $text-color;
+}
+
+option.disabled-option {
+	color: $muted-color;
+}
+
+// Definition list layout for forms
+// ----------------------------------------
+dd label {
+	color: $post-text-color;
+}
+
+fieldset.fields1 {
+	background-color: transparent;
+}
+
+// Hover effects
+fieldset dl:hover dt label {
+	color: $bold-text-color;
+}
+
+fieldset.fields2 dl:hover dt label {
+	color: inherit;
+}
+
+// Quick-login on index page
+fieldset.quick-login input.inputbox {
+}
+
+// Posting page styles
+// ----------------------------------------
+
+#message-box textarea {
+	color: $input-text;
+}
+
+#message-box textarea.drag-n-drop {
+	outline-color: rgba($faint-color, 0.5);
+}
+
+#message-box textarea.drag-n-drop-highlight {
+	outline-color: rgba($muted-color, 0.5);
+}
+
+// Input field styles
+// ----------------------------------------
+.inputbox, select {
+	background-color: $input-bg;
+	border-color: $input-border;
+	color: $input-text;
+}
+
+.inputbox {
+	@include placeholder {
+		color: mix($input-text, $input-bg, 70%);
+	}
+}
+
+.inputbox:hover, select:hover {
+	background-color: $input-hover-bg;
+	border-color: $input-hover-border;
+	color: $input-hover-text;
+}
+
+.inputbox:focus, select:focus {
+	background-color: $input-focus-bg;
+	border-color: $input-focus-border;
+	color: $input-focus-text;
+}
+
+.inputbox:hover {
+	@include placeholder {
+		color: $input-hover-text;
+	}
+}
+
+.inputbox:focus {
+	@include placeholder {
+		color: transparent;
+	}
+}
+
+
+// Form button styles
+// ----------------------------------------
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+	color: $button-text;
+	border-color: $button-border;
+	background-color: $button-bg;
+}
+
+a.button1, input.button1 {
+	border-color: $primary-color;
+	background-color: $primary-color;
+	color: $overlay-color;
+}
+
+input.button3 {
+	background-image: none;
+}
+
+// Hover states
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+	border-color: $secondary-color;
+	background-color: $secondary-color;
+	color: $overlay-color;
+}
+
+// Focus states
+input.button1:focus, input.button2:focus, input.button3:focus {
+	border-color: $secondary-color;
+	background-color: $secondary-color;
+	color: $overlay-color;
+}
+
+input.disabled {
+	color: $muted-color;
+}
+
+// jQuery popups
+// ----------------------------------------
+.phpbb_alert {
+	background-color: $content-background;
+	border-color: $block-inner-border;
+}
+.phpbb_alert .alert_close:before {
+	color: $link-color;
+}
+.phpbb_alert .alert_close:hover:before {
+	color: $link-hover-color;
+}
+.phpbb_alert .alert_close:after {
+	color: $content-background;
+}
+.darken {
+	background-color: #000;
+}
+
+.loading_indicator {
+	background-color: #000;
+	background-image: url("./images/loading.gif");
+}
+
+.dropdown-extended ul li {
+	border-top-color: $block-inner-border;
+}
+
+.dropdown-extended ul li:hover {
+	background-color: $block-background2;
+	color: $bold-text-color;
+}
+
+.dropdown-extended .header, .dropdown-extended .footer {
+	border-color: $block-inner-border;
+	color: $bold-text-color;
+}
+
+.dropdown-extended .footer {
+	border-top-style: solid;
+	border-top-width: 1px;
+}
+
+.dropdown-extended .header {
+	background: $dropdown-heading-top;
+	// background-image: -webkit-linear-gradient(top, $dropdown-heading-top 0, $dropdown-heading-bottom 100%);
+	// background-image: linear-gradient(to bottom, $dropdown-heading-top 0, $dropdown-heading-bottom 100%);
+	// filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($dropdown-heading-top)}', endColorstr='#{ie-hex-str($dropdown-heading-top)}');
+	color: $dropdown-heading-color;
+	a {
+		color: $dropdown-heading-link-color;
+		&:hover {
+			color: $dropdown-heading-link-hover-color;
+		}
+	}
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+	color: $link-color;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
+	color: $link-hover-color;
+}
+
+.dropdown .dropdown-contents {
+	background: $dropdown-bg;
+	border-color: $dropdown-border;
+	box-shadow: $dropdown-shadow;
+}
+
+.dropdown-up .dropdown-contents {
+	box-shadow: $dropdown-shadow-up;
+}
+
+.dropdown li, .dropdown li li {
+	border-color: $dropdown-inner-border;
+}
+
+.dropdown li.separator {
+	border-color: $dropdown-inner-border;
+}
+
+// Notifications
+// ----------------------------------------
+.notification_list li {
+	&.notification-reported strong, &.notification-disapproved strong {
+		color: $secondary-color;
+	}
+
+	&.dropdown-notification {
+		background-color: $dropdown-notification-bg;
+		color: $dropdown-notification-color;
+		&, .panel-container & {
+			border-top-color: lighten($dropdown-notification-bg, 10%);
+			border-bottom-color: darken($dropdown-notification-bg, 10%);
+		}
+		strong {
+			color: $dropdown-notification-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($dropdown-notification-bg, $dropdown-notification-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($dropdown-notification-bg) < 50%, darken($dropdown-notification-bg, 30%), lighten($dropdown-notification-bg, 30%)), 100%);
+			&, &:after {
+				color: $dropdown-notification-strong-color;
+				&:hover {
+					color: $dropdown-notification-color;
+				}
+			}
+		}
+	}
+
+	&.bg3 {
+		// Unread
+		background-color: $notification-unread-bg;
+		color: $notification-unread-color;
+		&, .panel-container & {
+			border-top-color: lighten($notification-unread-bg, 10%);
+			border-bottom-color: darken($notification-unread-bg, 10%);
+		}
+		strong {
+			color: $notification-unread-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($notification-unread-bg, $notification-unread-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($notification-unread-bg) < 50%, darken($notification-unread-bg, 30%), lighten($notification-unread-bg, 30%)), 100%);
+			&, &:after {
+				color: $notification-unread-strong-color;
+				&:hover {
+					color: $notification-unread-color;
+				}
+			}
+		}
+	}
+
+	&.dropdown-notification:hover {
+		background-color: $dropdown-notification-hover-bg;
+		color: $dropdown-notification-color;
+		&, .panel-container & {
+			border-top-color: lighten($dropdown-notification-hover-bg, 10%);
+			border-bottom-color: darken($dropdown-notification-hover-bg, 10%);
+		}
+		strong {
+			color: $dropdown-notification-strong-color;
+		}
+		a {
+			color: inherit;
+		}
+		p.notification-time, p.notifications_time {
+			color: desaturate(mix($dropdown-notification-hover-bg, $dropdown-notification-color, 30%), 25%);
+		}
+		a.mark_read {
+			background-color: desaturate(if(lightness($dropdown-notification-hover-bg) < 50%, darken($dropdown-notification-hover-bg, 30%), lighten($dropdown-notification-hover-bg, 30%)), 100%);
+			&, &:after {
+				color: $dropdown-notification-strong-color;
+				&:hover {
+					color: $dropdown-notification-color;
+				}
+			}
+		}
+	}
+}
+
+
+//
+// --------------------------------------------------------------
+// Colours and backgrounds for imageset.css
+// --------------------------------------------------------------
+// .imageset.icon_post_target_unread {
+// 	&:after {
+// 		color: #D31141;
+// 	}
+// }
+
+.imageset.icon_post_target {
+	background-image: url("./images/icon_post_target.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-image: url("./images/icon_post_target_hd.png");
+	}
+}
+.imageset.icon_post_target_unread {
+	background-image: url("./images/icon_post_target_unread.png");
+	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx)	{
+		background-image: url("./images/icon_post_target_unread_hd.png");
+	}
+}
+
+.imageset.icon_topic_attach {
+	&:after {
+		color: $muted-color;
+	}
+}
+
+%imageset-secondary-color {
+	&:after {
+		color: $secondary-color;
+	}
+}
+
+.imageset.icon_topic_poll {
+	&:after {
+		color: desaturate(mix($primary-color, $block-background, 80%), 30%);
+	}
+}
diff --git a/simplicity_steelblue/theme/_custom.scss b/simplicity_steelblue/theme/_custom.scss
new file mode 100644
index 0000000..adc0a77
--- /dev/null
+++ b/simplicity_steelblue/theme/_custom.scss
@@ -0,0 +1,6 @@
+//
+//	Add your custom code to this file
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
diff --git a/simplicity_steelblue/theme/_custom_config.scss b/simplicity_steelblue/theme/_custom_config.scss
new file mode 100644
index 0000000..750dc54
--- /dev/null
+++ b/simplicity_steelblue/theme/_custom_config.scss
@@ -0,0 +1,13 @@
+//
+//	Add your custom configuration variables to this file.
+//	See _style_config.scss for list of variables
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
+
+
+// Examples: (commented to prevent it from working)
+// 
+// $show-logo: true;
+// $use-wrapper: false;
diff --git a/simplicity_steelblue/theme/_style_config.scss b/simplicity_steelblue/theme/_style_config.scss
new file mode 100644
index 0000000..31012a6
--- /dev/null
+++ b/simplicity_steelblue/theme/_style_config.scss
@@ -0,0 +1,414 @@
+//
+// Do not edit configuration values in this file.
+//
+// Instead add your own configuration to _custom_config.scss
+// Copy line from this file, paste it to _custom_config.scss and change value.
+//
+
+// Configuration file
+$show-logo:								true !default;	// true or false
+$center-logo:							true !default;	// true or false
+$logo-block-padding:					10px 0 !default;
+$responsive-hide-logo:					false !default;	// Hide logo on mobile devices. true or false
+
+$show-forum-title:						false !default;	// true or false
+
+$profile-width:							150px !default;
+$profile-side:							left !default;	// left or right
+$post-margin:							($profile-width + 10px) !default;
+
+$use-wrapper:							false !default;	// true or false
+$max-width:								none !default;	// Maximum width. Set to "none" to make layout fluid
+
+$split-forums:							true !default;	// Changes layout of forums list. Values are true or false
+
+$tabbed-navigation:						false !default;	// true or false. Toggles tabbed navigation layout
+
+//
+// Fonts
+//
+
+$font-size:								11px !default;	// Base font size
+$font-family:							Verdana, Helvetica, Arial, sans-serif !default;	// Default font
+$line-height:							1.4 !default;	// Line height
+
+$h1-font-size:							$font-size + 10px !default;
+$h1-font-family:						"Trebuchet MS", Arial, Helvetica, sans-serif !default;
+
+$h2-font-size:							$font-size + 8px !default;
+$h2-font-family:						"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$paragraph-line-height:					1.3 !default;
+
+$nav-primary-font-size:					$font-size + 1px !default;
+$nav-secondary-font-size:				$font-size + 1px !default;
+
+$heading-font-size:						$font-size + 4px !default;
+$panel-heading-font-size:				$font-size + 4px !default;
+
+$list-heading-font-size:				$font-size + 1px !default;
+$list-heading-line-height:				$font-size + 7px !default;
+$list-heading-font-family:				"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$forum-heading-font-size:				$list-heading-font-size + 2px !default;
+$forum-heading-font-family:				$list-heading-font-family !default;
+$forum-heading-font-weight:				500 !default;
+
+$button-font-size:						$font-size + 3px !default;
+$button-line-height:					floor(($font-size + 8px) / 2) * 2 !default;	// Convert to even number
+$button-glyph-font-size:				floor($font-size / 2) * 2 !default;	// Convert to even number
+
+$dropdown-header-font-size:				$font-size + 2px !default;
+$dropdown-header-font-family:			Arial, "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$dropdown-header-line-height:			30px !default;
+
+$forum-link-font-size:					$font-size + 5px !default;
+$forum-link-line-height:				1.2 !default;
+$forum-link-font-family:				"Droid Sans","Open Sans","Trebuchet MS",Helvetica,Arial,sans-serif !default;
+
+$forum-list-column-font-size:			$font-size + 1px !default;
+$forum-list-last-column-font-size:		$font-size !default;
+$forum-list-description-font-size:		$font-size + 2px !default;
+
+$topic-link-font-size:					$font-size + 4px !default;
+$topic-link-font-family:				$forum-link-font-family !default;
+
+$tab-font-size:							$font-size !default;
+$tab-line-height:						$tab-font-size * 2 + 4px !default;
+
+// Posts
+$post-content-font-size:				$font-size + 2px !default;	// Post content
+$post-content-line-height:				1.4 !default;
+$post-content-font-family:				"Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif !default;
+
+$post-title-font-size:					$font-size + 5px !default;
+$post-title-line-height:				1.25 !default;
+$post-title-font-family:				$h2-font-family !default;
+
+$post-signature-font-size:				$font-size + 1px !default;
+$post-quote-font-size:					$post-content-font-size - 1px !default;
+$post-code-font-size:					$post-content-font-size - 1px !default;
+
+$post-block-title-font-size:			$post-quote-font-size !default;	// Quote title, code title
+$post-block-title-line-height:			1.6 !default;
+$post-block-title-font-family:			$post-content-font-family !default;
+
+$post-profile-font-size:				$font-size !default;
+$post-profile-line-height:				$line-height !default;
+
+// Forms
+$input-button-font-size:				$font-size + 2px !default;
+$input-button-font-family:				"Lucida Grande", Verdana, Helvetica, Arial, sans-serif !default;
+$bbcode-button-font-size:				$font-size + 1px !default;
+
+//
+// Color palette
+//
+
+// Absolute black and white colors. Reverse them for dark styles
+$black-color:							#000 !default;		// Main color to mix with. Black for light styles, white for dark styles
+$white-color:							#fff !default;		// Opposite of $black-color
+
+// Page colors
+$page-background:						#e8e8e8 !default;	// HTML element
+$content-background:					#e0e0e0 !default;	// Page inside content wrapper
+$content-border-color:					#e0e0e0 !default;	// Border color for content wrapper
+
+// Primary colors
+$primary-color:							#525d73 !default;	// Main color, used for links and stuff
+$secondary-color:						#d03c3c !default;	// Secondary color, usually in red - yellow range
+$overlay-color:							$white-color !default;	// Text on top of sections that use colorful background.
+$block-background:						#f4f4f4 !default;	// Background of blocks
+$block-background-reported:				#f5e9e9 !default;	// Background for reported posts
+
+// Global color values
+$text-color:							#141414 !default;	// Text color
+$bold-text-color:						$black-color !default;	// Text color with higher contrast to background. #000 or #fff
+$post-text-color:						$text-color !default;	// Text inside posts
+$link-color:							$primary-color !default;	// Links
+$link-hover-color:						$secondary-color !default;	// Links, hover state
+$muted-color:							mix($black-color, $content-background, 40%) !default;	// Gray color
+$faint-color:							mix($black-color, $content-background, 30%) !default;	// Gray color
+$rules-color:							$secondary-color !default;	// Forum rules
+
+//
+// Calculated colors
+//
+
+// Misc. DO NOT EDIT!
+$light:									if(lightness($black-color) < 50%, true, false) !default;
+
+// Blocks
+$block-background2:						#f6f6f6 !default;	// Blocks with .bg2 background color
+$block-background3:						#f8f8f8 !default;	// Blocks with .bg3 background color - mostly UCP/MCP and posting form
+
+$block-border:							#e0e0e0 !default;	// Border color for blocks
+$border-radius:							3px !default;		// Main border radius
+$block-top-border:						lighten($block-background, 10%) !default;	// Top border of forums in forums list
+$block-bottom-border:					darken($block-background, 5%) !default;		// Bottom border of forums in forums list
+$block-inner-border:					$block-bottom-border !default;	// Border inside blocks where there is only 1 border instead of top/bottom borders
+
+$block-title-color:						desaturate($link-color, 5%) !default;	// Title inside blocks, such as post title
+
+// Tabs
+$tab-color:								desaturate($link-color, 20%) !default;
+$tab-background:						$block-background !default;
+
+$tab-hover-color:						$link-hover-color !default;
+$tab-hover-background:					$block-background3 !default;
+
+$tab-selected-color:					mix($text-color, $block-background3, 90%) !default;
+$tab-selected-background:				$block-background3 !default;
+
+// Header
+$header-bg:								$content-background !default;
+$header-text:							$text-color !default;
+$header-link:							$overlay-color !default;
+$header-link-hover:						mix($header-link, $header-bg, 80%) !default;
+
+// Primary navigation
+$primary-nav-bg:						$primary-color !default;
+$primary-nav-color:						$overlay-color !default;
+
+$primary-nav-selected-bg:				$block-background !default;
+$primary-nav-selected-color:			$primary-color !default;
+
+$primary-nav-hover-bg:					$block-background !default;
+$primary-nav-hover-color:				$secondary-color !default;
+
+$primary-nav-alert-bg:					hsl(0, saturation($secondary-color), lightness($secondary-color)) !default;
+$primary-nav-alert-color:				$overlay-color !default;
+$primary-nav-alert-shadow:				1px 1px 3px rgba(0, 0, 0, .2) !default;
+
+// Secondary navigation
+$secondary-nav-hover-link:				$link-hover-color !default;
+
+// Dropdown
+$dropdown-bg:							$block-background !default;
+$dropdown-border:						$primary-color !default;
+$dropdown-shadow:						1px 3px 5px rgba(0, 0, 0, 0.5) !default;
+$dropdown-shadow-up:					1px 0 5px rgba(0, 0, 0, 0.5) !default;
+$dropdown-inner-border:					if($light, darken($dropdown-bg, 10%), lighten($dropdown-bg, 10%)) !default;
+
+$dropdown-heading-top:					$dropdown-border !default;
+$dropdown-heading-bottom:				$dropdown-heading-top !default;
+$dropdown-heading-color:				$overlay-color !default;
+$dropdown-heading-link-color:			$overlay-color !default;
+$dropdown-heading-link-hover-color:		$overlay-color !default;
+
+$forum-description-color:				$overlay-color !default;
+$forum-description-bg:					mix($black-color, $block-background, 75%) !default;
+
+// Notifications
+$notification-unread-bg:				mix($content-background, $rules-color, 90%) !default;
+$notification-unread-color:				$rules-color !default;
+$notification-unread-strong-color:		$black-color !default;
+
+$dropdown-notification-bg:				$block-background !default;
+$dropdown-notification-hover-bg:		$block-background2 !default;
+$dropdown-notification-color:			$link-color !default;
+$dropdown-notification-strong-color:	desaturate(if(lightness($dropdown-notification-color) < 50%, darken($dropdown-notification-color, 30%), lighten($dropdown-notification-color, 30%)), 100%) !default;
+
+// Panels
+$panel-title-color:						desaturate(if($light, darken($primary-color, 10%), lighten($primary-color, 10%)), 25%) !default;
+$panel-title-border:					$block-inner-border !default;
+
+// Content outside of blocks
+$page-title-color:						$primary-color !default;
+$stats-title-color:						$primary-color !default;
+$content-top-border:					lighten($content-background, 10%) !default;
+$content-bottom-border:					darken($content-background, 10%) !default;
+$content-inner-border:					$content-bottom-border !default;
+
+// Heading section
+$heading-bg:							$primary-color !default;
+$heading-border:						$heading-bg !default;
+$heading-color:							$overlay-color !default;
+$heading-link:							$overlay-color !default;
+$heading-link-hover:					$overlay-color !default;
+
+// Inputs
+$input-text:							$text-color !default;	// Input text color
+$input-bg:								$white-color !default;	// Input background
+$input-border:							#c6c6c6 !default;	// Input border color
+$input-hover-text:						$input-text !default;
+$input-hover-bg:						$input-bg !default;
+$input-hover-border:					$secondary-color !default;
+$input-focus-text:						$input-text !default;
+$input-focus-bg:						$input-bg !default;
+$input-focus-border:					$primary-color !default;
+$input-border-radius:					2px !default;
+
+$search-box-border:						#c6c6c6 !default;	// Border for search box block
+$search-box-border-header:				#ccc !default;		// Same as above, for search box in header
+$search-box-shadow:						1px 1px 3px rgba(0, 0, 0, .1) !default;	// Box-shadow for search box in header
+
+// Buttons
+$button-bg:								mix($block-background, $primary-color, 10%) !default;
+$button-border-radius:					3px !default;
+$button-border:							$button-bg !default;
+$button-icon:							$overlay-color !default;
+$button-icon-hover:						$overlay-color !default;
+$button-text:							$overlay-color !default;
+
+$button-top-padding:					2px !default;
+$button-side-padding:					8px !default;
+$button-border-width:					1px !default;
+$button-height:							$button-line-height + ($button-top-padding + $button-border-width) * 2 !default;
+
+$big-button-border-radius:				4px !default;	// For big buttons and blocks like quick search
+
+// BBCode
+$bbcode-border-radius:					0px !default;
+$bbcode-background:						#fff !default;
+$bbcode-background2:					#f4f4f4 !default;
+$bbcode-outer-border:					if($light, darken($bbcode-background, 7%), lighten($bbcode-background, 7%)) !default;
+$bbcode-inner-border:					if($light, darken($bbcode-background, 5%), lighten($bbcode-background, 5%)) !default;
+$bbcode-heading-text:					#666 !default;
+
+// Code colors
+@function code-color($hue) {
+	@return hsl($hue, saturation($primary-color), lightness($primary-color));
+}
+$bbcode-code-color:						code-color(128deg) !default;
+
+// Do not edit few lines below
+$post-side:								if($profile-side == left, right, left) !default;
+
+// Mixins
+@mixin section {
+	background: $block-background;
+	border: 0 solid $block-border;
+	border-radius: $border-radius;
+	padding: 5px 10px;
+}
+
+@mixin section-forum {
+	@include section;
+	padding: 5px;
+}
+
+// Undo section mixin
+@mixin section-empty {
+	background: transparent;
+	border-width: 0;
+	border-radius: 0;
+	box-shadow: none;
+	padding: 0;
+}
+
+// Heading block
+@mixin section-heading {
+	margin: -5px -10px 5px;
+	border-radius: max(0, $border-radius - 1px);
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+	background: $heading-bg;
+	border: 0 solid $heading-border;
+	padding: 5px;
+	text-transform: none;
+	font-size: $heading-font-size;
+	line-height: $line-height;
+	font-weight: normal;
+	color: $heading-color;
+
+	@if $border-radius > 1px {
+		@media (max-width: 700px) {
+			border-radius: 0;
+		}
+	}
+
+	a {
+		color: $heading-link;
+		&:hover {
+			color: $heading-link-hover;
+		}
+	}
+}
+
+@mixin section-heading-forum {
+	@include section-heading;
+	@if $split-forums == false {
+		margin: -5px -5px 0;
+	}
+	@else {
+		@include section-heading-separate;
+		margin: 0;
+	}
+}
+
+@mixin section-heading-separate {
+	border-radius: $border-radius;
+}
+
+@mixin section-heading-cp {
+	background-color: transparent;
+	color: $stats-title-color;
+	background-image: none;
+	a {
+		color: $link-color;
+		&:hover {
+			color: $link-hover-color;
+		}
+	}
+}
+
+@mixin table-heading {
+	background: $heading-bg;
+	border: 0 solid $heading-border;
+	color: $heading-color;
+
+	@if $border-radius > 1px {
+		&:first-child {
+			border-top-left-radius: max(0, $border-radius - 1px);
+		}
+		&:last-child {
+			border-top-right-radius: max(0, $border-radius - 1px);
+		}
+	}
+}
+
+@mixin table-heading-transparent {
+	background: transparent;
+	color: inherit;
+}
+
+@mixin placeholder {
+	&::-moz-placeholder {
+		@content 
+	}
+	&::-webkit-input-placeholder {
+		@content
+	}
+	&:-ms-input-placeholder {
+		@content
+	}
+}
+
+@mixin tabbed-nav-layout-all {
+	@if ($use-wrapper) {
+		&, #wrap & {
+			@content;
+		}
+	}
+	@else {
+		@content;
+	}
+}
+
+@mixin tabbed-nav-layout-alt {
+	@if ($use-wrapper) {
+		@content;
+	}
+}
+
+@mixin tabbed-nav-layout-default {
+	@if ($use-wrapper) {
+		#wrap & {
+			@content;
+		}
+	}
+	@else {
+		@content;
+	}
+}
diff --git a/simplicity_steelblue/theme/bidi.css b/simplicity_steelblue/theme/bidi.css
new file mode 100644
index 0000000..f6c92ae
--- /dev/null
+++ b/simplicity_steelblue/theme/bidi.css
@@ -0,0 +1,4 @@
+/* RTL definitions
+---------------------------------------- */
+
+@import "../../simplicity/theme/bidi.css";
\ No newline at end of file
diff --git a/simplicity_steelblue/theme/common/_buttons.scss b/simplicity_steelblue/theme/common/_buttons.scss
new file mode 100644
index 0000000..eed1254
--- /dev/null
+++ b/simplicity_steelblue/theme/common/_buttons.scss
@@ -0,0 +1,304 @@
+// Button Styles
+// ----------------------------------------
+
+$button-inner-height:	$button-line-height + $button-top-padding * 2;
+$button-outer-height:	$button-inner-height + $button-border-width * 2;
+
+.button {
+	display: inline-block;
+	padding: $button-top-padding $button-side-padding;
+	font-size: $button-font-size;
+	font-weight: 600;
+	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;		
+	line-height: $button-line-height;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	-ms-touch-action: manipulation;
+	    touch-action: manipulation;
+	cursor: pointer;
+	-webkit-user-select: none;
+	   -moz-user-select: none;
+	    -ms-user-select: none;
+	        user-select: none;
+	border: $button-border-width solid transparent;
+	border-radius: $big-button-border-radius;
+
+	& > strong {
+		font-weight: 600;
+	}
+}
+
+.button:focus,
+.button:hover {
+ 	text-decoration: none;
+ 	outline: none;
+}
+
+.caret {
+	border-left: 1px solid;
+	position: relative;
+	right: -6px;
+}
+
+.caret i {
+	vertical-align: top;
+}
+
+/* Posting page styles
+----------------------------------------*/
+.button-search,
+.button-search-end  {
+	float: left;
+	border-radius: 0;
+	margin: 0;
+	padding: 2px 5px;
+}
+
+.button-search-end {
+	border-left-width: 0;
+	border-radius: 0 4px 4px 0;
+}
+
+.search-header .button-search,
+.search-header .button-search-end {
+	border-top-width: 0;
+	border-bottom-width: 0;
+	padding: 3px 5px;
+}
+
+.search-header .button-search-end {
+	border-right-width: 0;
+}
+
+.button-icon-only {
+	padding-left: 3px;
+	padding-right: 3px;
+}
+
+// Poster contact icons
+// ----------------------------------------
+.contact-icons.dropdown-contents {
+	min-width: 0;
+	padding: 0;
+	font-size: 0;
+}
+
+.contact-icon {
+	position: relative;
+	display: block;
+	height: 16px;
+	width: 16px;
+	&:after {
+		content: '';
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		text-align: center;
+		font-family: FontAwesome;
+		font-size: 14px;
+		line-height: 16px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+}
+.contact-icons a {
+	border-bottom: 1px dotted;
+	border-right: 1px dotted;
+	display: block;
+	float: left;
+	padding: 8px;
+}
+
+%contact-icon-gi {
+	font-family: 'Glyphicons Regular', 'Glyphicons';
+}
+
+.contact-icons .last-cell {
+	border-right: none;
+}
+
+.contact-icons div:last-child a {
+	border-bottom: none;
+}
+
+.contact-icons div {
+	clear: left;
+}
+
+// Profile icons
+.pm-icon:after {
+	content: '\f086';	// fa-comments
+}
+.email-icon:after {
+	content: '\f0e0';	// fa-envelope
+}
+.jabber-icon:after {
+	content: '\f0eb';	// fa-lightbulb-o
+	font-size: 16px;
+}
+.phpbb_icq-icon:after {
+	content: '\f013';	// fa-cog
+}
+.phpbb_wlm-icon:after {
+	content: '\f007';	// fa-user
+}
+.phpbb_aol-icon:after {
+	content: '\f2bb';	// fa-address-card
+}
+.phpbb_website-icon:after {
+	content: '\f08e';	// fa-external-link
+}
+.phpbb_youtube-icon:after {
+	content: '\f16a';	// fa-youtube-play
+}
+.phpbb_facebook-icon:after {
+	content: '\f230';	// fa-facebook-official
+}
+.phpbb_googleplus-icon:after {
+	content: '\f0d5';	// fa-google-plus
+}
+.phpbb_skype-icon:after {
+	content: '\f17e';	// fa-skype
+}
+.phpbb_twitter-icon:after {
+	content: '\f099';	// fa-twitter
+}
+.phpbb_yahoo-icon:after {
+	content: '\f19e';	// fa-yahoo
+}
+
+
+// Post control buttons
+// ---------------------------------------------
+.post-buttons {
+	float: right;
+	list-style: none;
+	margin-top: 2px;
+	.rtl & {
+		float: left;
+	}
+}
+
+.has-profile .post-buttons {
+	float: none;
+	position: absolute;
+	margin: 0;
+	top: 5px;
+
+	@if $profile-side == left {
+		right: 0;
+		.rtl & {
+			left: 0;
+		}
+	}
+	@else {
+		right: $post-margin;
+		.rtl & {
+			left: $post-margin;
+		}
+	}
+
+	.rtl & {
+		right: auto;
+	}
+}
+
+.post-buttons > li {
+	float: left;
+	margin-right: 3px;
+}
+
+.post-buttons .button, .format-buttons .button {
+	padding-left: 3px;
+	padding-right: 3px;
+}
+
+
+.hastouch .post-buttons {
+	margin-right: 10px;
+}
+
+.post-buttons .button span {
+	font-size: 0;
+}
+
+// Responsive buttons in post body
+.post-buttons .dropdown {
+	top: 20px;
+}
+
+$post-dropdown-glyphs-font-size:	floor($dropdown-content-font-size / 2) * 2;
+
+.post-buttons .dropdown a {
+	display: block;
+	font-size: $dropdown-content-font-size;
+	line-height: $dropdown-content-line-height;
+	text-align: left;
+	margin-left: 18px;
+	position: relative;
+	&:before {
+		position: absolute;
+		left: -16px;
+		top: 50%;
+		height: $post-dropdown-glyphs-font-size;
+		line-height: $post-dropdown-glyphs-font-size + 2px;
+		margin: -#{$post-dropdown-glyphs-font-size / 2} 0 0;
+		pointer-events: none;
+		color: inherit;
+	}
+	.rtl & {
+		text-align: right;
+	}
+}
+
+.hasjs .postbody .post-buttons {
+	max-width: 40%;
+}
+
+// Browser-specific tweaks
+button::-moz-focus-inner {
+	padding: 0;
+	border: 0
+}
+
+
+/* Deprecated as of version 3.2
+-------------------------------------------------*/
+.small-icon {
+	background-position: 0 50%;
+	background-repeat: no-repeat;
+	background-image: none;
+}
+
+.dropdown .small-icon {
+	background-position: 5px 50%;
+	padding: 5px;
+}
+
+.small-icon > a {
+	padding: 0 0 0 18px;
+}
+
+ul.linklist.bulletin > li.small-icon:before {
+	display: none;
+}
+
+.dropdown .small-icon > a {
+	display: block;
+}
+
+.rtl .small-icon {
+	background-position: 100% 50%;
+}
+
+.rtl .small-icon > a {
+	padding-left: 0;
+	padding-right: 19px;
+}
diff --git a/simplicity_steelblue/theme/common/_common.scss b/simplicity_steelblue/theme/common/_common.scss
new file mode 100644
index 0000000..7503c91
--- /dev/null
+++ b/simplicity_steelblue/theme/common/_common.scss
@@ -0,0 +1,2336 @@
+// CSS Reset http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
+// ----------------------------------------
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+// HTML5 display-role reset for older browsers
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+abbr {
+	text-decoration: none;
+}
+
+// Useful stuff
+%clearfix {
+	&:after, &:before {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+}
+
+// General Markup Styles
+// ----------------------------------------
+html {
+	font-size: 100%;
+	height: 100%;
+}
+
+body {
+	font-family: $font-family;
+	font-size: $font-size;
+	line-height: $line-height;
+	margin: 0;
+	padding: 0 0 12px;
+	word-wrap: break-word;
+	min-height: 100%;
+	box-sizing: border-box;
+	-webkit-print-color-adjust: exact;
+}
+
+$h1-font-size:		$font-size + 10px !default;
+$h1-line-height:	inherit !default;
+
+h1, p.sitename {
+	// Forum name
+	font-family: $h1-font-family;
+	margin-right: 200px;
+	margin-top: 15px;
+	margin-bottom: 0;
+	font-weight: bold;
+	font-size: $h1-font-size;
+	line-height: $h1-line-height;
+}
+
+h2 {
+	// Forum header titles
+	font-family: $h2-font-family;
+	font-weight: normal;
+	font-size: $h2-font-size;
+	margin: 0.8em 0 0.2em 0;
+}
+
+h2.solo {
+	margin-bottom: 1em;
+}
+
+$h3-font-size:			($h2-font-size - 2px) !default;
+$h3-font-family:		$h2-font-family !default;
+
+h3 {
+	// Sub-headers (also used as post headers, but defined later)
+	font-family: $h3-font-family;
+	font-weight: 500;
+	margin-bottom: 5px;
+	font-size: $h3-font-size;
+	margin-top: 20px;
+}
+
+$h4-font-size:			ceil($font-size * 1.3) !default;
+$h4-font-family:		$h1-font-family !default;
+
+h4 {
+	// Forum and topic list titles
+	font-family: $h4-font-family;
+	font-size: $h4-font-size;
+}
+
+$paragraph-font-size:	$font-size !default;
+
+p {
+	line-height: $paragraph-line-height;
+	font-size: $paragraph-font-size;
+	margin-bottom: 1.5em;
+}
+
+img {
+	border-width: 0;
+}
+
+hr {
+	border: 0 solid transparent;
+	border-top-width: 1px;
+	height: 1px;
+	margin: 5px 0;
+	display: block;
+	clear: both;
+}
+
+hr.dashed {
+	border-top-style: dashed;
+	margin: 10px 0;
+}
+
+hr.divider {
+	display: none;
+}
+
+p.right {
+	text-align: right;
+}
+
+p.jumpbox-return {
+	margin-top: 10px;
+	margin-bottom: 0;
+	float: left;
+}
+
+b, strong {
+	font-weight: bold;
+}
+
+.text-strong {
+	font-weight: bold;
+}
+
+i, em {
+	font-style: italic;
+}
+
+.text-italics {
+	font-style: italic;
+}
+
+u {
+	text-decoration: underline;
+}
+
+ul {
+	list-style-type: disc;
+}
+
+ol {
+	list-style-type: decimal;
+}
+
+li {
+	display: list-item;
+}
+
+ul ul, ol ul {
+	list-style-type: circle;
+}
+
+ol ol ul, ol ul ul, ul ol ul, ul ul ul {
+	list-style-type: square;
+}
+
+
+// Main blocks
+// ----------------------------------------
+@mixin wrapper-padding {
+	padding: 10px;
+}
+
+#wrap {
+	@if $use-wrapper {
+		border: 1px solid transparent;
+		border-radius: 8px;
+		@include wrapper-padding;
+	}
+}
+
+@mixin page-width {
+	box-sizing: border-box;
+	margin: 0 auto;
+	max-width: $max-width;
+	min-width: 625px;
+	@if $max-width != none {
+		@media (max-width: ($max-width + 24px)) {
+			margin: 0 12px;
+		}
+	}
+	@else {
+		margin: 0 12px;
+	}
+}
+.page-width {
+	@include page-width;
+}
+
+.page-width .page-width {
+	margin: 0;
+}
+
+.page-body {
+	margin: 4px 0;
+	#wrap > &:first-of-type {
+		margin-top: 0;
+	}
+	#wrap > &:last-of-type {
+		margin-bottom: 0;
+	}
+	clear: both;
+}
+
+.page-footer {
+	clear: both;
+	#wrap + & {
+		margin-top: 5px;
+	}
+}
+
+.page-footer h3 {
+	margin-top: 20px;
+}
+
+.logo {
+	@if $show-logo == true {
+		display: block;
+		box-sizing: border-box;
+		max-width: 100%;
+		@if $center-logo == true {
+			&, & img {
+				margin: 0 auto;
+			}
+		}
+		@else {
+			float: left;
+		}
+		img {
+			display: block;
+			max-width: 100%;
+		}
+		padding: $logo-block-padding;
+		&:hover {
+			text-decoration: none;
+		}
+	}
+	@else {
+		display: none;
+	}
+}
+
+// Site description and logo
+.site-description {
+	@extend %clearfix;
+	h1, p.sitename {
+		margin-left: 0;
+		margin-right: 0;
+	}
+
+	@if $center-logo == true {
+		text-align: center;
+	}
+
+	@if $show-forum-title == false {
+		h1, p {
+			display: none;
+		}
+	}
+}
+
+// Round cornered boxes and backgrounds
+// ----------------------------------------
+.headerbar {
+	& > .inner {
+		position: relative;
+	}
+}
+
+$nav-primary-glyph-font-size:	$nav-primary-font-size + 2px !default;
+$nav-primary-glyph-margin:		0px - ($nav-primary-glyph-font-size  / 2) !default;
+
+$nav-alert-font-size:		9px !default;
+
+.navbar {
+	$navtabs-border-radius: min(5px, $border-radius) !default;
+	$navtabs-border-radius-small: max(0px, $navtabs-border-radius - 2) !default;
+	$tab-height: $nav-primary-font-size + 18px !default;
+	$tab-padding: 12px !default;
+	$tab-padding-glyph: 8px !default;
+
+	@include section;
+	padding: 0 9px;
+	clear: both;
+
+	&.tabbed, &.secondary {
+		@include section-empty;
+	}
+
+	.page-body & {
+		margin-bottom: 10px;
+	}
+	+ .navbar {
+		margin-top: 5px;
+	}
+	&.tabbed {
+		padding: 0;
+	}
+	&.secondary {
+		@extend %clearfix;
+		margin: 0;
+		padding: 1px 0;
+		> ul {
+			list-style-type: none;
+			margin: 0;
+			padding: 0;
+		}
+		> ul > li {
+			position: relative;
+			display: inline-block;
+			margin: 0;
+			padding: 0;
+			> a {
+				display: inline-block;
+				color: inherit;
+				padding: 1px 8px;
+				text-align: center;
+				line-height: $nav-secondary-font-size + 14px;
+				font-size: $nav-secondary-font-size;
+			}
+			&:hover {
+				> a {
+					text-decoration: none;
+				}
+				border-radius: 3px;
+			}
+			&.small-icon > a {
+				padding-left: 18px;
+			}
+			.dropdown {
+				top: $nav-secondary-font-size + 16px;
+			}
+			&.dropdown-up .dropdown {
+				top: auto;
+				bottom: $nav-secondary-font-size + 16px;
+			}
+			&.search-box {
+				display: block;
+				margin: 0;
+				float: right;
+				.rtl & {
+					float: left;
+				}
+				&, &:hover {
+					border-radius: 0;
+					border-width: 0;
+					box-shadow: none;
+					background: none;
+					filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+				}
+			}
+		}
+		+ .nav-breadcrumbs {
+			margin-top: 0;
+		}
+	}
+
+	li.small-icon > a {
+		padding-left: 18px;
+	}
+
+	.nav-tabs {
+		border-radius: $navtabs-border-radius;
+		& .leftside {
+			& .tab:first-child,
+			& .tab.first-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+			}
+		}
+		.rtl & .rightside {
+			& .tab:last-child,
+			& .tab.last-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-right-radius: 0;
+				border-bottom-right-radius: 0;
+			}
+		}
+		& .rightside {
+			& .tab:last-child,
+			& .tab.last-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+			}
+		}
+		.rtl & .leftside {
+			& .tab:first-child,
+			& .tab.first-visible {
+				border-radius: max($navtabs-border-radius - 1px, 0px); // 1px smaller than overall border to avoid rough edges
+				border-top-left-radius: 0;
+				border-bottom-left-radius: 0;
+			}
+		}
+
+		@extend %clearfix;
+
+		& > ul {
+			list-style-type: none;
+			margin: 0;
+			height: $tab-height;
+
+			&.leftside, .rtl &.rightside {
+				float: left;
+			}
+			&.rightside, .rtl &.leftside {
+				float: right;
+			}
+
+			& > li {
+				float: left;
+				height: $tab-height;
+			}
+			.rtl & > li {
+				float: right;
+			}
+			.quick-links {
+				margin: 0;
+				&.empty {
+					display: none;
+				}
+				&.showing-responsive-menu {
+					display: block;
+				}
+			}
+		}
+
+		.nav-link {
+			text-decoration: none;
+			color: inherit;
+			display: inline-block;
+			height: $tab-height;
+			line-height: $tab-height;
+			padding: 0 $tab-padding;
+			vertical-align: baseline;
+			font-size: $nav-primary-font-size;
+			outline-style: none;
+			&.dropdown-toggle {
+				position: relative;
+				&:before {
+					$nav-primary-font-size-toggle:	ceil($nav-primary-font-size * 2 / 3) !default;
+					content: '\f078';	// fa-chevron-down
+					font-family: FontAwesome;
+					position: absolute;
+					right: 12px;
+					top: 50%;
+					font-size: $nav-primary-font-size-toggle;
+					line-height: $nav-primary-font-size;
+					width: $nav-primary-font-size-toggle;
+					height: $nav-primary-font-size;
+					margin-top: -6px;
+					.rtl & {
+						right: auto;
+						left: 12px;
+					}
+				}
+				&:hover:before {
+				}
+			}
+			.username-coloured {
+				color: inherit !important;
+				font-weight: inherit;
+				font-style: inherit;
+			}
+		}
+
+		.responsive-menu .nav-link:before,
+		.dropdown-visible .nav-link:before {
+          		content: '\f077'; // fa-chevron-up
+          		font-family: FontAwesome;
+          		position: absolute;
+          		right: 12px;
+         		top: 50%;
+          		font-size: 9px;
+          		line-height: 13px;
+          		width: 9px;
+          		height: 13px;
+          		margin-top: -6px;
+		}
+
+		.dropdown {
+			top: $tab-height;
+			.dropdown-up & {
+				top: auto;
+				bottom: $tab-height;
+			}
+		}
+
+		.tab {
+			position: relative;
+			// Alert
+			& > strong {
+				display: none;
+				font-weight: bold;
+				font-size: $nav-alert-font-size;
+				padding: 0 2px;
+				border-radius: 3px;
+				position: absolute;
+				right: 5px;
+				top: -10px;
+				line-height: $nav-alert-font-size + 5px;
+				min-width: 10px;
+				_width: 10px;
+				text-align: center;
+				text-shadow: none;
+				white-space: nowrap;
+				word-wrap: normal;
+				height: $nav-alert-font-size + 5px;
+				pointer-events: none;
+				.rtl & {
+					right: auto;
+					left: 5px;
+				}
+				.arrow {
+					border: 3px solid transparent;
+					border-bottom: 1px none black;
+					position: absolute;
+					bottom: -3px;
+					right: 4px;
+					line-height: 0;
+					text-shadow: none;
+					_display: none;
+					width: 0;
+					height: 0;
+				}
+			}
+			&.non-zero > strong {
+				display: block;
+			}
+		}
+
+		// Glyphs
+		%glyph {
+			position: relative;
+			padding-left: ($tab-padding + 18px);
+			&:after {
+				position: absolute;
+				left: $tab-padding;
+				top: 50%;
+				margin-top: $nav-primary-glyph-margin;
+				width: $nav-primary-glyph-font-size;
+				font-size: $nav-primary-font-size;
+				line-height: $nav-primary-glyph-font-size;
+				height: $nav-primary-glyph-font-size;
+				text-align: left;
+				font-weight: normal;
+				font-style: normal;
+				text-indent: 0;
+			}
+			.rtl & {
+			}
+			.rtl &:after {
+				left: auto;
+				right: $tab-padding;
+			}
+		}
+		%glyph-only {
+			@extend %glyph;
+			text-indent: 999px;
+			width: $nav-primary-glyph-font-size;
+			padding: 0 $tab-padding-glyph;
+			overflow: hidden;
+			&:after {
+				text-align: center;
+				font-size: $nav-primary-glyph-font-size;
+				left: $tab-padding-glyph;
+			}
+			.rtl &:after {
+				left: auto;
+				right: $tab-padding-glyph;
+			}
+			& + strong {
+				right: -2px;
+				.rtl & {
+					right: auto;
+					left: -2px;
+				}
+			}
+		}
+		@media (max-width: 550px) {
+			%glyph-only-media {
+				text-indent: 999px;
+				width: $nav-primary-glyph-font-size;
+				padding: 0 $tab-padding-glyph;
+				overflow: hidden;
+				&:after {
+					text-align: center;
+					font-size: $nav-primary-glyph-font-size;
+					left: $tab-padding-glyph;
+				}
+				.rtl &:after {
+					left: auto;
+					right: $tab-padding-glyph;
+				}
+				& + strong {
+					right: -2px;
+					.rtl & {
+						right: auto;
+						left: -2px;
+					}
+				}
+			}
+		}
+
+		%glyph-fa {
+			font-family: FontAwesome;
+		}
+
+		.responsive-menu .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0c9';	// fa-bars
+			}
+		}
+
+		.members .nav-link {
+			@extend %glyph;
+			padding-left: ($tab-padding + 20px);
+			padding-right: ($tab-padding + 12px);
+			.rtl & {
+				padding-left: ($tab-padding + 12px);
+				padding-right: ($tab-padding + 20px);
+			}
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0c0';	// fa-groups
+			}
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+				padding: 0 $tab-padding-glyph !important;
+			}
+		}
+
+		.forums .nav-link {
+			@extend %glyph;
+			.rtl & {
+				padding-left: $tab-padding;
+				padding-right: ($tab-padding + 20px);
+			}
+			&:after {
+				@extend %glyph-fa;
+				content: '\f075';	// fa-comment
+			}
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+
+		.account .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f007';	// fa-user
+			}
+		}
+
+		.pm .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f01c';	// fa-inbox
+			}
+		}
+
+		.notifications .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0f3';	// fa-bell
+				font-size: $nav-primary-glyph-font-size - 1px;
+			}
+		}
+
+		.mcp .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0e3';	// fa-gavel
+			}
+		}
+
+		.acp .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f085';	// fa-cogs
+			}
+		}
+
+		.faq .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f059';	// fa-question-circle
+			}
+		}
+
+		@media (max-width: 550px) {
+			.faq {
+				&, & .nav-link {
+					display: none !important;
+				}
+			}
+		}
+
+		.logout .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f08b';	// fa-sign-out
+				margin-left: 1px;
+			}
+		}
+
+		.login .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f090';	// fa-sign-in
+			}
+		}
+
+		.register .nav-link {
+			@extend %glyph-only;
+			&:after {
+				@extend %glyph-fa;
+				content: '\f234';	// fa-user-plus
+			}
+		}
+
+		// Commonly used links for extensions
+		.boardrules .nav-link {
+			&:after {
+				@extend %glyph-fa;
+				content: '\f071';	// fa-exclamation-triangle
+			}
+		}
+		.leftside .boardrules .nav-link {
+			@extend %glyph;
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+		.rightside .boardrules .nav-link {
+			@extend %glyph-only;
+		}
+
+		.pages .nav-link {
+			&:after {
+				@extend %glyph-fa;
+				content: '\f0f6';	// fa-file-text-o
+			}
+		}
+		.leftside .pages .nav-link {
+			@extend %glyph;
+			@media (max-width: 550px) {
+				@extend %glyph-only-media;
+			}
+		}
+		.rightside .pages .nav-link {
+			@extend %glyph-only;
+		}
+	}
+
+	// Tabbed navigation
+	@if $tabbed-navigation {
+		&.tabbed.not-static {
+
+			@if $use-wrapper {
+				// Add spacing between top of wrapper and tabs on mobile devices
+				@media (max-width: 700px) {
+					#wrap > div:first-child > &:first-child:before {
+						content: '';
+						display: block;
+						height: 10px;
+					}
+				}
+			}
+
+			.nav-tabs {
+				background: none;
+				box-shadow: none;
+				border-radius: 0;
+				border-width: 0;
+				padding: 0 10px;
+
+				.quick-links {
+					margin: 0 3px;
+				}
+				li.tab {
+					// Tabs layout
+					margin: 0 3px;
+					padding: 0;
+					border-width: 0;
+					border-radius: 0;
+					text-shadow: none;
+
+					@include tabbed-nav-layout-alt {
+						border-top-left-radius: ($navtabs-border-radius + 2);
+						border-top-right-radius: ($navtabs-border-radius + 2);
+					}
+
+					@include tabbed-nav-layout-default {
+						border-top-left-radius: $navtabs-border-radius;
+						border-top-right-radius: $navtabs-border-radius;
+					}
+
+					@media (max-width: 700px) {
+						margin: 0 2px;
+					}
+
+					// Link
+					.nav-link.dropdown-toggle {
+						&:before {
+							display: none;
+							right: 2px;
+							.rtl & {
+								right: auto;
+								left: 2px;
+							}
+						}
+						&:hover:before {
+							display: block;
+						}
+					}
+
+					// Dropdown position
+					&.dropdown-right .dropdown {
+						left: -1px;
+					}
+
+					&.dropdown-left .dropdown {
+						right: -1px;
+					}
+
+					&.dropdown-down .dropdown {
+						top: ($tab-height - 1);
+					}
+
+					&.dropdown-up .dropdown {
+						bottom: ($tab-height - 1);
+					}
+				}
+
+				.rightside li.tab {
+					margin: 0 2px;
+				}
+			}
+
+			// Second row
+			+ .navbar.secondary {
+				border-width: 0;
+				border-radius: $border-radius;
+				font-size: $nav-secondary-font-size;
+				z-index: 2;
+				position: relative;
+				margin: 0 0 10px;
+				padding: 0 5px;
+
+				@media (max-width: 700px) {
+					border-radius: 0;
+					border-left-width: 0;
+					border-right-width: 0;
+				}
+			}
+		}
+	}
+
+	// Static navigation
+	.inner.static {
+		position: fixed;
+		top: 0;
+		z-index: 50;
+		left: 0;
+		right: 0;
+		padding-top: 0;
+		padding-bottom: 0;
+		width: auto;
+		max-width: none;
+		opacity: .9;
+		transition: opacity .2s;
+		@if $use-wrapper {
+			#wrap & > .static-inner {
+				@include wrapper-padding;
+			}
+		}
+		& > .static-inner {
+			@include page-width;
+			padding-top: 0 !important;
+			padding-bottom: 0 !important;
+		}
+		&:hover {
+			opacity: 1;
+		}
+		.nav-tabs {
+			border-radius: 0;
+			& .leftside, .rtl & .rightside {
+				& .tab:first-child,
+				& .tab.first-visible {
+					border-radius: 0;
+				}
+			}
+			& .rightside, .rtl & .leftside {
+				& .tab:last-child,
+				& .tab.last-visible {
+					border-radius: 0;
+				}
+			}
+			.tab > strong {
+				position: relative;
+				top: 0;
+				left: 0;
+				right: 0;
+				bottom: 0;
+				vertical-align: top;
+				margin-top: 8px;
+				margin-left: -7px;
+				margin-right: 5px;
+				padding-bottom: 1px;
+				pointer-events: none;
+				.arrow {
+					display: none;
+				}
+			}
+			.tab.non-zero > strong {
+				display: inline-block;
+			}
+			.pm > .nav-link + strong {
+				margin-left: -5px;
+			}
+		}
+	}
+}
+
+.forabg {
+	@if $split-forums == false {
+		@include section-forum;
+		margin-bottom: 4px;
+		clear: both;
+		& + .forabg {
+			margin-top: 10px;
+		}
+	}
+	@else {
+		padding: 0;
+		margin: 10px 0;
+	}
+}
+
+.forumbg {
+	@if $split-forums == false {
+		@include section-forum;
+		margin-bottom: 4px;
+		clear: both;
+
+		&.forumbg-table {
+			@include section-empty;
+			padding: 0 1px;
+		}
+	}
+	@else {
+		padding: 0;
+	}
+}
+
+.panel {
+	@include section;
+	margin-bottom: 10px;
+	padding: 5px 10px;
+
+	// UCP/MCP panel
+	&.bg3 {
+		border-radius: 0;
+		border-width: 0;
+		box-shadow: none;
+		border-top: 3px solid transparent;
+		position: relative;
+		&:before, &:after {
+			content: '';
+			position: absolute;
+			top: 0;
+			width: 3px;
+			height: 50px;
+		}
+		&:before {
+			left: 0;
+		}
+		&:after {
+			right: 0;
+		}
+	}
+
+	// Posting form
+	.postform &.panel {
+		border-radius: $border-radius;
+	}
+}
+
+$panel-heading-line-height:	$line-height !default;
+
+.panel > .inner > h3:first-child,
+.panel > h3:first-child {
+	@include section-heading;
+	padding-left: 10px;
+	padding-right: 10px;
+	.panel-container & {
+		font-size: $panel-heading-font-size;
+		line-height: $panel-heading-line-height;
+	}
+}
+
+.post {
+	@include section;
+	padding: 0;
+	margin-bottom: 10px;
+	position: relative;
+}
+
+.post > .inner {
+	padding: 5px 10px;
+}
+
+.rowbg {
+	margin: 5px 5px 2px 5px;
+}
+
+// Horizontal lists
+// ----------------------------------------
+.navbar ul.linklist {
+	padding: 2px 0;
+}
+
+ul.linklist {
+	display: block;
+	margin: 0;
+}
+
+.cp-main .panel {
+	padding: 5px 10px;
+}
+
+$list-font-size:	$font-size !default;
+$list-line-height:	2 !default;
+ul.linklist > li {
+	float: left;
+	font-size: $list-font-size;
+	line-height: $list-line-height;
+	list-style-type: none;
+	margin-right: 7px;
+	padding-top: 1px;
+	width: auto;
+	&, &.rightside {
+		&.icon-only {
+			text-align: center;
+			min-width: 20px;
+		}
+	}
+}
+
+ul.linklist > li.rightside, p.rightside, a.rightside {
+	float: right;
+	margin-right: 0;
+	margin-left: 7px;
+	text-align: right;
+}
+
+ul.navlinks {
+	border-top: 1px solid transparent;
+	&.nav-breadcrumbs {
+		border-top-width: 0;
+	}
+}
+
+ul.leftside {
+	float: left;
+	margin-left: 0;
+	margin-right: 5px;
+	text-align: left;
+}
+
+ul.rightside {
+	float: right;
+	margin-left: 5px;
+	margin-right: -5px;
+	text-align: right;
+}
+
+ul.linklist li.responsive-menu {
+	position: relative;
+	margin: 0 5px;
+}
+
+$responsive-menu-font-size:		$font-size + 2px !default;
+
+.fa-bars:before {
+	display: none;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+	display: inline-block;
+	margin: 0 5px;
+	font-size: $responsive-menu-font-size + 4px;
+	position: relative;
+	width: $responsive-menu-font-size + 4px;
+	line-height: $responsive-menu-font-size + 8px;
+	text-decoration: none;
+}
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+	&:before {
+		content: '\f0c9';	// fa-bars
+		font-family: FontAwesome;
+		position: absolute;
+		left: 0;
+		top: 50%;
+		margin-top: -#{$responsive-menu-font-size / 2};
+		width: $responsive-menu-font-size + 2px;
+		font-size: $responsive-menu-font-size;
+		line-height: $responsive-menu-font-size;
+		height: $responsive-menu-font-size;
+		text-align: center;
+		font-weight: normal;
+		font-style: normal;
+		text-indent: 0;
+	}
+	&:hover:before {
+		font-family: FontAwesome;
+		content: '\f078';	// fa-chevron-down
+	}
+}
+
+.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
+	max-width: 48%;
+}
+
+.hasjs ul.linklist.fullwidth {
+	max-width: none;
+}
+
+li.responsive-menu.dropdown-right .dropdown {
+}
+
+li.responsive-menu.dropdown-left .dropdown {
+}
+
+ul.linklist .dropdown {
+	top: $list-font-size * 2;
+}
+
+ul.linklist .dropdown-up .dropdown {
+	bottom: $list-font-size * 2;
+	top: auto;
+}
+
+// Bulletin icons for list items
+// ----------------------------------------
+ul.linklist.bulletin > li:before {
+	display: inline-block;
+	content: "\2022";
+	font-size: inherit;
+	line-height: inherit;
+	padding-right: 4px;
+}
+
+ul.linklist.bulletin > li:first-child:before,
+ul.linklist.bulletin > li.rightside:last-child:before {
+	content: none;
+}
+
+ul.linklist.bulletin > li.no-bulletin:before {
+	content: none;
+}
+
+.responsive-menu:before {
+	display: none !important;
+}
+
+// Profile in overall_header.html
+.header-profile {
+	display: inline-block;
+	vertical-align: top;
+}
+
+.header-avatar:hover {
+	text-decoration: none;
+}
+
+.header-avatar img {
+	margin-bottom: 2px;
+	max-height: 20px;
+	vertical-align: middle;
+	width: auto;
+}
+
+.header-avatar span:after {
+	content: '\f078';	// fa-chevron-down
+	font-family: FontAwesome;
+	display: inline-block;
+	font-size: 7px;
+	float: right;
+	padding-left: 2px;
+	font-weight: normal;
+	opacity: 0.7;
+}
+
+// Dropdown menu
+// ----------------------------------------
+.dropdown-container {
+	position: relative;
+}
+
+.dropdown-container-right {
+	float: right;
+}
+
+.dropdown-container-left {
+	float: left;
+}
+
+.nojs .dropdown-container:hover .dropdown {
+	display: block !important;
+}
+
+.dropdown {
+	display: none;
+	position: absolute;
+	left: 0;
+	top: if(unitless($line-height), #{$line-height}em, $line-height);
+	z-index: 30;
+	padding: 0;
+	margin-right: -500px;
+}
+
+.dropdown.live-search {
+	top: auto;
+}
+
+.dropdown-container.topic-tools {
+	float: left;
+}
+
+.dropdown-up .dropdown {
+	top: auto;
+	bottom: if(unitless($line-height), #{$line-height}em, $line-height);
+}
+
+.dropdown-left .dropdown, .nojs .rightside .dropdown {
+	left: auto;
+	right: 0;
+	margin-left: -500px;
+	margin-right: 0;
+}
+
+.dropdown-button-control .dropdown {
+	top: $button-height;
+}
+
+.dropdown-button-control.dropdown-up .dropdown {
+	top: auto;
+	bottom: $button-height;
+}
+
+.dropdown .pointer, .dropdown .pointer-inner {
+	position: absolute;
+	width: 0;
+	height: 0;
+	border-top-width: 0;
+	border-bottom: 10px solid transparent;
+	border-left: 10px dashed transparent;
+	border-right: 10px dashed transparent;
+	-webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
+	display: block;
+}
+
+.dropdown-up .pointer, .dropdown-up .pointer-inner {
+	border-bottom-width: 0;
+	border-top: 10px solid transparent;
+}
+
+.dropdown .pointer {
+	right: auto;
+	left: 10px;
+	top: 0;
+	z-index: 3;
+}
+
+.dropdown-up .pointer {
+	bottom: 0;
+	top: auto;
+}
+
+.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
+	left: auto;
+	right: 10px;
+}
+
+.dropdown .pointer-inner {
+	top: auto;
+	bottom: -11px;
+	left: -10px;
+}
+
+.dropdown-up .pointer-inner {
+	bottom: auto;
+	top: -11px;
+}
+
+.dropdown .dropdown-contents {
+	z-index: 30;
+	overflow: hidden;
+	overflow-y: auto;
+	border: 0px solid transparent;
+	border-radius: 0 0 min($border-radius, 5px) min($border-radius, 5px);
+	border-top-width: 3px;
+	padding: 5px;
+	position: relative;
+	min-width: 40px;
+	max-height: 300px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	.notifications & {
+		min-width: 300px;
+	}
+}
+
+.dropdown-up .dropdown-contents {
+	border-bottom-width: 3px;
+	border-top-width: 0;
+	border-radius: min($border-radius, 5px) min($border-radius, 5px) 0 0;
+}
+
+$dropdown-content-font-size:	$font-size + 1px !default;
+$dropdown-content-line-height:	$line-height !default;
+
+.dropdown-contents > li {
+	padding-right: 15px;
+	min-width: 180px;
+}
+
+.dropdown-nonscroll > li {
+	padding-right: 0;
+}
+
+.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
+	border-top: 0;
+}
+
+.dropdown li li:first-child {
+	margin-top: 4px;
+}
+
+.dropdown li li:last-child {
+	padding-bottom: 0;
+}
+
+.dropdown li li {
+	border-top: 1px dotted transparent;
+	padding-left: 18px;
+}
+
+#wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
+	white-space: normal;
+}
+
+.dropdown li.separator {
+	border-top: 1px solid transparent;
+	margin: 4px 0;
+	padding: 0;
+}
+
+.dropdown li.separator:first-child, .dropdown li.separator:last-child {
+	display: none !important;
+}
+
+.dropdown-trigger > i.glyphicons, .dropdown-trigger > i.fa {
+	display: inline;
+	line-height: inherit;
+	top: 0;
+	vertical-align: baseline;
+	&:before {
+		font-size: 1.4em;
+		line-height: 1;
+		position: relative;
+		top: 1px;
+	}
+}
+
+// Responsive breadcrumbs
+// ----------------------------------------
+.breadcrumbs .crumb {
+	float: left;
+	font-weight: bold;
+	word-wrap: normal;
+	position: relative;
+	padding-left: $list-font-size + 2px;
+	.rtl & {
+		padding-left: 0;
+		padding-right: $list-font-size + 2px;
+	}
+}
+
+.breadcrumbs .crumb:before {
+	content: '\f054';	// fa-chevron-right
+	font-family: FontAwesome;
+	font-weight: normal;
+	position: absolute;
+	left: 1px;
+	width: $list-font-size;
+	top: 50%;
+	margin-top: -#{$list-font-size / 2};
+	font-size: $list-font-size - 4px;
+	height: $list-font-size;
+	line-height: $list-font-size;
+	text-align: center;
+	.rtl & {
+		left: auto;
+		right: 1px;
+		content: '\f053';	// fa-chevron-left
+	}
+}
+
+.breadcrumbs .crumb:first-child {
+	padding-left: 0;
+	padding-right: 0;
+	&:before {
+		display: none;
+	}
+}
+
+.breadcrumbs .crumb a {
+	display: inline-block;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	vertical-align: bottom;
+	overflow: hidden;
+}
+
+.breadcrumbs.wrapped .crumb a { letter-spacing: -.3px; }
+.breadcrumbs.wrapped .crumb.wrapped-medium a { letter-spacing: -.4px; }
+.breadcrumbs.wrapped .crumb.wrapped-tiny a { letter-spacing: -.5px; }
+
+.breadcrumbs .crumb.wrapped-max a { max-width: 120px; }
+.breadcrumbs .crumb.wrapped-wide a { max-width: 100px; }
+.breadcrumbs .crumb.wrapped-medium a { max-width: 80px; }
+.breadcrumbs .crumb.wrapped-small a { max-width: 60px; }
+.breadcrumbs .crumb.wrapped-tiny a { max-width: 40px; }
+
+// Table styles
+// ----------------------------------------
+table.table1 {
+	width: 100%;
+}
+
+.ucp-main table.table1 {
+	padding: 2px;
+}
+
+$table-heading-font-size:	$font-size + 2px !default;
+$table-heading-line-height:	$line-height !default;
+$table-content-font-size:	$font-size + 1px !default;
+
+table.table1 thead th {
+	@include table-heading;
+	text-transform: none;
+	line-height: $table-heading-line-height;
+	font-weight: normal;
+	font-size: $table-heading-font-size;
+	padding: 4px;
+}
+
+table.table1 thead th span {
+	padding-left: 7px;
+}
+
+table.table1 tbody tr {
+	border-top: 1px solid transparent;
+}
+
+table.table1 td {
+	font-size: $table-content-font-size;
+	line-height: $line-height;
+}
+
+table.table1 tbody td {
+	padding: 5px;
+	border-top: 1px solid transparent;
+}
+
+table.table1 tbody th {
+	padding: 5px;
+	border-bottom: 1px solid transparent;
+	text-align: left;
+}
+
+// Specific column styles
+table.table1 .name		{ text-align: left; }
+table.table1 .center	{ text-align: center; }
+table.table1 .reportby	{ width: 15%; }
+table.table1 .posts		{ text-align: center; width: 7%; }
+table.table1 .joined	{ text-align: left; width: 15%; }
+table.table1 .active	{ text-align: left; width: 15%; }
+table.table1 .mark		{ text-align: center; width: 7%; }
+table.table1 .info		{ text-align: left; width: 30%; max-width: 200px;
+	@media (max-width: 550px) {
+		max-width: 150px;
+	}
+}
+table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
+table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
+table.table1 thead .autocol { padding-left: 1em; }
+
+table.table1 th.info {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+table.table1 span.rank-img {
+	float: right;
+	width: auto;
+}
+
+table.info td {
+	padding: 3px;
+}
+
+table.info tbody th {
+	padding: 3px;
+	text-align: right;
+	vertical-align: top;
+	font-weight: normal;
+}
+
+.forumbg table.table1 {
+	margin: 0;
+}
+
+.forumbg-table > .inner {
+	margin: 0 -1px;
+}
+
+.color_palette_placeholder table {
+	border-collapse: separate;
+	border-spacing: 1px;
+}
+
+// Misc layout styles
+// ----------------------------------------
+// column[1-2] styles are containers for two column layouts
+.column1 {
+	float: left;
+	clear: left;
+	width: 49%;
+}
+
+.column2 {
+	float: right;
+	clear: right;
+	width: 49%;
+}
+
+// General classes for placing floating blocks
+.left-box {
+	float: left;
+	width: auto;
+	text-align: left;
+	max-width: 100%;
+}
+
+.left-box.profile-details {
+	width: 80%;
+}
+
+.right-box {
+	float: right;
+	width: auto;
+	text-align: right;
+	max-width: 100%;
+}
+
+dl.details {
+	font-size: $font-size;
+}
+
+dl.details dt {
+	float: left;
+	clear: left;
+	width: 30%;
+	text-align: right;
+	display: block;
+}
+
+dl.details dd {
+	margin-left: 0;
+	padding-left: 5px;
+	margin-bottom: 5px;
+	float: left;
+	width: 65%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.clearfix, fieldset dl, dl.polls {
+	overflow: hidden;
+}
+
+ul.topiclist dl {
+	@extend %clearfix;
+}
+
+ul.topiclist dd.lastpost {
+	float: right;
+}
+
+fieldset.fields1 ul.recipients {
+	list-style-type: none;
+	line-height: 1.8;
+	max-height: 150px;
+	overflow-y: auto;
+}
+
+fieldset.fields1 dd.recipients {
+	clear: left;
+	margin-left: 1em;
+}
+
+fieldset.fields1 ul.recipients  input.button2{
+	font-size: $font-size - 2px;
+	margin-right: 0;
+	padding: 0;
+}
+
+fieldset.fields1 dl.pmlist > dt {
+	width: auto !important;
+}
+
+fieldset.fields1 dl.pmlist dd.recipients {
+	margin-left: 0 !important;
+}
+
+// Action-bars (container for post/reply buttons, pagination, etc.)
+// ----------------------------------------
+.action-bar {
+	font-size: $font-size;
+	margin: 4px 0;
+}
+
+.forabg + .action-bar {
+	margin-top: 10px;
+}
+
+.action-bar .button {
+	margin-right: 5px;
+	float: left;
+}
+
+.action-bar .button-search {
+	margin-right: 0;
+}
+
+
+// Pagination
+// ----------------------------------------
+$pagination-font-size:				$font-size !default;
+$pagination-line-height:			$font-size + 2px !default;
+$pagination-link-font-size:			$font-size !default;
+$pagination-link-line-height:		$font-size !default;
+
+.pagination {
+	float: right;
+	font-size: $font-size;
+	text-align: right;
+	width: auto;
+}
+
+.action-bar.bottom .pagination {
+	margin-top: 0;
+}
+
+.action-bar .pagination .button {
+	margin-right: 0;
+	float: none;
+}
+
+.pagination > ul {
+	display: inline-block;
+	list-style: none !important;
+	margin-left: 5px;
+}
+
+.pagination > ul > li {
+	display: inline-block !important;
+	padding: 0;
+	font-size: $font-size;
+	line-height: normal;
+	vertical-align: middle;
+}
+
+.pagination li a, .pagination li span {
+	border-radius: 2px;
+	padding: 2px 5px;
+}
+
+.pagination li.active span {
+	display: inline-block;
+	font-size: 13px;
+	font-weight: normal;
+	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+	line-height: 1.4;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	border: 1px solid transparent;
+}
+
+.pagination li.ellipsis span {
+	border: none;
+	padding: 0;
+}
+
+.pagination li.page-jump {
+	margin-right: 5px;
+}
+
+.pagination li.page-jump a {
+	background: transparent none !important;
+	border-color: transparent !important;
+	padding: 0 8px;
+}
+
+.pagination li.page-jump a i {
+	font-size: 21px;
+}
+
+.pagination .arrow a {
+	padding: 2px 0;
+}
+
+.rtl .pagination li.previous a:after {
+	content: '\f054';	// fa-chevron-right
+	right: 1px;
+	left: 3px;
+}
+
+.rtl .pagination li.next a:after {
+	content: '\f053';	// fa-chevron-left
+	left: 1px;
+	right: 3px;
+}
+
+// Pagination in viewforum for multipage topics
+.row .pagination {
+	display: block;
+	margin-top: 3px;
+	margin-bottom: 3px;
+}
+
+.row .pagination > ul {
+	margin: 0;
+}
+
+.row .pagination li a, .row .pagination li span {
+	border-radius: 2px;
+	padding: 1px 3px;
+	font-size: 9px;
+}
+
+// jQuery popups
+// ----------------------------------------
+.phpbb_alert {
+	border: 1px solid transparent;
+	display: none;
+	left: 0;
+	padding: 0 25px 20px 25px;
+	position: fixed;
+	right: 0;
+	top: 150px;
+	z-index: 50;
+	width: 620px;
+	margin: 0 auto;
+}
+
+@media (max-height: 500px)
+{
+	.phpbb_alert {
+		top: 25px;
+	}
+}
+
+.phpbb_alert .alert_close {
+	display: block;
+	float: right;
+	width: 24px;
+	height: 24px;
+	overflow: hidden;
+	text-decoration: none !important;
+	background: transparent none 0 0 no-repeat;
+	margin-top: -12px;
+	margin-right: -36px;
+	position: relative;
+}
+
+.phpbb_alert .alert_close:before,
+.phpbb_alert .alert_close:after {
+	content: '\f057';	// fa-times-circle
+	font-family: FontAwesome;
+	position: absolute;
+	font-size: 18px;
+	line-height: 24px;
+	font-weight: normal;
+	font-style: normal;
+	text-indent: 0;
+	text-align: center;
+	left: 0;
+	top: 0;
+	margin: 0;
+	padding: 0;
+	width: 24px;
+	height: 24px;
+}
+
+.phpbb_alert .alert_close:before {
+	content: '\f111';	// fa-circle
+	font-size: 20px;
+}
+
+.phpbb_alert p {
+	margin: 8px 0;
+	padding-bottom: 8px;
+}
+
+.phpbb_alert label {
+	display: block;
+	margin: 8px 0;
+	padding-bottom: 8px;
+}
+
+.phpbb_alert div.alert_text > p,
+.phpbb_alert div.alert_text > label,
+.phpbb_alert div.alert_text > select,
+.phpbb_alert div.alert_text > textarea,
+.phpbb_alert div.alert_text > input {
+	font-size: $font-size;
+}
+
+.darkenwrapper {
+	display: none;
+	position: relative;
+	z-index: 44;
+}
+
+.darken {
+	position: fixed;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	opacity: 0.5;
+	z-index: 45;
+}
+
+.loading_indicator {
+	background: center center no-repeat;
+	border-radius: 5px;
+	display: none;
+	opacity: 0.8;
+	margin-top: -50px;
+	margin-left: -50px;
+	height: 50px;
+	width: 50px;
+	position: fixed;
+	left: 50%;
+	top: 50%;
+	z-index: 51;
+}
+
+// Miscellaneous styles
+// ----------------------------------------
+.forum-permissions {
+	float: right;
+	width: auto;
+	padding-left: 5px;
+	margin-left: 5px;
+	margin-top: 10px;
+	text-align: right;
+}
+
+.copyright {
+	font-size: 10px;
+	text-align: center;
+	padding: 10px;
+}
+
+.footer-row {
+	font-size: 10px;
+	line-height: 1.8;
+	margin: 0;
+}
+
+.small {
+	font-size: 0.9em !important;
+}
+
+.titlespace {
+	margin-bottom: 15px;
+}
+
+.headerspace {
+	margin-top: 20px;
+}
+
+.error {
+	font-weight: bold;
+	font-size: $font-size;
+}
+
+$rules-font-size:	$font-size !default;
+
+div.rules {
+	margin: 10px 0;
+	font-size: $rules-font-size;
+	padding: 5px 10px;
+	border-radius: $border-radius;
+}
+
+div.rules ul, div.rules ol {
+	margin-left: 20px;
+}
+
+$post-notice-font-size:		$font-size + 1px;
+
+p.post-notice {
+	position: relative;
+	padding: 5px;
+	padding-left: 26px;
+	min-height: 14px;
+	margin-bottom: 1em;
+	font-size: $post-notice-font-size;
+}
+
+p.post-notice:before {
+	content: '';
+	display: block;
+	position: absolute;
+	top: 50%;
+	margin-top: -10px;
+	font-size: 16px;
+	height: 18px;
+	line-height: 18px;
+	text-align: center;
+	vertical-align: baseline;
+	left: 0;
+	width: 28px;
+	background: transparent none 50% 50% no-repeat;
+	pointer-events: none;
+	font-weight: normal;
+	font-style: normal;
+	text-transform: none;
+}
+
+form > p.post-notice strong {
+	line-height: 20px;
+}
+
+.jumpbox {
+	margin: 5px 0;
+}
+
+.jumpbox .dropdown li {
+	border-top: 1px solid transparent;
+}
+
+.jumpbox .dropdown-select {
+	margin: 0;
+}
+
+.jumpbox .dropdown-contents {
+	padding: 0;
+	text-decoration: none;
+}
+
+.jumpbox .dropdown-contents li {
+	padding: 0;
+}
+
+.jumpbox .dropdown-contents a {
+	margin-right: 20px;
+	padding: 5px 10px;
+	text-decoration: none;
+	width: 100%;
+}
+
+.jumpbox .spacer {
+	display: inline-block;
+	width: 0px;
+}
+
+.jumpbox .spacer + .spacer {
+	width: 20px;
+}
+
+.dropdown-contents a {
+	display: block;
+	padding: 5px;
+}
+
+.jumpbox .dropdown-select {
+	margin: 0;
+}
+
+.jumpbox .dropdown-contents a {
+	text-decoration: none;
+}
+
+.dropdown li {
+	display: list-item;
+	border-top: 1px dotted transparent;
+	float: none !important;
+	line-height: normal !important;
+	font-size: 1em !important;
+	list-style: none;
+	margin: 0;
+	white-space: nowrap;
+	text-align: left;
+}
+
+.stat-block {
+	clear: both;
+}
+
+.top {
+	position: absolute;
+	top: -20px;
+}
+
+.clear {
+	display: block;
+	clear: both;
+	font-size: 1px;
+	line-height: 1px;
+	background: transparent;
+}
+
+// Inner box-model clearing
+.inner:after,
+ul.linklist:after,
+.action-bar:after,
+.notification_text:after,
+.tabs-container:after,
+.tabs > ul:after,
+.minitabs > ul:after,
+.postprofile .avatar-container:after {
+	clear: both;
+	content: '';
+	display: block;
+}
+
+.emoji {
+	min-height: 18px;
+	min-width: 18px;
+	height: 1em;
+	width: 1em;
+}
+
+.hidden {
+	display: none;
+}
+
+.smilies {
+	vertical-align: text-bottom;
+}
+
+.icon-notification {
+	position: relative;
+}
+
+.member-search {
+	float: left;
+	margin: 0;
+	padding: 6px 10px;
+}
+
+.member-search strong {
+	font-size: $font-size;
+}
+
+.dropdown-extended {
+	display: none;
+	z-index: 3;
+}
+
+.dropdown-extended ul {
+	max-height: 350px;
+	overflow-y: auto;
+	overflow-x: hidden;
+	clear: both;
+}
+
+.dropdown-extended ul li {
+	padding: 0;
+	margin: 0 !important;
+	float: none;
+	border-top: 1px solid;
+	list-style-type: none;
+	font-size: $font-size;
+	clear: both;
+	position: relative;
+}
+
+.dropdown-extended ul li:first-child {
+	border-top: none;
+}
+
+.dropdown-extended ul li.no_notifications {
+	padding: 10px;
+}
+
+.dropdown-extended .dropdown-contents {
+	max-height: none;
+	padding: 0;
+	position: absolute;
+	width: 340px;
+}
+
+.nojs .dropdown-extended .dropdown-contents {
+	position: relative;
+}
+
+.dropdown-extended .header {
+	.dropdown-down & {
+		margin-top: -3px;
+	}
+	padding: 0 10px;
+	font-family: $dropdown-header-font-family;
+	font-size: $dropdown-header-font-size;
+	font-weight: bold;
+	text-align: left;
+	// text-transform: uppercase;
+	line-height: $dropdown-header-line-height;
+}
+
+.dropdown-extended .header .header_settings {
+	float: right;
+	font-weight: normal;
+	text-transform: none;
+}
+
+.dropdown-extended .header .header_settings a {
+	display: inline-block;
+	padding: 0 5px;
+}
+
+.dropdown-extended .header:after {
+	content: '';
+	display: table;
+	clear: both;
+}
+
+.dropdown-extended .footer {
+	text-align: center;
+	font-size: $font-size;
+}
+
+.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
+	padding: 8px;
+}
+
+.dropdown-extended .footer > a {
+	padding: 5px 0;
+}
+
+.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
+	display: block;
+	text-decoration: none;
+}
+
+.notification_list ul li img {
+	float: left;
+	max-height: 50px;
+	max-width: 50px;
+	width: auto !important;
+	height: auto !important;
+	margin-right: 5px;
+}
+
+.notification_list ul li p {
+	margin-bottom: 4px;
+	font-size: $font-size;
+}
+
+.notification_list p.notification-reference,
+.notification_list p.notification-location,
+.notification_list li a p.notification-reason {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.notification_list p.notification-time {
+	font-size: $font-size - 1px;
+	margin: 0;
+	text-align: right;
+}
+
+.notification_list div.notifications {
+	margin-left: 50px;
+	padding: 5px;
+}
+
+.notification_list div.notifications a {
+	display: block;
+}
+
+.notification_list p.notifications_title {
+	font-family: $topic-link-font-family;
+	font-size: $topic-link-font-size !important;
+}
+
+.notification_list p.notifications_title strong {
+	font-weight: 600;
+}
+
+.notification_list p.notifications_time {
+	font-size: $font-size !important;
+}
+
+.notification_text {
+	margin-left: 58px;
+	white-space: normal;
+}
+
+.badge {
+	border-radius: 10px;
+	opacity: 0.8;
+	text-align: center;
+	white-space: nowrap;
+	font-size: 10px;
+	line-height: 1;
+	float: right;
+	display: inline-block;
+	margin-left: 3px;
+	vertical-align: baseline;
+	position: relative;
+	top: 3px;
+	padding: 4px 6px;
+ }
+
+.badge.hidden {
+	display: none;
+}
+
+// Navbar specific list items
+// ----------------------------------------
+
+.linklist .quick-links {
+	margin: 0 7px 0 0;
+}
+
+.linklist.compact .rightside > a > span span {
+	display: none;
+}
+
+.dropdown-page-jump .dropdown {
+	top: 20px;
+}
+
+.dropdown-page-jump.dropdown-up .dropdown {
+	bottom: 20px;
+}
+
+.dropdown-page-jump input.tiny {
+	width: 50px;
+}
+
+.dropdown .clone.hidden  {
+	display: none;
+}
+
+.dropdown .clone.hidden + li.separator {
+	display: none;
+}
+
+.dropdown .clone.hidden + li {
+	border-top: none;
+}
diff --git a/simplicity_steelblue/theme/common/_content.scss b/simplicity_steelblue/theme/common/_content.scss
new file mode 100644
index 0000000..b7b170d
--- /dev/null
+++ b/simplicity_steelblue/theme/common/_content.scss
@@ -0,0 +1,1278 @@
+// Content Styles
+// ----------------------------------------
+
+ul.topiclist {
+	display: block;
+	list-style-type: none;
+	margin: 0;
+}
+
+ul.topiclist li {
+	display: block;
+	list-style-type: none;
+	margin: 0;
+	.forabg &.header,
+	.forumbg &.header {
+		@include section-heading-forum;
+		position: relative;
+		.forum-toggle {
+			position: absolute;
+			right: 5px;
+			top: 50%;
+			margin-top: -8px;
+			height: 16px;
+			width: 16px;
+			text-decoration: none !important;
+			outline-style: none !important;
+			color: inherit;
+			transition: opacity 0.3s ease;
+			opacity: .5;
+			&:after {
+				content: '\f056';	// fa-minus-circle
+				font-family: FontAwesome;
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 16px;
+				height: 16px;
+				font-size: 12px;
+				line-height: 16px;
+			}
+			&.toggled:after {
+				content: '\f055';	// fa-plus-circle
+			}
+			&:hover {
+				opacity: 1;
+			}
+			.rtl & {
+				right: auto;
+				left: 4px;
+			}			
+		}
+	}
+}
+
+ul.topiclist dl {
+	position: relative;
+}
+
+ul.topiclist li.row dl {
+	margin: 2px 0;
+}
+
+ul.topiclist dt, ul.topiclist dd {
+	display: block;
+	float: left;
+}
+
+ul.topiclist dt {
+	width: 100%;
+	margin-right: -440px;
+	font-size: $font-size;
+}
+
+ul.topiclist.missing-column dt {
+	margin-right: -345px;
+}
+
+dl.elegant-row dt,
+ul.topiclist.two-long-columns dt {
+	margin-right: -250px;
+}
+
+ul.topiclist.two-columns dt {
+	margin-right: -80px;
+}
+
+ul.topiclist dt .list-inner {
+	margin-right: 440px;
+	padding-left: 5px;
+	padding-right: 5px;
+	position: relative;
+}
+
+ul.topiclist.missing-column dt .list-inner {
+	margin-right: 345px;
+}
+
+dl.elegant-row dt .list-inner,
+ul.topiclist.two-long-columns dt .list-inner {
+	margin-right: 250px;
+}
+
+ul.topiclist.two-columns dt .list-inner {
+	margin-right: 80px;
+}
+
+ul.topiclist dd {
+	border-left: 1px solid transparent;
+	padding: 4px 0;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+ul.topiclist dfn {
+	// Labels for post/view counts
+	display: none;
+	position: absolute;
+	left: -999px;
+	width: 990px;
+}
+
+.forum-image {
+	float: left;
+	padding-top: 5px;
+	margin-right: 5px;
+}
+
+li.row {
+	border-top: 1px solid transparent;
+	border-bottom: 1px solid transparent;
+	&:first-child {
+		border-top-width: 0;
+		padding-top: 0;
+	}
+	&:last-child {
+		border-bottom-width: 0;
+		padding-bottom: 0;
+	}
+
+	@if $split-forums == true {
+		ul.topiclist & {
+			.forabg &, .forumbg & {
+				@include section-forum;
+				margin: 5px 0;
+				padding: 0;
+				&.reported {
+					background-color: $block-background-reported;
+				}
+			}
+		}
+	}
+
+	.forum-description {
+
+	}
+	.subforums-list {
+		ul {
+			list-style-type: none;
+			display: inline;
+			margin: 0;
+		}
+		li {
+			display: inline;
+			& > span {
+				display: inline;
+			}
+		}
+	}
+	.forum-mcplink {
+		right: 4px;
+		top: 4px;
+		.rtl & {
+			right: auto;
+			left: 4px;
+		}
+	}
+}
+
+li.row strong {
+	font-weight: normal;
+}
+
+li.header dt, li.header dd {
+	border-left-width: 0;
+	padding-top: 0;
+	padding-bottom: 0;
+	font-size: $list-heading-font-size;
+	font-family: $list-heading-font-family;
+	line-height: $list-heading-line-height;
+}
+
+li.header dt {
+	.forabg & {
+		font-family: $forum-heading-font-family;
+		font-weight: $forum-heading-font-weight;
+		font-size: $forum-heading-font-size;
+	}
+	width: 100%;
+	margin-right: -440px;
+	.list-inner {
+		margin-right: 440px;
+		text-indent: 5px;
+		padding-left: 0;
+	}
+}
+
+li.header dd {
+	padding-left: 1px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+li.header dl dt, li.header dl dd {
+	min-height: 0;
+}
+
+li.header dl.row-item dt .list-inner {
+	// Tweak for headers alignment when folder icon used
+	.forabg & {
+		padding-left: 0;
+		padding-right: 50px;
+	}
+}
+
+.row .list-inner { padding: 4px 0; }
+
+dl.row-item {
+	background-position: 10px 50%;		// Position of folder icon
+	background-repeat: no-repeat;
+	background-size: 36px;
+}
+
+dl.row-item dt {
+	background-repeat: no-repeat;
+	background-position: 5px 95%;		// Position of topic icon
+	background-size: 17px;
+}
+
+dl.row-item dt .list-inner {
+	padding-left: 55px;					// Space for folder icon
+	position: relative;
+	padding-top: 5px;
+	padding-bottom: 5px;
+	li.header & {
+		padding-top: 0;
+		padding-bottom: 0;
+	}
+}
+
+dl.row-item dt .list-inner .topic-status {
+	position: absolute;
+	right: 4px;
+	top: 3px;
+	font-size: 14px;
+	pointer-events: none;
+	.rtl & {
+		right: auto;
+		left: 4px;
+	}
+}
+
+dl.row-item dt .list-inner .topic-status + .topic-status {
+	right: 20px;
+}
+
+dl.row-item dt, dl.row-item dd {
+	min-height: 42px;
+}
+
+dl.row-item dt a {
+	display: inline;
+}
+
+dl.row-item.with-description dt, dl.row-item.with-description dd {
+	min-height: 50px;
+}
+
+dl a.row-item-link {						// topic row icon links
+	display: block;
+	width: 36px;
+	height: 36px;
+	padding: 0;
+	position: absolute;
+	top: 50%;
+	left: 0;
+	margin-top: -15px;
+	margin-left: 9px;
+	z-index: 2;
+}
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
+	width: 80px;
+	text-align: center;
+}
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark, dd.lastpost.empty {
+	line-height: 34px;
+	font-size: $forum-list-column-font-size;
+	.with-description & {
+		line-height: 42px;
+	}
+}
+
+dd.lastpost.empty br {
+	display: none;
+}
+
+dd.posts, dd.topics, dd.views {
+	width: 95px;
+	.elegant-row & {
+		display: none;
+	}
+}
+
+// List in forum description
+dl.row-item dt ol,
+dl.row-item dt ul {
+	list-style-position: inside;
+	margin-left: 1em;
+}
+
+dl.row-item dt li {
+	display: list-item;
+	list-style-type: inherit;
+}
+
+dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
+	width: 250px;
+	font-size: $forum-list-last-column-font-size;
+}
+
+dd.redirect {
+	line-height: 2.5em;
+}
+
+dd.time {
+	line-height: 200%;
+}
+
+dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
+	display: block;
+	padding-left: 5px;
+}
+
+dd.extra, dd.mark {
+	line-height: 200%;
+}
+
+dd.option {
+	width: 125px;
+	line-height: 200%;
+	text-align: center;
+	font-size: $font-size;
+}
+
+// Forums list layout
+// ----------------------
+.forum-description {
+	font-size: $forum-list-description-font-size;
+	padding-top: 2px;
+}
+
+.forum-statistics {
+	font-size: $font-size;
+	padding-top: 2px;
+	.value {
+	}
+}
+
+.forum-lastpost {
+	display: none;
+	@media (max-width: 550px) {
+		display: block !important;
+		padding-top: 2px;
+		line-height: 1.2;
+		overflow: hidden;
+	}
+	strong, span {
+		text-overflow: ellipsis;
+		overflow: hidden;
+		white-space: nowrap;
+	}
+	strong, span, a.lastsubject {
+		font-weight: normal;
+	}
+	strong {
+		display: block;
+		float: left;
+		max-width: 200px;
+		padding-right: 5px;
+		.rtl & {
+			float: right;
+			padding-right: 0;
+			padding-left: 5px;
+		}
+		@media (max-width: 400px) {
+			max-width: 130px;
+		}
+	}
+	span {
+		display: inline-block;
+		max-width: 100%;
+		&:after {
+			content: '|';
+			display: inline-block;
+			text-align: center;
+			width: 12px;
+		}
+		&:last-of-type:after {
+			display: none;
+		}
+	}
+}
+
+.subforums-list {
+	padding-top: 2px;
+}
+
+.forum-description.toggle {
+	display: none;
+	position: absolute;
+	font-size: $font-size;
+	border-radius: 4px;
+	padding: 4px 9px;
+	max-width: 500px;
+	cursor: pointer;
+	a.forumtitle + & {
+		left: 55px;
+		top: 25px;
+		z-index: 30;
+		.rtl & {
+			left: auto;
+			right: 55px;
+		}
+	}
+	a {
+		background: none !important;
+		text-decoration: underline !important;
+		border-width: 0 !important;
+	}
+	span.arrow {
+		position: absolute;
+		line-height: 0;
+		width: 0;
+		height: 0;
+		border: 6px solid transparent;
+		border-left: 1px none transparent;
+		top: 6px;
+		left: -6px;
+		bottom: auto;
+	}
+	.rtl & span.arrow {
+		border-left: 6px solid transparent;
+		border-right: 1px none transparent;
+		left: auto;
+		right: -6px;
+	}
+	&.no-arrow span.arrow {
+		display: none;
+	}
+}
+
+// Post body styles
+// ----------------------------------------
+.postbody {
+	padding: 0;
+	font-size: $font-size;
+	line-height: $line-height;
+	.postprofile + & {
+		float: $post-side;
+		margin-#{$profile-side}: -#{$post-margin};
+		.rtl & {
+			margin-#{$profile-side}: 0;
+			margin-#{$post-side}: -#{$post-margin};
+			float: $profile-side;
+		}
+		width: 100%;
+		position: relative;
+		.search & {
+			margin-#{$profile-side}: (-100px - $post-margin);
+			.rtl & {
+				margin-#{$profile-side}: 0;
+				margin-#{$post-side}: (-100px - $post-margin);
+			}
+		}
+	}
+}
+
+.postprofile + .postbody > div {
+	margin-#{$profile-side}: $post-margin;
+	&:only-child:after {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+	.rtl & {
+		margin-#{$profile-side}: 0;
+		margin-#{$post-side}: $post-margin;
+	}
+	.search & {
+		margin-#{$profile-side}: ($post-margin + 100px);
+		.rtl & {
+			margin-#{$profile-side}: 0;
+			margin-#{$post-side}: ($post-margin + 100px);
+		}
+	}
+}
+
+.postbody .ignore {
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+}
+
+.postbody h3.first {
+	// The first post on the page uses this
+}
+
+.postbody h3 {
+	// Postbody requires a different h3 format - so change it here
+	float: left;
+	font-size: $post-title-font-size;
+	padding: 2px 0 0 0;
+	margin-top: 0 !important;
+	margin-bottom: 0.3em !important;
+	text-transform: none;
+	border: none;
+	font-family: $post-title-font-family;
+	line-height: $post-title-line-height;
+	.rtl & {
+		float: right;
+	}
+}
+
+.postbody h3 img {
+	vertical-align: bottom;
+}
+
+.has-profile .postbody h3 {
+	// If there is a post-profile, we position the post-buttons differently
+	float: none !important;
+	margin-right: 180px;
+	.rtl & {
+		margin-right: 0;
+		margin-left: 180px;
+	}
+}
+
+.postbody .content {
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	overflow-x: auto;
+}
+
+.postbody img.postimage {
+	max-width: 100%;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+// Topic review panel
+// ----------------------------------------
+.panel .review {
+	margin-top: 2em;
+}
+
+.topicreview {
+	padding-right: 5px;
+	overflow: auto;
+	height: 300px;
+}
+
+.topicreview .postbody {
+	width: auto;
+	float: none;
+	margin: 0;
+	height: auto;
+}
+
+.topicreview .post {
+	height: auto;
+}
+
+.topicreview h2 {
+	border-bottom-width: 0;
+}
+
+.post-ignore .postbody {
+	display: none;
+}
+
+// MCP Post details
+// ----------------------------------------
+.post_details {
+	overflow: auto;
+	max-height: 300px;
+}
+
+// Content container styles
+// ----------------------------------------
+.content {
+	clear: both;
+	min-height: 3em;
+	overflow: hidden;
+	line-height: $post-content-line-height;
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	padding-bottom: 1px;
+}
+
+.content h2, .panel h2 {
+	font-weight: normal;
+	border-bottom: 1px solid transparent;
+	font-size: $panel-heading-font-size;
+	margin-top: 0.5em;
+	margin-bottom: 0.5em;
+	padding-bottom: 0.5em;
+	&.faq-title {
+		margin-top: 5px;
+	}
+}
+
+.panel h3 {
+	margin: 0.5em 0;
+}
+
+$panel-font-size:		$font-size + 2px !default;
+$panel-line-height:		$line-height !default;
+
+.panel p {
+	font-size: $panel-font-size;
+	margin-bottom: 1em;
+	line-height: $panel-line-height;
+}
+
+.content p {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	margin-bottom: 1em;
+	line-height: $post-content-line-height;
+}
+
+dl.faq {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+	margin-top: 1em;
+	margin-bottom: 2em;
+	line-height: $post-content-line-height;
+}
+
+dl.faq dt {
+	font-family: $post-title-font-family;
+	font-size: $post-title-font-size;
+	line-height: $post-title-line-height;
+	font-weight: normal;
+	margin-bottom: 5px;
+}
+
+.content dl.faq {
+	@extend dl.faq;
+	margin-bottom: 0.5em;
+}
+
+.content li {
+	list-style-type: inherit;
+}
+
+.content ul, .content ol {
+	margin: 0.8em 0 0.9em 3em;
+}
+
+.posthilit {
+	padding: 0 2px 1px 2px;
+}
+
+// Post author
+p.author {
+	margin-bottom: 0.3em;
+	padding: 0 0 5px 0;
+	font-family: $font-family;
+	font-size: $font-size;
+	line-height: $line-height;
+	clear: both;
+}
+
+// Post signature
+.signature {
+	margin-top: 1.5em;
+	padding-top: 0.2em;
+	font-size: $post-signature-font-size;
+	border-top: 1px solid transparent;
+	clear: left;
+	font-family: $post-content-font-family;
+	line-height: $post-content-line-height;
+	overflow: hidden;
+	width: 100%;
+}
+
+.signature.standalone {
+	border-top-width: 0;
+	margin-top: 0;
+}
+
+dd .signature {
+	margin: 0;
+	padding: 0;
+	clear: none;
+	border: none;
+}
+
+.signature li {
+	list-style-type: inherit;
+}
+
+.signature ul, .signature ol {
+	margin: 0.8em 0 0.9em 3em;
+}
+
+// Post noticies
+.notice {
+	font-family: $post-content-font-family;
+	width: auto;
+	margin-top: 1.5em;
+	padding-top: 0.2em;
+	font-size: $post-content-font-size;
+	border-top: 1px dashed transparent;
+	clear: left;
+	line-height: $post-content-line-height;
+}
+
+// Jump to post link for now
+ul.searchresults {
+	list-style: none;
+	text-align: right;
+	clear: both;
+	@if $profile-side == right {
+		margin-right: ($post-margin + 100px);
+	}
+	.rtl & {
+		text-align: left;
+		@if $profile-side == right {
+			margin-right: 0;
+			margin-left: ($post-margin + 100px);
+		}
+	}
+}
+
+// BB Code styles
+// ----------------------------------------
+// Quote block
+blockquote {
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	font-size: $post-quote-font-size;
+	margin: 8px 12px;
+	overflow: hidden;
+	padding: 5px;
+	position: relative;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+/*blockquote:before {
+	position: absolute;
+	font-family: 'Trebuchet MS';
+	top: 5px;
+	left: 4px;
+	height: 16px;
+	font-size: 30px;
+	line-height: 30px;
+	pointer-events: none;
+}*/
+
+blockquote blockquote {
+	// Nested quotes
+	margin: 5px;
+}
+
+blockquote cite {
+	// Username/source of quoter
+	font-style: normal;
+	font-weight: bold;
+	display: block;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+}
+
+blockquote cite cite {
+}
+
+blockquote cite:before, .uncited:before {
+	padding-right: 5px;
+}
+
+blockquote cite > div {
+	float: right;
+	font-weight: normal;
+}
+
+.postbody .content li blockquote {
+	overflow: inherit;
+	margin-left: 0;
+}
+
+// Code block
+$post-code-line-height:		1.3 !default;
+
+.codebox {
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	margin: 8px 12px;
+	font-size: $post-code-font-size;
+	word-wrap: normal;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+.codebox p {
+	text-transform: uppercase;
+	border-bottom: 1px solid transparent;
+	margin-bottom: 3px;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size !important;
+	line-height: $post-block-title-line-height;
+	font-weight: bold;
+	display: block;
+}
+
+blockquote .codebox {
+	margin-left: 0;
+}
+
+.codebox code {
+	overflow: auto;
+	display: block;
+	height: auto;
+	max-height: 200px;
+	padding: 5px 3px;
+	font-family: Monaco, "Andale Mono","Courier New", Courier, mono;
+	font-size: $post-code-font-size;
+	line-height: $post-code-line-height;
+}
+
+// Attachments
+// ----------------------------------------
+.attachbox {
+	float: left;
+	width: auto;
+	max-width: 100%;
+	margin: 5px 5px 5px 0;
+	padding: 6px;
+	border: 0px solid transparent;
+	border-left-width: 3px;
+	border-radius: $bbcode-border-radius;
+	clear: left;
+	box-sizing: border-box;
+	.rtl & {
+		border-left-width: 0;
+		border-right-width: 3px;
+	}
+}
+
+.attachbox dt {
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+	font-weight: 500;
+}
+
+.attachbox dd {
+	margin-top: 4px;
+	padding-top: 4px;
+	clear: left;
+	border-top: 1px solid transparent;
+	overflow-x: auto;
+}
+
+.attachbox dd dd {
+	border: none;
+}
+
+.attachbox p, .attachbox p.stats {
+	line-height: $post-content-line-height;
+	font-weight: normal;
+	clear: left;
+}
+
+.attach-image {
+	margin: 3px 0;
+	max-width: 100%;
+}
+
+.attach-image img {
+	// border: 1px solid transparent;
+//	cursor: move;
+	cursor: default;
+}
+
+// Inline image thumbnails
+div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
+	display: block;
+	margin-bottom: 4px;
+}
+
+div.inline-attachment p {
+	font-size: $post-quote-font-size;
+}
+
+dl.file {
+	font-family: $post-block-title-font-family;
+	display: block;
+}
+
+dl.file dt {
+	text-transform: none;
+	margin: 0;
+	padding: 0;
+	font-weight: bold;
+	font-family: $post-block-title-font-family;
+	font-size: $post-block-title-font-size;
+	line-height: $post-block-title-line-height;
+}
+
+dl.file dd {
+	margin: 0;
+	padding: 0;
+}
+
+dl.thumbnail img {
+	padding: 3px;
+	border: 1px solid transparent;
+	box-sizing: border-box;
+}
+
+dl.thumbnail dd {
+	font-style: italic;
+	font-family: $font-family;
+}
+
+.attachbox dl.thumbnail dd {
+	font-size: 100%;
+}
+
+dl.thumbnail dt a:hover img {
+	border: 1px solid transparent;
+}
+
+// Post poll styles
+// ----------------------------------------
+fieldset.polls {
+	font-family: $post-content-font-family;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dl {
+	margin: 0;
+	border: 1px solid transparent;
+	border-width: 1px 0;
+	padding: 5px 0;
+	line-height: $post-content-line-height;
+	&:first-child {
+		border-top-width: 0;
+	}
+	&:last-child {
+		border-bottom-width: 0;
+	}
+}
+
+fieldset.polls dl.voted {
+	font-weight: bold;
+}
+
+fieldset.polls dt {
+	text-align: left;
+	float: left;
+	display: block;
+	width: 30%;
+	border-right: none;
+	padding: 0;
+	margin: 0;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dd {
+	float: left;
+	width: 10%;
+	border-left: none;
+	padding: 0 5px;
+	margin-left: 0;
+	font-size: $post-content-font-size;
+}
+
+fieldset.polls dd.resultbar {
+	width: 50%;
+}
+
+fieldset.polls dd input {
+	margin: 2px 0;
+}
+
+fieldset.polls dd div {
+	text-align: right;
+	font-family: Arial, Helvetica, sans-serif;
+	font-weight: bold;
+	font-size: .9em;
+	padding: 0 3px;
+	overflow: visible;
+	min-width: 8px;
+	border-radius: max(min($border-radius, 5px) - 1px, 0);
+}
+
+.vote-submitted {
+	font-size: $post-content-font-size + 2px;
+	font-weight: bold;
+	text-align: center;
+}
+
+// Poster profile block
+// ----------------------------------------
+.postprofile {
+	margin: 0;
+	padding: 5px 0;
+	min-height: 80px;
+	border: 0px solid transparent;
+	border-#{$post-side}-width: 1px;
+	width: $profile-width;
+	float: $profile-side;
+	position: relative;
+	box-sizing: border-box;
+	z-index: 2;
+	.rtl & {
+		float: $post-side;
+		border-width: 0;
+		border-#{$profile-side}-width: 1px;
+	}
+	.search & {
+		width: ($profile-width + 100px);
+	}
+}
+
+.postprofile dd, .postprofile dt {
+	font-size: $post-profile-font-size;
+	line-height: $post-profile-line-height;
+	margin-#{$post-side}: 8px;
+	.rtl & {
+		margin-#{$profile-side}: 8px;
+		margin-#{$post-side}: 0;
+	}
+}
+
+.postprofile dd {
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.postprofile strong {
+	font-weight: normal;
+}
+
+.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
+	margin-bottom: 10px;
+}
+
+// Post-profile avatars
+.postprofile .has-avatar .avatar-container {
+	margin-bottom: 3px;
+	overflow: hidden;
+}
+
+.postprofile .avatar {
+	display: block;
+	float: left;
+	max-width: 100%;
+	.rtl & {
+		float: right;
+	}
+}
+
+.postprofile .avatar img {
+	display: block;
+	height: auto !important;
+	max-width: 100%;
+}
+
+.postprofile .profile-posts a {
+	font-weight: normal;
+}
+
+dd.profile-warnings {
+	font-weight: bold;
+}
+
+dd.profile-contact {
+	overflow: visible;
+}
+
+.profile-contact .dropdown-container {
+	display: inline-block;
+}
+
+.profile-contact .icon_contact {
+	vertical-align: middle;
+}
+
+.profile-contact .dropdown {
+	margin-right: -14px;
+}
+
+.online-ribbon {
+	display: block;
+	width: 70px;
+	height: 70px;
+	position: absolute;
+	overflow: hidden;
+	top: 0;
+	#{$profile-side}: 0;
+	pointer-events: none;
+
+	.rtl & {
+		#{$profile-side}: auto;
+		#{$post-side}: 0;
+	}
+
+	span {
+		display: block;
+		font-weight: 500;
+		font-style: normal;
+		width: 100px;
+		font-size: 11px;
+		line-height: 18px;
+		height: 18px;
+		text-align: center;
+		position: absolute;
+		top: 17px;
+		white-space: nowrap;
+		#{$profile-side}: -25px;
+
+		@if $profile-side == left {
+			-webkit-transform: rotate(-45deg);
+			-ms-transform: rotate(-45deg);
+			transform: rotate(-45deg);
+		}
+		@else {
+			-webkit-transform: rotate(45deg);
+			-ms-transform: rotate(45deg);
+			transform: rotate(45deg);
+		}
+
+		+ span {
+			opacity: .75;
+			z-index: 29;
+		}
+
+		.rtl & {
+			#{$profile-side}: auto;
+			#{$post-side}: -25px;
+
+			@if $profile-side == right {
+				-webkit-transform: rotate(-45deg);
+				-ms-transform: rotate(-45deg);
+				transform: rotate(-45deg);
+			}
+			@else {
+				-webkit-transform: rotate(45deg);
+				-ms-transform: rotate(45deg);
+				transform: rotate(45deg);
+			}
+		}
+	}
+}
+
+.panel.online > .inner {
+	position: relative;
+	z-index: 2;
+}
+
+.no-avatar .avatar-container {
+	display: block;
+	width: 92px;
+	height: 92px;
+	background: transparent none 50% 50% no-repeat;
+	background-size: cover;
+}
+
+// Profile used on view-profile
+.profile-avatar img {
+	max-width: 100%;
+}
+
+// pm list in compose message if mass pm is enabled
+dl.pmlist dt {
+	width: 60% !important;
+}
+
+dl.pmlist dt textarea {
+	width: 95%;
+}
+
+dl.pmlist dd {
+	margin-left: 61% !important;
+	margin-bottom: 2px;
+}
+
+.action-bar div.dl_links {
+	padding: 10px 0 0 10px;
+}
+
+div.dl_links {
+	display: inline-block;
+	text-transform: none;
+}
+
+.dl_links strong {
+	font-weight: bold;
+}
+
+.dl_links ul {
+	list-style-type: none;
+	margin: 0;
+	display: inline-block;
+}
+
+.dl_links li {
+	display: inline-block;
+}
+
+.attachment-filename {
+	width: 100%;
+}
+
+.ellipsis-text {
+	display: inline-block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+table.fixed-width-table {
+	table-layout: fixed;
+}
+
+// Show scrollbars for items with overflow on iOS devices
+// ----------------------------------------
+.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+	width: 8px;
+	height: 8px;
+	-webkit-appearance: none;
+	border-radius: 3px;
+}
+
+.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+	border-radius: 3px;
+}
+
+#memberlist tr.inactive, #team tr.inactive {
+	font-style: italic;
+}
+
+//
+// Extensions
+//
+
+// Thanks for posts
+a.post {
+	display: inline !important;
+	background: none !important;
+	box-shadow: none !important;
+	border: none !important;
+}
diff --git a/simplicity_steelblue/theme/common/_cp.scss b/simplicity_steelblue/theme/common/_cp.scss
new file mode 100644
index 0000000..cfbb15e
--- /dev/null
+++ b/simplicity_steelblue/theme/common/_cp.scss
@@ -0,0 +1,440 @@
+// Control Panel Styles
+// ----------------------------------------
+
+
+// Main CP box
+// ----------------------------------------
+.cp-menu {
+	float:left;
+	width: 19%;
+	margin: 0 -2px;
+	padding-right: 7px;
+	box-sizing: border-box;
+	.rtl & {
+		float: right;
+		padding-left: 7px;
+		padding-right: 0;
+	}
+}
+
+.cp-main {
+	float: left;
+	width: 81%;
+	.rtl & {
+		float: right;
+	}
+}
+
+.cp-main .content {
+	padding: 0;
+}
+
+.panel-container .panel {
+	margin-bottom: 10px;
+}
+
+.panel-container .panel p {
+	font-size: $panel-font-size;
+	line-height: $panel-line-height;
+}
+
+.panel-container .panel ol {
+	margin-left: 2em;
+	font-size: $panel-font-size;
+}
+
+.panel-container .panel li.row {
+	border-bottom: 1px solid transparent;
+	border-top: 1px solid transparent;
+}
+
+ul.cplist {
+	margin-bottom: 5px;
+	border-top: 1px solid transparent;
+}
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+	margin-bottom: 2px;
+}
+
+.panel-container table.table1 {
+	margin-bottom: 1em;
+}
+
+.panel-container table.table1 thead th {
+	@include table-heading-transparent;
+	padding: 5px;
+	font-weight: bold;
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.panel-container table.table1 tbody th {
+	font-style: italic;
+	background-color: transparent !important;
+	border-bottom: none;
+}
+
+.cp-main .pm-message {
+	border: 1px solid transparent;
+	margin: 10px 0;
+	width: auto;
+	float: none;
+}
+
+.pm-message h2 {
+	padding-bottom: 5px;
+}
+
+.cp-main .postbody h3, .cp-main .box2 h3 {
+	margin-top: 0;
+}
+
+.panel-container .postbody p.author {
+	font-size: $font-size;
+}
+
+.cp-main .buttons {
+	margin-left: 0;
+}
+
+.cp-main ul.linklist {
+	margin: 0;
+}
+
+// MCP Specific tweaks
+.mcp-main .postbody {
+	width: 100%;
+}
+
+.tabs-container h2 {
+	float: left;
+	margin-bottom: 0px;
+}
+
+// CP tabs shared
+// ----------------------------------------
+.tabs, .minitabs {
+	line-height: normal;
+}
+
+.tabs > ul, .minitabs > ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	position: relative;
+}
+
+.tabs .tab, .minitabs .tab {
+	display: block;
+	float: left;
+	font-size: $tab-font-size;
+	font-weight: bold;
+	line-height: $tab-line-height;
+}
+
+.tabs .tab > a, .minitabs .tab > a {
+	display: block;
+	padding: 0 9px;
+	position: relative;
+	text-decoration: none;
+	white-space: nowrap;
+	cursor: pointer;
+	font-size: inherit;
+	line-height: inherit;
+}
+
+// CP tabbed menu
+// ----------------------------------------
+.tabs {
+	margin: 20px 0 0 7px;
+}
+
+.tabs .tab > a {
+	border: 1px solid transparent;
+	border-radius: 4px 4px 0 0;
+	margin: 1px 1px 0 0;
+}
+
+.tabs .activetab > a {
+	margin-top: 0;
+	padding-bottom: 2px;
+}
+
+// Mini tabbed menu used in MCP
+// ----------------------------------------
+.minitabs {
+	float: right;
+	margin: 15px 7px 0 0;
+	max-width: 50%;
+}
+
+.minitabs .tab {
+	float: right;
+}
+
+.minitabs .tab > a {
+	border-radius: 5px 5px 0 0;
+	margin-left: 2px;
+}
+
+.minitabs .tab > a:hover {
+	text-decoration: none;
+}
+
+// Responsive tabs
+// ----------------------------------------
+.responsive-tab {
+	position: relative;
+}
+
+a.responsive-tab-link {
+	.responsive-tab > & {
+		display: block;
+		font-size: 16px;
+		position: relative;
+		width: 16px;
+		line-height: 14px;
+		text-decoration: none;
+	}
+	.responsive-tab > &:before {
+		content: '\f0c9';	// fa-bars
+		font-family: FontAwesome;
+		position: absolute;
+		left: 10px;
+		top: 50%;
+		margin-top: -7px;
+		width: 14px;
+		font-size: 13px;
+		line-height: 15px;
+		height: 15px;
+		text-align: center;
+		font-weight: normal;
+		font-style: normal;
+		text-indent: 0;
+	}
+	.dropdown-visible.responsive-tab > &:before,
+	.responsive-tab > &:hover:before {
+		font-family: FontAwesome;
+		content: '\f078';	// fa-chevron-down
+	}
+}
+
+.tabs .dropdown, .minitabs .dropdown {
+	top: $tab-line-height + 2px;
+	margin-right: -2px;
+	font-size: $dropdown-content-font-size;
+	line-height: $dropdown-content-line-height;
+	font-weight: normal;
+}
+
+.minitabs .dropdown {
+	margin-right: -4px;
+}
+
+.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
+	bottom: $tab-line-height + 2px;
+	top: auto;
+}
+
+.tabs .dropdown li {
+	text-align: right;
+}
+
+.minitabs .dropdown li {
+	text-align: left;
+}
+
+// UCP navigation menu
+// ----------------------------------------
+// Container for sub-navigation list
+.navigation {
+	width: 100%;
+	hr {
+		display: none;
+		+ ul {
+			margin-top: 10px;
+		}
+	}
+}
+
+.navigation ul {
+	list-style: none;
+}
+
+// Default list state
+.navigation li {
+	display: inline;
+	font-weight: bold;
+	margin: 1px 0;
+	padding: 0;
+}
+
+// Link styles for the sub-section links
+.navigation a {
+	display: block;
+	padding: 5px;
+	margin: 2px 0;
+	border-radius: max(0px, $border-radius - 2px);
+	text-decoration: none;
+	font-size: $font-size;
+	line-height: $line-height;
+}
+
+.navigation a:hover {
+	text-decoration: none;
+}
+
+// Preferences pane layout
+// ----------------------------------------
+.cp-main h2 {
+	border-bottom: none;
+	padding: 0;
+	margin-left: 10px;
+}
+
+// Friends list
+.cp-mini {
+	margin: 10px 15px 10px 5px;
+	max-height: 200px;
+	overflow-y: auto;
+	padding: 5px 10px;
+	border-radius: $border-radius;
+}
+
+dl.mini dt {
+	font-weight: bold;
+}
+
+dl.mini dd {
+	padding-top: 4px;
+}
+
+.friend-online {
+	font-weight: bold;
+}
+
+.friend-offline {
+	font-style: italic;
+}
+
+// PM Styles
+// ----------------------------------------
+// Defined rules list for PM options
+ol.def-rules {
+	padding-left: 0;
+}
+
+ol.def-rules li {
+	line-height: 180%;
+	padding: 1px;
+}
+
+// PM marking colours
+.pmlist li.bg1 {
+	padding: 0 3px;
+}
+
+.pmlist li.bg2 {
+	padding: 0 3px;
+}
+
+/* DEPRECATED 3.2.6
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: transparent;
+	border-right-color: transparent;
+}
+*/
+
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour,
+.pmlist li.pm_marked_colour, .pm_marked_colour,
+.pmlist li.pm_replied_colour, .pm_replied_colour,
+.pmlist li.pm_friend_colour, .pm_friend_colour,
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+	padding: 0;
+	border: solid 3px transparent;
+	border-width: 0 3px;
+}
+
+.pm-legend {
+	border-left-width: 10px;
+	border-left-style: solid;
+	border-right-width: 0;
+	margin-bottom: 3px;
+	padding-left: 3px;
+}
+
+// Avatar gallery
+.gallery label {
+	position: relative;
+	float: left;
+	margin: 10px;
+	padding: 5px;
+	width: auto;
+	border: 1px solid transparent;
+	text-align: center;
+}
+
+// Responsive *CP navigation
+// ----------------------------------------
+@media (max-width: 900px)
+{
+	.nojs .tabs a span, .nojs .minitabs a span {
+		max-width: 40px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		letter-spacing: -.5px;
+	}
+
+	.cp-menu, .navigation, .cp-main {
+		float: none;
+		width: auto;
+		margin: 0;
+	}
+
+	.cp-menu:after {
+		content: ' ';
+		display: table;
+		clear: both;
+	}
+
+	.navigation {
+		padding: 0;
+		max-width: 320px;
+		.cp-menu & {
+			margin: 0 10px;
+			float: left;
+			@media (max-width: 450px) {
+				float: none;
+				margin: 0 auto;
+			}
+		}
+		&, .cp-menu &:only-child {
+			float: none;
+			margin: 0 auto;
+		}
+		.cp-menu & + .cp-mini {
+			float: left;
+			margin: 0 10px;
+			max-width: 220px;
+			@media (max-width: 450px) {
+				float: none;
+				margin: 10px auto 0;
+			}
+		}
+	}
+
+	.navigation a {
+		background-image: none;
+	}
+
+	.navigation li:first-child a {
+		border-top-left-radius: 5px;
+		border-top-right-radius: 5px;
+	}
+
+	.navigation li:last-child a {
+		border-bottom-left-radius: 5px;
+		border-bottom-right-radius: 5px;
+	}
+}
diff --git a/simplicity_steelblue/theme/common/_forms.scss b/simplicity_steelblue/theme/common/_forms.scss
new file mode 100644
index 0000000..80a6269
--- /dev/null
+++ b/simplicity_steelblue/theme/common/_forms.scss
@@ -0,0 +1,459 @@
+// Form Styles
+// ----------------------------------------
+
+// General form styles
+// ----------------------------------------
+$input-font-size:		$font-size + 1px !default;
+$input-font-family:		$font-family !default;
+
+fieldset {
+	border-width: 0;
+	font-family: $font-family;
+	font-size: $font-size;
+}
+
+input {
+	font-weight: normal;
+	vertical-align: middle;
+	padding: 0 3px;
+	font-size: $input-font-size;
+	font-family: $input-font-family;
+}
+
+select {
+	font-family: $input-font-family;
+	font-weight: normal;
+	cursor: pointer;
+	vertical-align: middle;
+	border: 1px solid transparent;
+	border-radius: $input-border-radius;
+	padding: 1px;
+	font-size: $input-font-size;
+}
+
+select:focus {
+	outline-style: none;
+}
+
+option {
+	padding-right: 1em;
+}
+
+select optgroup option {
+	padding-right: 1em;
+	font-family: $input-font-family;
+}
+
+textarea {
+	font-family: $post-content-font-family;
+	width: 60%;
+	padding: 2px;
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	border-radius: $input-border-radius;
+	-webkit-appearance: none;
+}
+
+label {
+	cursor: default;
+	padding-right: 5px;
+}
+
+label input {
+	vertical-align: middle;
+}
+
+label img {
+	vertical-align: middle;
+}
+
+// Definition list layout for forms
+// ----------------------------------------
+fieldset dl {
+	padding: 4px 0;
+}
+
+fieldset dt {
+	float: left;
+	width: 40%;
+	text-align: left;
+	display: block;
+}
+
+fieldset dd {
+	margin-left: 41%;
+	vertical-align: top;
+	margin-bottom: 3px;
+}
+
+// Specific layout 1
+fieldset.fields1 dt {
+	width: 15em;
+	border-right-width: 0;
+}
+
+fieldset.fields1 dd {
+	margin-left: 15em;
+	border-left-width: 0;
+}
+
+fieldset.fields1 div {
+	margin-bottom: 3px;
+}
+
+// Set it back to 0px for the reCaptcha divs: PHPBB3-9587
+fieldset.fields1 .live-search div {
+	margin-bottom: 0;
+}
+
+// Specific layout 2
+fieldset.fields2 dt {
+	width: 15em;
+	border-right-width: 0;
+}
+
+fieldset.fields2 dd {
+	margin-left: 16em;
+	border-left-width: 0;
+}
+
+// Form elements
+dt label {
+	font-weight: bold;
+	text-align: left;
+}
+
+dd label {
+	white-space: nowrap;
+}
+
+dd input, dd textarea {
+	margin-right: 3px;
+}
+
+dd select {
+	width: auto;
+}
+
+dd select[multiple] {
+	width: 100%;
+}
+
+dd textarea {
+	width: 85%;
+}
+
+// Hover effects
+.timezone {
+	width: 95%;
+}
+
+/* Browser-specific tweaks */
+button::-moz-focus-inner {
+	padding: 0;
+	border: 0
+}
+
+
+// Quick-login on index page
+fieldset.quick-login {
+	margin-top: 5px;
+}
+
+fieldset.quick-login input {
+	width: auto;
+}
+
+fieldset.quick-login input.inputbox {
+	width: 15%;
+	vertical-align: middle;
+	margin-right: 5px;
+}
+
+fieldset.quick-login label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+// Display options on viewtopic/viewforum pages
+fieldset.display-options {
+	text-align: center;
+	margin: 3px 0 5px 0;
+}
+
+fieldset.display-options label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+fieldset.display-options a {
+	margin-top: 3px;
+}
+
+.dropdown fieldset.display-options {
+	font-size: 1em;
+	margin: 0;
+	padding: 0;
+}
+
+.dropdown fieldset.display-options label {
+	display: block;
+	margin: 4px;
+	padding: 0;
+	text-align: right;
+	white-space: nowrap;
+}
+
+.dropdown fieldset.display-options select {
+	min-width: 120px;
+}
+
+// Display actions for ucp and mcp pages
+fieldset.display-actions {
+	text-align: right;
+	line-height: 2em;
+	white-space: nowrap;
+	padding-right: 1em;
+}
+
+fieldset.display-actions label {
+	white-space: nowrap;
+	padding-right: 2px;
+}
+
+fieldset.sort-options {
+	line-height: 2em;
+}
+
+// MCP forum selection
+fieldset.forum-selection {
+	margin: 5px 0 3px 0;
+	float: right;
+}
+
+fieldset.forum-selection2 {
+	margin: 13px 0 3px 0;
+	float: right;
+}
+
+// Submit button fieldset
+fieldset.submit-buttons {
+	text-align: center;
+	vertical-align: middle;
+	margin: 5px 0;
+}
+
+fieldset.submit-buttons input {
+	vertical-align: middle;
+}
+
+// Posting page styles
+// ----------------------------------------
+
+// Buttons used in the editor
+.format-buttons {
+	margin: 15px 0 2px 0;
+}
+
+.format-buttons input, .format-buttons select {
+	vertical-align: middle;
+}
+
+// Main message box
+.message-box {
+	width: 80%;
+}
+
+.message-box textarea {
+	font-family: $post-content-font-family;
+	width: 450px;
+	height: 270px;
+	min-width: 100%;
+	max-width: 100%;
+	font-size: $post-content-font-size;
+	line-height: $post-content-line-height;
+	resize: vertical;
+	outline: 3px dashed transparent;
+	outline-offset: -4px;
+	-webkit-transition: all .5s ease, height 1ms linear;
+	-moz-transition: all .5s ease, height 1ms linear;
+	-ms-transition: all .5s ease, height 1ms linear;
+	-o-transition: all .5s ease, height 1ms linear;
+	transition: all .5s ease, height 1ms linear;
+}
+
+// Emoticons panel
+.smiley-box {
+	width: 18%;
+	float: right;
+}
+
+.smiley-box img {
+	margin: 3px;
+}
+
+// Input field styles
+// ----------------------------------------
+.inputbox {
+	border: 1px solid transparent;
+	padding: 2px;
+	border-radius: $input-border-radius;
+	-webkit-appearance: none;
+}
+
+.inputbox:hover, .inputbox:focus {
+	border: 1px solid transparent;
+	outline-style: none;
+}
+
+input.inputbox	{ width: 85%; }
+input.medium	{ width: 50%; }
+input.narrow	{ width: 25%; }
+input.tiny	{ width: 150px; }
+
+textarea.inputbox {
+	width: 85%;
+}
+
+.autowidth {
+	width: auto !important;
+}
+
+input[type="number"] {
+	-moz-padding-end: 0;
+}
+
+input[type="search"] {
+	-webkit-appearance: none;
+	-webkit-box-sizing: content-box;
+}
+
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
+	display: none;
+}
+
+input[type="search"]::-webkit-search-cancel-button {
+	cursor: pointer;
+}
+
+// Form button styles
+// ----------------------------------------
+input.button1, input.button2 {
+	font-size: $input-button-font-size;
+}
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+	width: auto !important;
+	padding-top: 1px;
+	padding-bottom: 1px;
+	font-family: $input-button-font-family;
+	background: transparent none repeat-x top left;
+	line-height: 1.5;
+	border-radius: $button-border-radius;
+	font-size: $input-button-font-size;
+	.format-buttons & {
+		font-size: $bbcode-button-font-size;
+	}
+}
+
+a.button1, input.button1 {
+	font-weight: bold;
+	border: 1px solid transparent;
+}
+
+input.button3 {
+	padding: 0;
+	margin: 0;
+	line-height: 5px;
+	height: 12px;
+	background-image: none;
+	font-variant: small-caps;
+}
+
+input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li {
+	cursor: pointer;
+}
+
+// Alternative button
+a.button2, input.button2, input.button3 {
+	border: 1px solid transparent;
+}
+
+// <a> button in the style of the form buttons
+a.button1, a.button2 {
+	text-decoration: none;
+	padding: 0 3px;
+	vertical-align: text-bottom;
+}
+
+// Hover states
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+	border: 1px solid transparent;
+}
+
+input.disabled {
+	font-weight: normal;
+}
+
+// Focus states
+input.button1:focus, input.button2:focus, input.button3:focus {
+	outline-style: none;
+}
+
+// Topic and forum Search
+.search-box {
+	float: left;
+}
+
+.search-box .inputbox {
+	background-image: none;
+	border-right-width: 0;
+	border-radius: $big-button-border-radius 0 0 $big-button-border-radius;
+	float: left;
+	height: $button-outer-height;
+	padding: 3px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	.rtl & {
+		border-radius: 0 $big-button-border-radius $big-button-border-radius 0;
+	}
+}
+
+// Search box (header)
+// ---------------------------------------------
+.search-header {
+	border-radius: $big-button-border-radius;
+	display: block;
+	border: 1px solid transparent;
+	.navbar.with-search & {
+		margin-top: 1px;
+	}
+	@if $tabbed-navigation {
+		.navbar.not-static + .navbar.with-search & {
+			&, & a.button, & .inputbox {
+				border-radius: 0;
+			}
+			margin-right: -3px;
+			.rtl & {
+				margin-right: 0;
+				margin-left: -3px;
+			}
+		}
+	}
+	.headerbar & {
+		position: absolute;
+		top: 50%;
+		right: 5px;
+		margin-top: -13px;
+	}
+}
+
+.search-header .inputbox { border: 0; }
+
+.navbar .linklist > li.responsive-search { display: none; }
+
+.full { width: 95%; }
+.medium { width: 50%;}
+.narrow { width: 25%;}
+.tiny { width: 10%;}
diff --git a/simplicity_steelblue/theme/common/_icons.scss b/simplicity_steelblue/theme/common/_icons.scss
new file mode 100644
index 0000000..3ac5984
--- /dev/null
+++ b/simplicity_steelblue/theme/common/_icons.scss
@@ -0,0 +1,96 @@
+/* --------------------------------------------------------------
+	$Icons
+-------------------------------------------------------------- */
+
+/* Global module setup
+--------------------------------*/
+
+/* Renamed version of .fa class for agnostic usage of icon fonts.
+ * Just change the name of the font after the 14/1 to the name of
+ * the font you wish to use.
+ */
+.icon, .button .icon, blockquote cite:before, .uncited:before {
+	display: inline-block;
+  	font-weight: normal;
+  	font-style: normal;
+  	font-variant: normal;
+  	font-family: FontAwesome;
+  	font-size: 14px;
+  	line-height: 1;
+  	text-rendering: auto; /* optimizelegibility throws things off #1094 */
+  	-webkit-font-smoothing: antialiased;
+  	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon:before { padding-right: 2px; }
+
+.button .icon:before {
+	padding-right: 0;
+}
+
+/* Icon size classes - Default size is 14px, use these for small variations */
+
+.icon.icon-xl {
+	font-size: 20px;
+}
+
+.icon.icon-lg {
+	font-size: 16px;
+}
+
+.icon.icon-md {
+	font-size: 10px;
+}
+
+.icon.icon-sm {
+	font-size: 8px;
+}
+
+/* icon modifiers */
+.icon-tiny {
+	width: 12px;
+	transform: scale(0.65, 0.75);
+	vertical-align: text-bottom;
+	font-size: 16px;
+}
+
+.arrow-left .icon {
+	float: left;
+}
+
+.arrow-left:hover .icon {
+	margin-left: -5px;
+	margin-right: 5px;
+}
+
+.arrow-right .icon {
+	float: right;
+}
+
+.arrow-right:hover .icon {
+	margin-left: 5px;
+	margin-right: -5px;
+}
+
+.post-buttons .dropdown-contents .icon {
+    float: right;
+    margin-left: 5px;
+}
+
+.alert_close .icon:before {
+	padding: 0;
+    border-radius: 50%;
+    width: 11px;
+    display: block;
+    line-height: .9;
+    height: 12px;
+}
+
+blockquote cite:before, .uncited:before {
+	content: '\f10d'; /* Font Awesome quote-left */
+}
+
+.rtl blockquote cite:before, .rtl .uncited:before {
+	content: '\f10e'; /* Font Awesome quote-right */
+}
+
diff --git a/simplicity_steelblue/theme/common/_imageset.scss b/simplicity_steelblue/theme/common/_imageset.scss
new file mode 100644
index 0000000..8b4d1dd
--- /dev/null
+++ b/simplicity_steelblue/theme/common/_imageset.scss
@@ -0,0 +1,278 @@
+// Icon images
+// ----------------------------------------
+%icon-image {
+	position: relative;
+	background-image: none;
+	&:after {
+		content: '';
+		position: absolute;
+		top: 50%;
+		left: 0;
+		height: 14px;
+		margin-top: -7px;
+		text-align: center;
+		font-size: 12px;
+		line-height: 14px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+	&.small-icon:after {
+		width: 18px;
+		text-align: center;
+	}
+}
+
+%icon-image-fa {
+	@extend %icon-image;
+	&:after {
+		font-family: FontAwesome;
+	}
+}
+
+%icon-search-old {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f002';	// fa-search
+	}
+}
+
+%icon-search-new {
+	@extend %icon-search-old;
+}
+
+%icon-search-misc {
+	@extend %icon-search-old;
+}
+
+.icon-acp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f085';	// fa-cogs
+	}
+}
+.icon-bookmark {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f02e';	// fa-bookmark
+		margin-left: -1px;
+		margin-right: -1px;
+	}
+}
+.icon-bump {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f079';	// fa-retweet
+	}
+}
+.icon-contact {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0e0';	// fa-envelope
+	}
+}
+.icon-delete-cookies {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f014';	// fa-trash-o
+	}
+}
+.icon-download {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f019';	// fa-download
+	}
+}
+.icon-faq {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f059';	// fa-question-circle
+	}
+}
+.icon-home {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f015';	// fa-home
+	}
+	&.breadcrumbs:after {
+		text-align: left;
+	}
+}
+.icon-logout {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f08b';	// fa-sign-out
+	}
+}
+.icon-login {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f090';	// fa-sign-in
+	}
+}
+.icon-mark {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f046';	// fa-check-square-o
+	}
+}
+.icon-mcp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0e3';	// fa-gavel
+	}
+}
+.icon-members {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+	&:before {
+		@extend .icon-members:after;
+		display: block;
+		font-size: 10px;
+		padding: 0;
+		padding-left: 4px;
+		padding-top: 1px;
+		opacity: .7;
+	}
+}
+ul.linklist.bulletin > li.small-icon.icon-members:before { 
+	@extend .icon-members:before; 
+}
+.icon-notification {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0a2';	// fa-bell-o
+	}
+	&.non-zero:after {
+		content: '\f0f3';	// fa-bell
+	}
+}
+.icon-pages {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0c5';	// fa-copy
+	}
+}
+.icon-pm {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f003';	// fa-envelope-o
+	}
+	&.non-zero:after {
+		content: '\f0e0';	// fa-envelope
+	}
+}
+.icon-print {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f02f';	// fa-print
+	}
+}
+.icon-profile {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+}
+.icon-register{
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f234';	// fa-user-plus
+	}
+}
+.icon-search				{ @extend %icon-search-old; }
+.icon-search-active			{ @extend %icon-search-old; }
+.icon-search-advanced		{ @extend %icon-search-old; }
+.icon-search-new			{ @extend %icon-search-new; }
+.icon-search-self			{ @extend %icon-search-misc; }
+.icon-search-unanswered		{ @extend %icon-search-new; }
+.icon-search-unread			{ @extend %icon-search-new; }
+.icon-sendemail {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f003';	// fa-envelope-o
+	}
+}
+.icon-subscribe {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f05d';	// fa-check-circle-o
+	}
+}
+.icon-team {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f007';	// fa-user
+	}
+	&:before {
+		@extend .icon-team:after;
+		display: block;
+		font-size: 10px;
+		padding: 0;
+		white-space: nowrap;
+		padding-top: 1px;
+		opacity: .7;
+		content: '\f007\f007';	// fa-user fa-user
+	}
+}
+ul.linklist.bulletin > li.small-icon.icon-team:before { @extend .icon-team:before; }
+.icon-ucp {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f0ad';	// fa-wrench
+	}
+}
+.icon-unsubscribe {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f05c';	// times-circle-o
+	}
+}
+.icon-new-posts {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f086';	// fa-comments
+	}
+}
+.icon-forums {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f075';	// fa-comment
+	}
+}
+.icon-chat {
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f086';	// fa-comments
+	}
+}
+.icon-time {
+	@extend %icon-image-fa;
+	&:after {
+		// content: '\E055';	// glyphicons-clock
+		content: '\f017';	// fa-clock-o
+	}
+}
+
+
+// Thanks for posts mod
+.icon-thanks {
+	background-image: none !important;
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f087';	// fa-thumbs-o-up
+	}
+}
+
+.icon-thanks_toplist {
+	background-image: none !important;
+	@extend %icon-image-fa;
+	&:after {
+		content: '\f005';	// fa-star
+	}
+}
\ No newline at end of file
diff --git a/simplicity_steelblue/theme/common/_links.scss b/simplicity_steelblue/theme/common/_links.scss
new file mode 100644
index 0000000..495e240
--- /dev/null
+++ b/simplicity_steelblue/theme/common/_links.scss
@@ -0,0 +1,249 @@
+// Link Styles
+// ----------------------------------------
+
+// Links adjustment to correctly display an order of rtl/ltr mixed content
+a {
+	direction: ltr;
+	unicode-bidi: embed;
+	text-decoration: none;
+	/* we use links inline more often then not so to address several bugs with
+	IE and some other browsers we render all links as inlineblock by default */
+	display: inline-block;
+}
+
+// Coloured usernames
+.username-coloured {
+	font-weight: bold;
+	display: inline !important;
+	padding: 0 !important;
+}
+
+span.username-coloured {
+		margin-left: 10px;
+}
+
+// Links on gradient backgrounds
+.forumbg .header a, .forabg .header a, th a {
+	text-decoration: none;
+}
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+	text-decoration: underline;
+}
+
+// Notification mark read link
+.dropdown-extended a.mark_read {
+	display: block;
+	opacity: .2;
+	position: absolute;
+	z-index: 2;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	width: 30px;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+	transition: opacity .2s;
+}
+
+.dropdown-extended li:hover a.mark_read {
+	opacity: .85;
+}
+
+.dropdown-extended li a.mark_read:hover {
+	opacity: 1;
+}
+
+.dropdown-extended a.mark_read:after {
+	width: auto;
+	left: 4px;
+	right: 0;
+	font-size: 16px;
+}
+
+.jumpbox-cat-link,
+.jumpbox-forum-link { font-weight: bold; }
+
+// Links for forum/topic lists
+a.forumtitle {
+	display: inline-block;
+	font-family: $forum-link-font-family;
+	font-size: $forum-link-font-size;
+	line-height: $forum-link-line-height;
+	font-weight: 500;
+	padding-bottom: 2px;
+	text-decoration: none;
+	&:hover {
+		text-decoration: underline;
+	}
+}
+
+a.topictitle {
+	@extend a.forumtitle;
+	font-family: $topic-link-font-family;
+	font-size: $topic-link-font-size;
+}
+
+a.lastsubject {
+	font-weight: bold;
+	text-decoration: none;
+}
+
+a.lastsubject:hover {
+	text-decoration: underline;
+}
+
+// Profile links
+.postprofile a, .postprofile dt.author a {
+	font-weight: bold;
+	text-decoration: none;
+}
+
+.postprofile a:hover, .postprofile dt.author a:hover {
+	text-decoration: underline;
+}
+
+// Profile searchresults
+.search .postprofile a {
+	text-decoration: none;
+	font-weight: normal;
+}
+
+.search .postprofile a:hover {
+	text-decoration: underline;
+}
+
+.top {
+	font-size: 12px;
+	text-decoration: none;
+	margin-top: 10px;
+}
+
+// Back to top of page
+.back2top {
+	clear: both;
+	.post > & {
+		position: relative;
+		right: 5px;
+		bottom: 5px;
+		.rtl & {
+			right: auto;
+			left: 5px;
+		}
+	}
+}
+
+.back2top .top {
+	float: right;
+	margin-top: 0;
+}
+
+a.top, a.top2 {
+	position: relative;
+}
+
+// Arrow links
+%arrow {
+	position: relative;
+	&:after {
+		position: absolute;
+		top: 50%;
+		margin-top: -5px;
+		text-align: center;
+		font-family: FontAwesome;
+		font-size: 8px;
+		line-height: 10px;
+		vertical-align: baseline;
+		font-weight: normal;
+		font-style: normal;
+		text-transform: none;
+		text-indent: 0;
+		pointer-events: none;
+	}
+}
+
+a.arrow-up {
+	@extend %arrow;
+	&:after {
+		content: '\f077';	// fa-chevron-up
+		left: 0;
+	}
+	.rtl &:after {
+		left: auto;
+		right: 0;
+	}
+}
+a.arrow-down {
+	@extend %arrow;
+	&:after {
+		content: '\f078';	// fa-chevron-down
+		right: 0;
+		padding-top: 1px;
+	}
+	.rtl &:after {
+		right: auto;
+		left: 0;
+	}
+}
+
+a.arrow-up {
+	padding-left: 10px;
+	text-decoration: none;
+	border-bottom-width: 0;
+}
+
+a.arrow-down {
+	padding-right: 10px;
+}
+
+a.arrow-down:hover {
+	text-decoration: none;
+}
+
+a.arrow-left:hover {
+	text-decoration: none;
+}
+
+a.arrow-right:hover {
+	text-decoration: none;
+}
+
+// invisible skip link, used for accessibility
+.skiplink {
+	position: absolute;
+	left: -999px;
+	width: 990px;
+}
+
+// Feed icon in forumlist_body.html
+a.feed-icon-forum {
+	float: right;
+	margin: 3px;
+	width: 16px;
+	height: 16px;
+	position: relative;
+}
+
+.topiclist.forums a.feed-icon-forum {
+	margin-top: 12px;
+}
+
+a.feed-icon-forum:after {
+	content: '\f09e';	// fa-rss
+	position: absolute;
+	left: 0;
+	right: 0;
+	width: 16px;
+	height: 16px;
+	font-family: FontAwesome;
+	font-size: 14px;
+	font-weight: normal;
+	font-style: normal;
+	line-height: 16px;
+	text-align: center;
+}
+
+a.top-anchor {
+	display: block;
+}
diff --git a/simplicity_steelblue/theme/common/_normalize.scss b/simplicity_steelblue/theme/common/_normalize.scss
new file mode 100644
index 0000000..31ef98e
--- /dev/null
+++ b/simplicity_steelblue/theme/common/_normalize.scss
@@ -0,0 +1,414 @@
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
+ */
+
+html {
+	font-family: sans-serif; /* 1 */
+	-ms-text-size-adjust: 100%; /* 2 */
+	-webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+	margin: 0;
+}
+
+/* HTML5 display definitions
+	 ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+	display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+	display: inline-block; /* 1 */
+	vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+	display: none;
+	height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+	display: none;
+}
+
+/* Links
+	 ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+	background-color: transparent;
+}
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+
+a:active,
+a:hover {
+	outline: 0;
+}
+
+/* Text-level semantics
+	 ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+	border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+	font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+	font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+	font-size: 2em;
+	margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+	background: #ff0;
+	color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+	font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+	font-size: 75%;
+	line-height: 0;
+	position: relative;
+	vertical-align: baseline;
+}
+
+sup {
+	top: -0.5em;
+}
+
+sub {
+	bottom: -0.25em;
+}
+
+/* Embedded content
+	 ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+	border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+	overflow: hidden;
+}
+
+/* Grouping content
+	 ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+	margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+	box-sizing: content-box;
+	height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+	overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+	font-family: monospace, monospace;
+	font-size: 1em;
+}
+
+/* Forms
+	 ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+	color: inherit; /* 1 */
+	font: inherit; /* 2 */
+	margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+	overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+	text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+	-webkit-appearance: button; /* 2 */
+	cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+	cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+	border: 0;
+	padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+	line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+	box-sizing: border-box; /* 1 */
+	padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+	height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+
+input[type="search"] {
+	-webkit-appearance: textfield; /* 1 */
+	box-sizing: content-box; /* 2 */
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+	-webkit-appearance: none;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+	border: 0; /* 1 */
+	padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+	overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+	font-weight: bold;
+}
+
+/* Tables
+	 ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+td,
+th {
+	padding: 0;
+}
diff --git a/simplicity_steelblue/theme/common/_responsive.scss b/simplicity_steelblue/theme/common/_responsive.scss
new file mode 100644
index 0000000..2284b4a
--- /dev/null
+++ b/simplicity_steelblue/theme/common/_responsive.scss
@@ -0,0 +1,652 @@
+// Responsive Design
+// ----------------------------------------
+
+@media (max-width: 320px) {
+	select, .inputbox {
+		max-width: 240px;
+	}
+}
+
+/* Notifications list
+----------------------------------------*/
+@media (max-width: 350px) {
+	.dropdown-extended .dropdown-contents {
+		width: auto;
+	}
+}
+
+@media (max-width: 430px) {
+	.action-bar .search-box .inputbox {
+		width: 120px;
+	}
+
+	.section-viewtopic .search-box .inputbox {
+		width: 57px;
+	}
+
+	.action-bar .search-box .inputbox ::-moz-placeholder {
+    	content: "Search...";
+  	}
+
+  	.action-bar .search-box .inputbox :-ms-input-placeholder {
+  		content: "Search...";
+  	}
+
+  	.action-bar .search-box .inputbox ::-webkit-input-placeholder {
+  		content: "Search...";
+  	}
+}
+
+@media (max-width: 500px) {
+	dd label {
+		white-space: normal;
+	}
+
+	select, .inputbox {
+		max-width: 260px;
+	}
+
+	.captcha-panel dd.captcha {
+		margin-left: 0;
+	}
+
+	.captcha-panel dd.captcha-image img {
+		width: 100%;
+	}
+
+	dl.details dt, dl.details dd {
+		width: auto;
+		float: none;
+		text-align: left;
+	}
+
+	dl.details dd {
+		margin-left: 20px;
+	}
+
+	p.responsive-center {
+		float: none;
+		text-align: center;
+		margin-bottom: 5px;
+	}
+
+	.action-bar > div {
+		margin-bottom: 5px;
+ 	}
+
+	.action-bar > .pagination {
+		float: none;
+		clear: both;
+		padding-bottom: 1px;
+		text-align: center;
+	}
+
+	.action-bar > .pagination li.page-jump {
+		margin: 0 2px;
+	}
+
+	p.jumpbox-return {
+		display: none;
+	}
+
+	.display-options > label:nth-child(1) {
+		display: block;
+		margin-bottom: 5px;
+	}
+
+	.attach-controls {
+		margin-top: 5px;
+		width: 100%;
+	}
+
+	.quick-links .dropdown-trigger span {
+		display: none;
+	}
+}
+
+@media (max-width: 550px) {
+	ul.topiclist.forums dt {
+		margin-right: 0;
+	}
+
+	ul.topiclist.forums dt .list-inner {
+		margin-right: 0;
+	}
+
+	ul.topiclist.forums dd.lastpost {
+		display: none;
+	}
+}
+
+@media (max-width: 700px) {
+	.responsive-hide { display: none !important; }
+	.responsive-show { display: block !important; }
+	.responsive-show-inline { display: inline !important; }
+	.responsive-show-inline-block { display: inline-block !important; }
+
+	/* Content wrappers
+	----------------------------------------*/
+	html {
+		height: auto;
+	}
+
+	body {
+		padding: 0;
+	}
+
+	#wrap {
+		border: none;
+		border-radius: 0;
+		margin: 0;
+
+		padding: 0 5px;
+	}
+
+	.page-width, .navbar .inner.static > .static-inner {
+		min-width: 290px;
+		margin: 0;
+	}
+
+	.navbar .inner.static > .static-inner,
+	#wrap .navbar .inner.static > .static-inner {
+		padding: 0;
+	}
+
+	// Common block wrappers
+	// ----------------------------------------
+	.forabg, .forumbg, .post, .panel {
+		border-radius: 0;
+		margin-left: -5px;
+		margin-right: -5px;
+	}
+	.headerbar, .navbar {
+		border-radius: 0;
+	}
+	#wrap .headerbar, #wrap .navbar {
+		margin-left: -5px;
+		margin-right: -5px;
+	}
+
+	.cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
+		border-radius: 0;
+	}
+
+	@if $tabbed-navigation == false {
+		.navbar.tabbed .nav-tabs, .navbar.tabbed .nav-tabs .tab {
+			border-radius: 0 !important;
+		}
+	}
+
+	// Logo block
+	// ----------------------------------------
+	.site-description {
+		float: none;
+		width: auto;
+		text-align: center;
+	}
+
+	.logo {
+		@if $responsive-hide-logo == true {
+			display: none;
+		}
+		float: none;
+		margin: 0 auto;
+		padding: 10px;
+		img {
+			margin: 0 auto;
+		}
+	}
+
+	.site-description h1, .site-description p, .site-description p.sitename {
+		@if $responsive-hide-logo == true {
+			display: block;
+		}
+		text-align: inherit;
+		float: none;
+		margin: 5px;
+		line-height: 1.2em;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.site-description p, .headerbar .search-header {
+		display: none;
+	}
+
+	// Navigation
+	// ----------------------------------------
+
+	// Search
+	// ----------------------------------------
+	.responsive-search { display: block !important; }
+
+	// .topiclist lists
+	// ----------------------------------------
+	li.header dt {
+	}
+
+	ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
+		margin-right: 0 !important;
+		padding-right: 0;
+	}
+
+	ul.topiclist li.header dd {
+		display: none !important;
+	}
+
+	ul.topiclist dt, ul.topiclist dt .list-inner,
+	ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
+	ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
+	ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
+		margin-right: 0;
+	}
+
+	ul.topiclist dt .list-inner.with-mark {
+		padding-right: 34px;
+	}
+
+	ul.topiclist dt .list-inner {
+		min-height: 28px;
+	}
+
+	ul.topiclist li.header dt .list-inner {
+		min-height: 0;
+	}
+
+	ul.topiclist dd {
+		display: none;
+	}
+	ul.topiclist dd.mark {
+		display: block;
+	}
+
+	/* Forums and topics lists
+	----------------------------------------*/
+	ul.topiclist.forums dt {
+		margin-right: -250px;
+	}
+
+	ul.topiclist dd.mark {
+		display: block;
+		position: absolute;
+		right: 5px;
+		top: 0;
+		margin: 0;
+		width: auto;
+		min-width: 0;
+		text-align: left;
+	}
+
+	ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
+		position: relative;
+		left: 0;
+		width: auto;
+		display: inline;
+		font-weight: normal;
+	}
+
+	li.row .responsive-show strong {
+		font-weight: bold;
+		color: inherit;
+	}
+
+	ul.topiclist li.row dt a.subforum {
+		vertical-align: bottom;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		max-width: 100px;
+	}
+
+	/* Pagination
+	----------------------------------------*/
+	.pagination > ul {
+		margin: 5px 0 0;
+	}
+
+	.row .pagination .ellipsis + li {
+		display: none !important;
+	}
+
+	/* Responsive tables
+	----------------------------------------*/
+	table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
+		display: block;
+	}
+
+	table.responsive thead, table.responsive th {
+		display: none;
+	}
+
+	table.responsive.show-header thead, table.responsive.show-header th:first-child {
+		display: block;
+		width: auto !important;
+		text-align: left !important;
+		border-radius: 0;
+	}
+
+	table.responsive.show-header th:first-child span.rank-img {
+		display: none;
+	}
+
+	table.responsive tr {
+		margin: 2px 0;
+	}
+
+	table.responsive td {
+		width: auto !important;
+		text-align: left !important;
+		padding: 4px;
+	}
+
+	table.responsive td.empty {
+		display: none !important;
+	}
+
+	table.responsive td > dfn {
+		display: inline-block !important;
+	}
+
+	table.responsive td > dfn:after {
+		content: ':';
+		padding-right: 5px;
+	}
+
+	table.responsive span.rank-img {
+		float: none;
+		padding-right: 5px;
+	}
+
+	table.responsive.memberlist td:first-child input[type="checkbox"] {
+		float: right;
+	}
+
+	/* Forms
+	----------------------------------------*/
+	fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
+		width: auto;
+		float: none;
+	}
+
+	fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
+		margin-left: 0px;
+	}
+
+	textarea, dd textarea, .message-box textarea {
+		width: 100%;
+		-moz-box-sizing: border-box;
+		box-sizing: border-box;
+	}
+
+	dl.pmlist dt {
+		width: auto !important;
+		margin-bottom: 5px;
+	}
+
+	dl.pmlist dd {
+		display: inline-block;
+		margin-left: 0 !important;
+	}
+
+	dl.pmlist dd:first-of-type {
+		padding-left: 20px;
+	}
+
+	.smiley-box, .message-box {
+		float: none;
+		width: auto;
+	}
+
+	.smiley-box {
+		margin-top: 5px;
+	}
+
+	.bbcode-status {
+		display: none;
+	}
+
+	.colour-palette, .colour-palette tbody, .colour-palette tr {
+		display: block;
+	}
+
+	.colour-palette td {
+		display: inline-block;
+		margin-right: 2px;
+	}
+
+	.horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
+		display: none;
+	}
+
+	fieldset.quick-login label {
+		display: block;
+		margin-bottom: 5px;
+		white-space: normal;
+	}
+
+	fieldset.quick-login label > span {
+		display: inline-block;
+		min-width: 100px;
+	}
+
+	fieldset.quick-login input.inputbox {
+		width: 85%;
+		max-width: 300px;
+		margin-left: 20px;
+	}
+
+	fieldset.quick-login label[for="autologin"] {
+		display: inline-block;
+		text-align: right;
+		min-width: 50%;
+	}
+
+	/* User profile
+	----------------------------------------*/
+	.column1, .column2, .left-box.profile-details {
+		float: none;
+		width: auto;
+		clear: both;
+	}
+
+	/* Polls
+	----------------------------------------*/
+	fieldset.polls dt {
+		width: 90%;
+	}
+
+	fieldset.polls dd.resultbar {
+		padding-left: 20px;
+	}
+
+	fieldset.polls dd.poll_option_percent {
+		width: 20%;
+	}
+
+	fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
+		margin-top: 5px;
+	}
+
+	/* Post
+	----------------------------------------*/
+	.postbody {
+		position: inherit;
+	}
+	
+	.postbody {
+		.postprofile + & {
+		float: none;
+		position: inherit;
+		width: auto;
+		}
+	}
+	
+	.postprofile, .postbody, .search .postbody {
+		display: block;
+		width: auto;
+		float: none;
+		padding: 0;
+		min-height: 0;
+	}
+
+	.post .postprofile {
+		width: auto;
+		border-width: 0 0 1px 0;
+		padding-bottom: 5px;
+		margin: 0;
+		margin-bottom: 5px;
+		min-height: 40px;
+		overflow: hidden;
+		z-index: auto !important;
+	}
+
+	.postprofile dd {
+		display: none;
+	}
+
+	.postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
+		display: block;
+		margin: 0;
+	}
+
+	.postprofile .has-avatar .avatar-container,
+	.postprofile .no-avatar .avatar-container {
+		margin: 0;
+		overflow: inherit;
+		float: left;
+		padding-right: 5px;
+	}
+
+	.postprofile .avatar-container:after {
+		clear: none;
+	}
+
+	.postprofile .avatar, .postprofile .no-avatar .avatar-container {
+		margin-right: 5px;
+	}
+
+	.postprofile .avatar img {
+		width: auto !important;
+		height: auto !important;
+		max-height: 32px;
+	}
+
+	.no-avatar .avatar-container {
+		width: 32px;
+		height: 32px;
+	}
+
+	.has-profile .postbody h3 {
+		margin-left: 0 !important;
+		margin-right: 0 !important;
+	}
+
+	.has-profile .post-buttons {
+		right: 10px;
+		top: 10px;
+		.rtl & {
+			right: auto;
+			left: 10px;
+		}
+	}
+
+	.online-ribbon {
+		width: 35px;
+		height: 35px;
+		top: 0;
+		#{$profile-side}: 0;
+
+		.rtl & {
+			#{$profile-side}: auto;
+			#{$post-side}: 0;
+		}
+
+		span {
+			width: 50px;
+			font-size: 6px;
+			line-height: 10px;
+			height: 10px;
+			text-align: center;
+			position: absolute;
+			top: 8px;
+			white-space: nowrap;
+			#{$profile-side}: -12px;
+
+			.rtl & {
+				#{$profile-side}: auto;
+				#{$post-side}: -12px;
+			}
+		}
+	}
+
+	// Misc stuff
+	// ----------------------------------------
+	h2 {
+		margin-top: .5em;
+	}
+
+	p {
+		margin-bottom: .5em;
+		overflow: hidden;
+	}
+
+	p.rightside {
+		margin-bottom: 0;
+	}
+
+	fieldset.display-options label {
+		display: inline-block;
+		clear: both;
+		margin-bottom: 5px;
+		letter-spacing: -.3px;
+	}
+
+	dl.mini dd.pm-legend {
+		float: left;
+		min-width: 200px;
+	}
+
+	.topicreview {
+		margin: 0 -5px;
+		padding: 0 5px;
+	}
+
+	fieldset.display-actions {
+		white-space: normal;
+	}
+
+	.phpbb_alert {
+		width: auto;
+		margin: 0 5px;
+	}
+
+	.attach-comment dfn {
+		width: 100%;
+	}
+}
+
+@media (min-width: 700px) {
+	.postbody { width: 70%; }
+}
+
+@media (min-width: 850px) {
+	.postbody { width: 76%; }
+}
+
+@media (min-width: 701px) and (max-width: 950px) {
+
+	ul.topiclist dt {
+    	margin-right: -410px;
+	}
+
+	ul.topiclist dt .list-inner {
+    	margin-right: 410px;
+	}
+
+	ul.topiclist dd.lastpost {
+  		float: right; 
+  	}
+
+	dd.posts, dd.topics, dd.views {
+    	width: 80px;
+	}
+}
diff --git a/simplicity_steelblue/theme/common/_utilities.scss b/simplicity_steelblue/theme/common/_utilities.scss
new file mode 100644
index 0000000..cbb8127
--- /dev/null
+++ b/simplicity_steelblue/theme/common/_utilities.scss
@@ -0,0 +1,66 @@
+/* --------------------------------------------------------------
+	$Utilities
+-------------------------------------------------------------- */
+
+.sr-only {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	margin: -1px;
+	padding: 0;
+	overflow: hidden;
+	clip: rect(0, 0, 0, 0);
+	border: 0;
+}
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+}
+
+.clearfix:before,
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after {
+	content: " ";
+	display: table;
+}
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after { clear: both }
+
+.center-block {
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.pull-right { float: right !important }
+.pull-left { float: left !important }
+.hide { display: none !important }
+.show { display: block !important }
+.invisible { visibility: hidden }
+
+.text-hide {
+	font: 0/0 a;
+	color: transparent;
+	text-shadow: none;
+	background-color: transparent;
+	border: 0;
+}
+
+.hidden {
+	display: none ;
+}
+
+.affix { position: fixed }
diff --git a/simplicity_steelblue/theme/images/announce_read.png b/simplicity_steelblue/theme/images/announce_read.png
new file mode 100644
index 0000000..2c14d5a
Binary files /dev/null and b/simplicity_steelblue/theme/images/announce_read.png differ
diff --git a/simplicity_steelblue/theme/images/announce_read_hd.png b/simplicity_steelblue/theme/images/announce_read_hd.png
new file mode 100644
index 0000000..76f0849
Binary files /dev/null and b/simplicity_steelblue/theme/images/announce_read_hd.png differ
diff --git a/simplicity_steelblue/theme/images/announce_read_locked.png b/simplicity_steelblue/theme/images/announce_read_locked.png
new file mode 100644
index 0000000..c0a33f9
Binary files /dev/null and b/simplicity_steelblue/theme/images/announce_read_locked.png differ
diff --git a/simplicity_steelblue/theme/images/announce_read_locked_hd.png b/simplicity_steelblue/theme/images/announce_read_locked_hd.png
new file mode 100644
index 0000000..d349669
Binary files /dev/null and b/simplicity_steelblue/theme/images/announce_read_locked_hd.png differ
diff --git a/simplicity_steelblue/theme/images/announce_unread.png b/simplicity_steelblue/theme/images/announce_unread.png
new file mode 100644
index 0000000..9865bb5
Binary files /dev/null and b/simplicity_steelblue/theme/images/announce_unread.png differ
diff --git a/simplicity_steelblue/theme/images/announce_unread_hd.png b/simplicity_steelblue/theme/images/announce_unread_hd.png
new file mode 100644
index 0000000..57b0c71
Binary files /dev/null and b/simplicity_steelblue/theme/images/announce_unread_hd.png differ
diff --git a/simplicity_steelblue/theme/images/announce_unread_locked.png b/simplicity_steelblue/theme/images/announce_unread_locked.png
new file mode 100644
index 0000000..5a63eb1
Binary files /dev/null and b/simplicity_steelblue/theme/images/announce_unread_locked.png differ
diff --git a/simplicity_steelblue/theme/images/announce_unread_locked_hd.png b/simplicity_steelblue/theme/images/announce_unread_locked_hd.png
new file mode 100644
index 0000000..2139c69
Binary files /dev/null and b/simplicity_steelblue/theme/images/announce_unread_locked_hd.png differ
diff --git a/simplicity_steelblue/theme/images/forum_link.png b/simplicity_steelblue/theme/images/forum_link.png
new file mode 100644
index 0000000..ebf4342
Binary files /dev/null and b/simplicity_steelblue/theme/images/forum_link.png differ
diff --git a/simplicity_steelblue/theme/images/forum_link_hd.png b/simplicity_steelblue/theme/images/forum_link_hd.png
new file mode 100644
index 0000000..952e1ce
Binary files /dev/null and b/simplicity_steelblue/theme/images/forum_link_hd.png differ
diff --git a/simplicity_steelblue/theme/images/forum_page.png b/simplicity_steelblue/theme/images/forum_page.png
new file mode 100644
index 0000000..2d5fed7
Binary files /dev/null and b/simplicity_steelblue/theme/images/forum_page.png differ
diff --git a/simplicity_steelblue/theme/images/forum_page_hd.png b/simplicity_steelblue/theme/images/forum_page_hd.png
new file mode 100644
index 0000000..4c11cd9
Binary files /dev/null and b/simplicity_steelblue/theme/images/forum_page_hd.png differ
diff --git a/simplicity_steelblue/theme/images/forum_read.png b/simplicity_steelblue/theme/images/forum_read.png
new file mode 100644
index 0000000..2c14d5a
Binary files /dev/null and b/simplicity_steelblue/theme/images/forum_read.png differ
diff --git a/simplicity_steelblue/theme/images/forum_read_hd.png b/simplicity_steelblue/theme/images/forum_read_hd.png
new file mode 100644
index 0000000..76f0849
Binary files /dev/null and b/simplicity_steelblue/theme/images/forum_read_hd.png differ
diff --git a/simplicity_steelblue/theme/images/forum_read_locked.png b/simplicity_steelblue/theme/images/forum_read_locked.png
new file mode 100644
index 0000000..2fc1cb5
Binary files /dev/null and b/simplicity_steelblue/theme/images/forum_read_locked.png differ
diff --git a/simplicity_steelblue/theme/images/forum_read_locked_hd.png b/simplicity_steelblue/theme/images/forum_read_locked_hd.png
new file mode 100644
index 0000000..bf47a2a
Binary files /dev/null and b/simplicity_steelblue/theme/images/forum_read_locked_hd.png differ
diff --git a/simplicity_steelblue/theme/images/forum_read_subforum.png b/simplicity_steelblue/theme/images/forum_read_subforum.png
new file mode 100644
index 0000000..2c14d5a
Binary files /dev/null and b/simplicity_steelblue/theme/images/forum_read_subforum.png differ
diff --git a/simplicity_steelblue/theme/images/forum_read_subforum_hd.png b/simplicity_steelblue/theme/images/forum_read_subforum_hd.png
new file mode 100644
index 0000000..76f0849
Binary files /dev/null and b/simplicity_steelblue/theme/images/forum_read_subforum_hd.png differ
diff --git a/simplicity_steelblue/theme/images/forum_unread.png b/simplicity_steelblue/theme/images/forum_unread.png
new file mode 100644
index 0000000..9865bb5
Binary files /dev/null and b/simplicity_steelblue/theme/images/forum_unread.png differ
diff --git a/simplicity_steelblue/theme/images/forum_unread_hd.png b/simplicity_steelblue/theme/images/forum_unread_hd.png
new file mode 100644
index 0000000..57b0c71
Binary files /dev/null and b/simplicity_steelblue/theme/images/forum_unread_hd.png differ
diff --git a/simplicity_steelblue/theme/images/forum_unread_locked.png b/simplicity_steelblue/theme/images/forum_unread_locked.png
new file mode 100644
index 0000000..fc0694c
Binary files /dev/null and b/simplicity_steelblue/theme/images/forum_unread_locked.png differ
diff --git a/simplicity_steelblue/theme/images/forum_unread_locked_hd.png b/simplicity_steelblue/theme/images/forum_unread_locked_hd.png
new file mode 100644
index 0000000..50596f6
Binary files /dev/null and b/simplicity_steelblue/theme/images/forum_unread_locked_hd.png differ
diff --git a/simplicity_steelblue/theme/images/forum_unread_subforum.png b/simplicity_steelblue/theme/images/forum_unread_subforum.png
new file mode 100644
index 0000000..9865bb5
Binary files /dev/null and b/simplicity_steelblue/theme/images/forum_unread_subforum.png differ
diff --git a/simplicity_steelblue/theme/images/forum_unread_subforum_hd.png b/simplicity_steelblue/theme/images/forum_unread_subforum_hd.png
new file mode 100644
index 0000000..57b0c71
Binary files /dev/null and b/simplicity_steelblue/theme/images/forum_unread_subforum_hd.png differ
diff --git a/simplicity_steelblue/theme/images/icon_post_target.png b/simplicity_steelblue/theme/images/icon_post_target.png
new file mode 100644
index 0000000..e4ff1d5
Binary files /dev/null and b/simplicity_steelblue/theme/images/icon_post_target.png differ
diff --git a/simplicity_steelblue/theme/images/icon_post_target_hd.png b/simplicity_steelblue/theme/images/icon_post_target_hd.png
new file mode 100644
index 0000000..3a60e20
Binary files /dev/null and b/simplicity_steelblue/theme/images/icon_post_target_hd.png differ
diff --git a/simplicity_steelblue/theme/images/icon_post_target_unread.png b/simplicity_steelblue/theme/images/icon_post_target_unread.png
new file mode 100644
index 0000000..79044c8
Binary files /dev/null and b/simplicity_steelblue/theme/images/icon_post_target_unread.png differ
diff --git a/simplicity_steelblue/theme/images/icon_post_target_unread_hd.png b/simplicity_steelblue/theme/images/icon_post_target_unread_hd.png
new file mode 100644
index 0000000..cf570ca
Binary files /dev/null and b/simplicity_steelblue/theme/images/icon_post_target_unread_hd.png differ
diff --git a/simplicity_steelblue/theme/images/icon_textbox_search.gif b/simplicity_steelblue/theme/images/icon_textbox_search.gif
new file mode 100644
index 0000000..b3b51d8
Binary files /dev/null and b/simplicity_steelblue/theme/images/icon_textbox_search.gif differ
diff --git a/simplicity_steelblue/theme/images/index.htm b/simplicity_steelblue/theme/images/index.htm
new file mode 100644
index 0000000..e69de29
diff --git a/simplicity_steelblue/theme/images/loading.gif b/simplicity_steelblue/theme/images/loading.gif
new file mode 100644
index 0000000..a9aa052
Binary files /dev/null and b/simplicity_steelblue/theme/images/loading.gif differ
diff --git a/simplicity_steelblue/theme/images/logo.png b/simplicity_steelblue/theme/images/logo.png
new file mode 100644
index 0000000..a0496a6
Binary files /dev/null and b/simplicity_steelblue/theme/images/logo.png differ
diff --git a/simplicity_steelblue/theme/images/logo_hd.png b/simplicity_steelblue/theme/images/logo_hd.png
new file mode 100644
index 0000000..45546b9
Binary files /dev/null and b/simplicity_steelblue/theme/images/logo_hd.png differ
diff --git a/simplicity_steelblue/theme/images/no_avatar.gif b/simplicity_steelblue/theme/images/no_avatar.gif
new file mode 100644
index 0000000..b1380a7
Binary files /dev/null and b/simplicity_steelblue/theme/images/no_avatar.gif differ
diff --git a/simplicity_steelblue/theme/images/no_avatar.png b/simplicity_steelblue/theme/images/no_avatar.png
new file mode 100644
index 0000000..fba97b3
Binary files /dev/null and b/simplicity_steelblue/theme/images/no_avatar.png differ
diff --git a/simplicity_steelblue/theme/images/no_avatar_female.png b/simplicity_steelblue/theme/images/no_avatar_female.png
new file mode 100644
index 0000000..aaf400c
Binary files /dev/null and b/simplicity_steelblue/theme/images/no_avatar_female.png differ
diff --git a/simplicity_steelblue/theme/images/no_avatar_female_hd.png b/simplicity_steelblue/theme/images/no_avatar_female_hd.png
new file mode 100644
index 0000000..7f4cf06
Binary files /dev/null and b/simplicity_steelblue/theme/images/no_avatar_female_hd.png differ
diff --git a/simplicity_steelblue/theme/images/no_avatar_hd.png b/simplicity_steelblue/theme/images/no_avatar_hd.png
new file mode 100644
index 0000000..1a743ab
Binary files /dev/null and b/simplicity_steelblue/theme/images/no_avatar_hd.png differ
diff --git a/simplicity_steelblue/theme/images/no_avatar_male.png b/simplicity_steelblue/theme/images/no_avatar_male.png
new file mode 100644
index 0000000..21ecb14
Binary files /dev/null and b/simplicity_steelblue/theme/images/no_avatar_male.png differ
diff --git a/simplicity_steelblue/theme/images/no_avatar_male_hd.png b/simplicity_steelblue/theme/images/no_avatar_male_hd.png
new file mode 100644
index 0000000..f6ee9e5
Binary files /dev/null and b/simplicity_steelblue/theme/images/no_avatar_male_hd.png differ
diff --git a/simplicity_steelblue/theme/images/pattern.png b/simplicity_steelblue/theme/images/pattern.png
new file mode 100644
index 0000000..0a2eca9
Binary files /dev/null and b/simplicity_steelblue/theme/images/pattern.png differ
diff --git a/simplicity_steelblue/theme/images/plupload/done.gif b/simplicity_steelblue/theme/images/plupload/done.gif
new file mode 100644
index 0000000..788e3fc
Binary files /dev/null and b/simplicity_steelblue/theme/images/plupload/done.gif differ
diff --git a/simplicity_steelblue/theme/images/plupload/error.gif b/simplicity_steelblue/theme/images/plupload/error.gif
new file mode 100644
index 0000000..c2bed3f
Binary files /dev/null and b/simplicity_steelblue/theme/images/plupload/error.gif differ
diff --git a/simplicity_steelblue/theme/images/plupload/throbber.gif b/simplicity_steelblue/theme/images/plupload/throbber.gif
new file mode 100644
index 0000000..4ae8b16
Binary files /dev/null and b/simplicity_steelblue/theme/images/plupload/throbber.gif differ
diff --git a/simplicity_steelblue/theme/images/subforum_read.png b/simplicity_steelblue/theme/images/subforum_read.png
new file mode 100644
index 0000000..2fcb6fe
Binary files /dev/null and b/simplicity_steelblue/theme/images/subforum_read.png differ
diff --git a/simplicity_steelblue/theme/images/subforum_read_hd.png b/simplicity_steelblue/theme/images/subforum_read_hd.png
new file mode 100644
index 0000000..af63290
Binary files /dev/null and b/simplicity_steelblue/theme/images/subforum_read_hd.png differ
diff --git a/simplicity_steelblue/theme/images/subforum_unread.png b/simplicity_steelblue/theme/images/subforum_unread.png
new file mode 100644
index 0000000..63eec10
Binary files /dev/null and b/simplicity_steelblue/theme/images/subforum_unread.png differ
diff --git a/simplicity_steelblue/theme/images/subforum_unread_hd.png b/simplicity_steelblue/theme/images/subforum_unread_hd.png
new file mode 100644
index 0000000..591e37f
Binary files /dev/null and b/simplicity_steelblue/theme/images/subforum_unread_hd.png differ
diff --git a/simplicity_steelblue/theme/images/topic_moved.png b/simplicity_steelblue/theme/images/topic_moved.png
new file mode 100644
index 0000000..ebf4342
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_moved.png differ
diff --git a/simplicity_steelblue/theme/images/topic_moved_hd.png b/simplicity_steelblue/theme/images/topic_moved_hd.png
new file mode 100644
index 0000000..952e1ce
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_moved_hd.png differ
diff --git a/simplicity_steelblue/theme/images/topic_read.png b/simplicity_steelblue/theme/images/topic_read.png
new file mode 100644
index 0000000..2c14d5a
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_read.png differ
diff --git a/simplicity_steelblue/theme/images/topic_read_hd.png b/simplicity_steelblue/theme/images/topic_read_hd.png
new file mode 100644
index 0000000..76f0849
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_read_hd.png differ
diff --git a/simplicity_steelblue/theme/images/topic_read_hot.png b/simplicity_steelblue/theme/images/topic_read_hot.png
new file mode 100644
index 0000000..2c14d5a
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_read_hot.png differ
diff --git a/simplicity_steelblue/theme/images/topic_read_hot_hd.png b/simplicity_steelblue/theme/images/topic_read_hot_hd.png
new file mode 100644
index 0000000..76f0849
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_read_hot_hd.png differ
diff --git a/simplicity_steelblue/theme/images/topic_read_hot_mine.png b/simplicity_steelblue/theme/images/topic_read_hot_mine.png
new file mode 100644
index 0000000..4a50195
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_read_hot_mine.png differ
diff --git a/simplicity_steelblue/theme/images/topic_read_hot_mine_hd.png b/simplicity_steelblue/theme/images/topic_read_hot_mine_hd.png
new file mode 100644
index 0000000..f91fced
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_read_hot_mine_hd.png differ
diff --git a/simplicity_steelblue/theme/images/topic_read_locked.png b/simplicity_steelblue/theme/images/topic_read_locked.png
new file mode 100644
index 0000000..c0a33f9
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_read_locked.png differ
diff --git a/simplicity_steelblue/theme/images/topic_read_locked_hd.png b/simplicity_steelblue/theme/images/topic_read_locked_hd.png
new file mode 100644
index 0000000..d349669
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_read_locked_hd.png differ
diff --git a/simplicity_steelblue/theme/images/topic_read_locked_mine.png b/simplicity_steelblue/theme/images/topic_read_locked_mine.png
new file mode 100644
index 0000000..d106eaa
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_read_locked_mine.png differ
diff --git a/simplicity_steelblue/theme/images/topic_read_locked_mine_hd.png b/simplicity_steelblue/theme/images/topic_read_locked_mine_hd.png
new file mode 100644
index 0000000..bbffd6a
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_read_locked_mine_hd.png differ
diff --git a/simplicity_steelblue/theme/images/topic_read_mine.png b/simplicity_steelblue/theme/images/topic_read_mine.png
new file mode 100644
index 0000000..4a50195
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_read_mine.png differ
diff --git a/simplicity_steelblue/theme/images/topic_read_mine_hd.png b/simplicity_steelblue/theme/images/topic_read_mine_hd.png
new file mode 100644
index 0000000..f91fced
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_read_mine_hd.png differ
diff --git a/simplicity_steelblue/theme/images/topic_unread.png b/simplicity_steelblue/theme/images/topic_unread.png
new file mode 100644
index 0000000..9865bb5
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_unread.png differ
diff --git a/simplicity_steelblue/theme/images/topic_unread_hd.png b/simplicity_steelblue/theme/images/topic_unread_hd.png
new file mode 100644
index 0000000..57b0c71
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_unread_hd.png differ
diff --git a/simplicity_steelblue/theme/images/topic_unread_hot.png b/simplicity_steelblue/theme/images/topic_unread_hot.png
new file mode 100644
index 0000000..9865bb5
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_unread_hot.png differ
diff --git a/simplicity_steelblue/theme/images/topic_unread_hot_hd.png b/simplicity_steelblue/theme/images/topic_unread_hot_hd.png
new file mode 100644
index 0000000..57b0c71
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_unread_hot_hd.png differ
diff --git a/simplicity_steelblue/theme/images/topic_unread_hot_mine.png b/simplicity_steelblue/theme/images/topic_unread_hot_mine.png
new file mode 100644
index 0000000..5a769b2
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_unread_hot_mine.png differ
diff --git a/simplicity_steelblue/theme/images/topic_unread_hot_mine_hd.png b/simplicity_steelblue/theme/images/topic_unread_hot_mine_hd.png
new file mode 100644
index 0000000..04f6fc8
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_unread_hot_mine_hd.png differ
diff --git a/simplicity_steelblue/theme/images/topic_unread_locked.png b/simplicity_steelblue/theme/images/topic_unread_locked.png
new file mode 100644
index 0000000..5a63eb1
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_unread_locked.png differ
diff --git a/simplicity_steelblue/theme/images/topic_unread_locked_hd.png b/simplicity_steelblue/theme/images/topic_unread_locked_hd.png
new file mode 100644
index 0000000..2139c69
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_unread_locked_hd.png differ
diff --git a/simplicity_steelblue/theme/images/topic_unread_locked_mine.png b/simplicity_steelblue/theme/images/topic_unread_locked_mine.png
new file mode 100644
index 0000000..e983eed
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_unread_locked_mine.png differ
diff --git a/simplicity_steelblue/theme/images/topic_unread_locked_mine_hd.png b/simplicity_steelblue/theme/images/topic_unread_locked_mine_hd.png
new file mode 100644
index 0000000..e0e436f
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_unread_locked_mine_hd.png differ
diff --git a/simplicity_steelblue/theme/images/topic_unread_mine.png b/simplicity_steelblue/theme/images/topic_unread_mine.png
new file mode 100644
index 0000000..5a769b2
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_unread_mine.png differ
diff --git a/simplicity_steelblue/theme/images/topic_unread_mine_hd.png b/simplicity_steelblue/theme/images/topic_unread_mine_hd.png
new file mode 100644
index 0000000..04f6fc8
Binary files /dev/null and b/simplicity_steelblue/theme/images/topic_unread_mine_hd.png differ
diff --git a/simplicity_steelblue/theme/index.htm b/simplicity_steelblue/theme/index.htm
new file mode 100644
index 0000000..e69de29
diff --git a/simplicity_steelblue/theme/plupload.css b/simplicity_steelblue/theme/plupload.css
new file mode 100644
index 0000000..74fd563
--- /dev/null
+++ b/simplicity_steelblue/theme/plupload.css
@@ -0,0 +1 @@
+@import "../../simplicity/theme/plupload.css";
\ No newline at end of file
diff --git a/simplicity_steelblue/theme/print.css b/simplicity_steelblue/theme/print.css
new file mode 100644
index 0000000..36a58f5
--- /dev/null
+++ b/simplicity_steelblue/theme/print.css
@@ -0,0 +1,4 @@
+/* Print Style Sheet
+---------------------------------------- */
+
+@import "../../simplicity/theme/print.css";
\ No newline at end of file
diff --git a/simplicity_steelblue/theme/stylesheet.css b/simplicity_steelblue/theme/stylesheet.css
new file mode 100644
index 0000000..c5ec0e5
--- /dev/null
+++ b/simplicity_steelblue/theme/stylesheet.css
@@ -0,0 +1,6062 @@
+/*!
+	DO NOT EDIT stylesheet.css!
+
+	Edit .scss files instead. See http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+	If you have any questions, please ask on support forum at http://www.artodia.com/forums/
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline; }
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block; }
+
+body {
+  line-height: 1; }
+
+ol, ul {
+  list-style: none; }
+
+blockquote, q {
+  quotes: none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+abbr {
+  text-decoration: none; }
+
+.site-description:after, .navbar.secondary:after, .navbar .nav-tabs:after, ul.topiclist dl:after, .site-description:before, .navbar.secondary:before, .navbar .nav-tabs:before, ul.topiclist dl:before {
+  content: ' ';
+  display: table;
+  clear: both; }
+
+html {
+  font-size: 100%;
+  height: 100%; }
+
+body {
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px;
+  line-height: 1.4;
+  margin: 0;
+  padding: 0 0 12px;
+  word-wrap: break-word;
+  min-height: 100%;
+  box-sizing: border-box;
+  -webkit-print-color-adjust: exact; }
+
+h1, p.sitename {
+  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+  margin-right: 200px;
+  margin-top: 15px;
+  margin-bottom: 0;
+  font-weight: bold;
+  font-size: 21px;
+  line-height: inherit; }
+
+h2 {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  font-size: 19px;
+  margin: 0.8em 0 0.2em 0; }
+
+h2.solo {
+  margin-bottom: 1em; }
+
+h3 {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-weight: 500;
+  margin-bottom: 5px;
+  font-size: 17px;
+  margin-top: 20px; }
+
+h4 {
+  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
+  font-size: 15px; }
+
+p {
+  line-height: 1.3;
+  font-size: 11px;
+  margin-bottom: 1.5em; }
+
+img {
+  border-width: 0; }
+
+hr {
+  border: 0 solid transparent;
+  border-top-width: 1px;
+  height: 1px;
+  margin: 5px 0;
+  display: block;
+  clear: both; }
+
+hr.dashed {
+  border-top-style: dashed;
+  margin: 10px 0; }
+
+hr.divider {
+  display: none; }
+
+p.right {
+  text-align: right; }
+
+p.jumpbox-return {
+  margin-top: 10px;
+  margin-bottom: 0;
+  float: left; }
+
+b, strong {
+  font-weight: bold; }
+
+.text-strong {
+  font-weight: bold; }
+
+i, em {
+  font-style: italic; }
+
+.text-italics {
+  font-style: italic; }
+
+u {
+  text-decoration: underline; }
+
+ul {
+  list-style-type: disc; }
+
+ol {
+  list-style-type: decimal; }
+
+li {
+  display: list-item; }
+
+ul ul, ol ul {
+  list-style-type: circle; }
+
+ol ol ul, ol ul ul, ul ol ul, ul ul ul {
+  list-style-type: square; }
+
+.page-width {
+  box-sizing: border-box;
+  margin: 0 auto;
+  max-width: none;
+  min-width: 625px;
+  margin: 0 12px; }
+
+.page-width .page-width {
+  margin: 0; }
+
+.page-body {
+  margin: 4px 0;
+  clear: both; }
+  #wrap > .page-body:first-of-type {
+    margin-top: 0; }
+  #wrap > .page-body:last-of-type {
+    margin-bottom: 0; }
+
+.page-footer {
+  clear: both; }
+  #wrap + .page-footer {
+    margin-top: 5px; }
+
+.page-footer h3 {
+  margin-top: 20px; }
+
+.logo {
+  display: block;
+  box-sizing: border-box;
+  max-width: 100%;
+  padding: 10px 0; }
+  .logo, .logo img {
+    margin: 0 auto; }
+  .logo img {
+    display: block;
+    max-width: 100%; }
+  .logo:hover {
+    text-decoration: none; }
+
+.site-description {
+  text-align: center; }
+  .site-description h1, .site-description p.sitename {
+    margin-left: 0;
+    margin-right: 0; }
+  .site-description h1, .site-description p {
+    display: none; }
+
+.headerbar > .inner {
+  position: relative; }
+
+.navbar {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  padding: 0 9px;
+  clear: both; }
+  .navbar.tabbed, .navbar.secondary {
+    background: transparent;
+    border-width: 0;
+    border-radius: 0;
+    box-shadow: none;
+    padding: 0; }
+  .page-body .navbar {
+    margin-bottom: 10px; }
+  .navbar + .navbar {
+    margin-top: 5px; }
+  .navbar.tabbed {
+    padding: 0; }
+  .navbar.secondary {
+    margin: 0;
+    padding: 1px 0; }
+    .navbar.secondary > ul {
+      list-style-type: none;
+      margin: 0;
+      padding: 0; }
+    .navbar.secondary > ul > li {
+      position: relative;
+      display: inline-block;
+      margin: 0;
+      padding: 0; }
+      .navbar.secondary > ul > li > a {
+        display: inline-block;
+        color: inherit;
+        padding: 1px 8px;
+        text-align: center;
+        line-height: 26px;
+        font-size: 12px; }
+      .navbar.secondary > ul > li:hover {
+        border-radius: 3px; }
+        .navbar.secondary > ul > li:hover > a {
+          text-decoration: none; }
+      .navbar.secondary > ul > li.small-icon > a {
+        padding-left: 18px; }
+      .navbar.secondary > ul > li .dropdown {
+        top: 28px; }
+      .navbar.secondary > ul > li.dropdown-up .dropdown {
+        top: auto;
+        bottom: 28px; }
+      .navbar.secondary > ul > li.search-box {
+        display: block;
+        margin: 0;
+        float: right; }
+        .rtl .navbar.secondary > ul > li.search-box {
+          float: left; }
+        .navbar.secondary > ul > li.search-box, .navbar.secondary > ul > li.search-box:hover {
+          border-radius: 0;
+          border-width: 0;
+          box-shadow: none;
+          background: none;
+          filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
+    .navbar.secondary + .nav-breadcrumbs {
+      margin-top: 0; }
+  .navbar li.small-icon > a {
+    padding-left: 18px; }
+  .navbar .nav-tabs {
+    border-radius: 3px; }
+    .navbar .nav-tabs .leftside .tab:first-child, .navbar .nav-tabs .leftside .tab.first-visible {
+      border-radius: 2px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0; }
+    .rtl .navbar .nav-tabs .rightside .tab:last-child, .rtl .navbar .nav-tabs .rightside .tab.last-visible {
+      border-radius: 2px;
+      border-top-right-radius: 0;
+      border-bottom-right-radius: 0; }
+    .navbar .nav-tabs .rightside .tab:last-child, .navbar .nav-tabs .rightside .tab.last-visible {
+      border-radius: 2px;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0; }
+    .rtl .navbar .nav-tabs .leftside .tab:first-child, .rtl .navbar .nav-tabs .leftside .tab.first-visible {
+      border-radius: 2px;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0; }
+    .navbar .nav-tabs > ul {
+      list-style-type: none;
+      margin: 0;
+      height: 30px; }
+      .navbar .nav-tabs > ul.leftside, .rtl .navbar .nav-tabs > ul.rightside {
+        float: left; }
+      .navbar .nav-tabs > ul.rightside, .rtl .navbar .nav-tabs > ul.leftside {
+        float: right; }
+      .navbar .nav-tabs > ul > li {
+        float: left;
+        height: 30px; }
+      .rtl .navbar .nav-tabs > ul > li {
+        float: right; }
+      .navbar .nav-tabs > ul .quick-links {
+        margin: 0; }
+        .navbar .nav-tabs > ul .quick-links.empty {
+          display: none; }
+        .navbar .nav-tabs > ul .quick-links.showing-responsive-menu {
+          display: block; }
+    .navbar .nav-tabs .nav-link {
+      text-decoration: none;
+      color: inherit;
+      display: inline-block;
+      height: 30px;
+      line-height: 30px;
+      padding: 0 12px;
+      vertical-align: baseline;
+      font-size: 12px;
+      outline-style: none; }
+      .navbar .nav-tabs .nav-link.dropdown-toggle {
+        position: relative; }
+        .navbar .nav-tabs .nav-link.dropdown-toggle:before {
+          content: '\f078';
+          font-family: FontAwesome;
+          position: absolute;
+          right: 12px;
+          top: 50%;
+          font-size: 8px;
+          line-height: 12px;
+          width: 8px;
+          height: 12px;
+          margin-top: -6px; }
+          .rtl .navbar .nav-tabs .nav-link.dropdown-toggle:before {
+            right: auto;
+            left: 12px; }
+      .navbar .nav-tabs .nav-link .username-coloured {
+        color: inherit !important;
+        font-weight: inherit;
+        font-style: inherit; }
+    .navbar .nav-tabs .responsive-menu .nav-link:before,
+    .navbar .nav-tabs .dropdown-visible .nav-link:before {
+      content: '\f077';
+      font-family: FontAwesome;
+      position: absolute;
+      right: 12px;
+      top: 50%;
+      font-size: 9px;
+      line-height: 13px;
+      width: 9px;
+      height: 13px;
+      margin-top: -6px; }
+    .navbar .nav-tabs .dropdown {
+      top: 30px; }
+      .dropdown-up .navbar .nav-tabs .dropdown {
+        top: auto;
+        bottom: 30px; }
+    .navbar .nav-tabs .tab {
+      position: relative; }
+      .navbar .nav-tabs .tab > strong {
+        display: none;
+        font-weight: bold;
+        font-size: 9px;
+        padding: 0 2px;
+        border-radius: 3px;
+        position: absolute;
+        right: 5px;
+        top: -10px;
+        line-height: 14px;
+        min-width: 10px;
+        _width: 10px;
+        text-align: center;
+        text-shadow: none;
+        white-space: nowrap;
+        word-wrap: normal;
+        height: 14px;
+        pointer-events: none; }
+        .rtl .navbar .nav-tabs .tab > strong {
+          right: auto;
+          left: 5px; }
+        .navbar .nav-tabs .tab > strong .arrow {
+          border: 3px solid transparent;
+          border-bottom: 1px none black;
+          position: absolute;
+          bottom: -3px;
+          right: 4px;
+          line-height: 0;
+          text-shadow: none;
+          _display: none;
+          width: 0;
+          height: 0; }
+      .navbar .nav-tabs .tab.non-zero > strong {
+        display: block; }
+    .navbar .nav-tabs .responsive-menu .nav-link, .navbar .nav-tabs .account .nav-link, .navbar .nav-tabs .pm .nav-link, .navbar .nav-tabs .notifications .nav-link, .navbar .nav-tabs .mcp .nav-link, .navbar .nav-tabs .acp .nav-link, .navbar .nav-tabs .faq .nav-link, .navbar .nav-tabs .logout .nav-link, .navbar .nav-tabs .login .nav-link, .navbar .nav-tabs .register .nav-link, .navbar .nav-tabs .rightside .boardrules .nav-link, .navbar .nav-tabs .rightside .pages .nav-link, .navbar .nav-tabs .members .nav-link, .navbar .nav-tabs .forums .nav-link, .navbar .nav-tabs .leftside .boardrules .nav-link, .navbar .nav-tabs .leftside .pages .nav-link {
+      position: relative;
+      padding-left: 30px; }
+      .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .rightside .boardrules .nav-link:after, .navbar .nav-tabs .rightside .pages .nav-link:after, .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .leftside .boardrules .nav-link:after, .navbar .nav-tabs .leftside .pages .nav-link:after {
+        position: absolute;
+        left: 12px;
+        top: 50%;
+        margin-top: -7px;
+        width: 14px;
+        font-size: 12px;
+        line-height: 14px;
+        height: 14px;
+        text-align: left;
+        font-weight: normal;
+        font-style: normal;
+        text-indent: 0; }
+      .rtl .navbar .nav-tabs .responsive-menu .nav-link:after, .rtl .navbar .nav-tabs .account .nav-link:after, .rtl .navbar .nav-tabs .pm .nav-link:after, .rtl .navbar .nav-tabs .notifications .nav-link:after, .rtl .navbar .nav-tabs .mcp .nav-link:after, .rtl .navbar .nav-tabs .acp .nav-link:after, .rtl .navbar .nav-tabs .faq .nav-link:after, .rtl .navbar .nav-tabs .logout .nav-link:after, .rtl .navbar .nav-tabs .login .nav-link:after, .rtl .navbar .nav-tabs .register .nav-link:after, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .rightside .pages .nav-link:after, .rtl .navbar .nav-tabs .members .nav-link:after, .rtl .navbar .nav-tabs .forums .nav-link:after, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .leftside .pages .nav-link:after {
+        left: auto;
+        right: 12px; }
+    .navbar .nav-tabs .responsive-menu .nav-link, .navbar .nav-tabs .account .nav-link, .navbar .nav-tabs .pm .nav-link, .navbar .nav-tabs .notifications .nav-link, .navbar .nav-tabs .mcp .nav-link, .navbar .nav-tabs .acp .nav-link, .navbar .nav-tabs .faq .nav-link, .navbar .nav-tabs .logout .nav-link, .navbar .nav-tabs .login .nav-link, .navbar .nav-tabs .register .nav-link, .navbar .nav-tabs .rightside .boardrules .nav-link, .navbar .nav-tabs .rightside .pages .nav-link {
+      text-indent: 999px;
+      width: 14px;
+      padding: 0 8px;
+      overflow: hidden; }
+      .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .rightside .boardrules .nav-link:after, .navbar .nav-tabs .rightside .pages .nav-link:after {
+        text-align: center;
+        font-size: 14px;
+        left: 8px; }
+      .rtl .navbar .nav-tabs .responsive-menu .nav-link:after, .rtl .navbar .nav-tabs .account .nav-link:after, .rtl .navbar .nav-tabs .pm .nav-link:after, .rtl .navbar .nav-tabs .notifications .nav-link:after, .rtl .navbar .nav-tabs .mcp .nav-link:after, .rtl .navbar .nav-tabs .acp .nav-link:after, .rtl .navbar .nav-tabs .faq .nav-link:after, .rtl .navbar .nav-tabs .logout .nav-link:after, .rtl .navbar .nav-tabs .login .nav-link:after, .rtl .navbar .nav-tabs .register .nav-link:after, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .rightside .pages .nav-link:after {
+        left: auto;
+        right: 8px; }
+      .navbar .nav-tabs .responsive-menu .nav-link + strong, .navbar .nav-tabs .account .nav-link + strong, .navbar .nav-tabs .pm .nav-link + strong, .navbar .nav-tabs .notifications .nav-link + strong, .navbar .nav-tabs .mcp .nav-link + strong, .navbar .nav-tabs .acp .nav-link + strong, .navbar .nav-tabs .faq .nav-link + strong, .navbar .nav-tabs .logout .nav-link + strong, .navbar .nav-tabs .login .nav-link + strong, .navbar .nav-tabs .register .nav-link + strong, .navbar .nav-tabs .rightside .boardrules .nav-link + strong, .navbar .nav-tabs .rightside .pages .nav-link + strong {
+        right: -2px; }
+        .rtl .navbar .nav-tabs .responsive-menu .nav-link + strong, .rtl .navbar .nav-tabs .account .nav-link + strong, .rtl .navbar .nav-tabs .pm .nav-link + strong, .rtl .navbar .nav-tabs .notifications .nav-link + strong, .rtl .navbar .nav-tabs .mcp .nav-link + strong, .rtl .navbar .nav-tabs .acp .nav-link + strong, .rtl .navbar .nav-tabs .faq .nav-link + strong, .rtl .navbar .nav-tabs .logout .nav-link + strong, .rtl .navbar .nav-tabs .login .nav-link + strong, .rtl .navbar .nav-tabs .register .nav-link + strong, .rtl .navbar .nav-tabs .rightside .boardrules .nav-link + strong, .rtl .navbar .nav-tabs .rightside .pages .nav-link + strong {
+          right: auto;
+          left: -2px; }
+    @media (max-width: 550px) {
+      .navbar .nav-tabs .members .nav-link, .navbar .nav-tabs .forums .nav-link, .navbar .nav-tabs .leftside .boardrules .nav-link, .navbar .nav-tabs .leftside .pages .nav-link {
+        text-indent: 999px;
+        width: 14px;
+        padding: 0 8px;
+        overflow: hidden; }
+        .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .leftside .boardrules .nav-link:after, .navbar .nav-tabs .leftside .pages .nav-link:after {
+          text-align: center;
+          font-size: 14px;
+          left: 8px; }
+        .rtl .navbar .nav-tabs .members .nav-link:after, .rtl .navbar .nav-tabs .forums .nav-link:after, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link:after, .rtl .navbar .nav-tabs .leftside .pages .nav-link:after {
+          left: auto;
+          right: 8px; }
+        .navbar .nav-tabs .members .nav-link + strong, .navbar .nav-tabs .forums .nav-link + strong, .navbar .nav-tabs .leftside .boardrules .nav-link + strong, .navbar .nav-tabs .leftside .pages .nav-link + strong {
+          right: -2px; }
+          .rtl .navbar .nav-tabs .members .nav-link + strong, .rtl .navbar .nav-tabs .forums .nav-link + strong, .rtl .navbar .nav-tabs .leftside .boardrules .nav-link + strong, .rtl .navbar .nav-tabs .leftside .pages .nav-link + strong {
+            right: auto;
+            left: -2px; } }
+    .navbar .nav-tabs .responsive-menu .nav-link:after, .navbar .nav-tabs .members .nav-link:after, .navbar .nav-tabs .forums .nav-link:after, .navbar .nav-tabs .account .nav-link:after, .navbar .nav-tabs .pm .nav-link:after, .navbar .nav-tabs .notifications .nav-link:after, .navbar .nav-tabs .mcp .nav-link:after, .navbar .nav-tabs .acp .nav-link:after, .navbar .nav-tabs .faq .nav-link:after, .navbar .nav-tabs .logout .nav-link:after, .navbar .nav-tabs .login .nav-link:after, .navbar .nav-tabs .register .nav-link:after, .navbar .nav-tabs .boardrules .nav-link:after, .navbar .nav-tabs .pages .nav-link:after {
+      font-family: FontAwesome; }
+    .navbar .nav-tabs .responsive-menu .nav-link:after {
+      content: '\f0c9'; }
+    .navbar .nav-tabs .members .nav-link {
+      padding-left: 32px;
+      padding-right: 24px; }
+      .rtl .navbar .nav-tabs .members .nav-link {
+        padding-left: 24px;
+        padding-right: 32px; }
+      .navbar .nav-tabs .members .nav-link:after {
+        content: '\f0c0'; }
+      @media (max-width: 550px) {
+        .navbar .nav-tabs .members .nav-link {
+          padding: 0 8px !important; } }
+    .rtl .navbar .nav-tabs .forums .nav-link {
+      padding-left: 12px;
+      padding-right: 32px; }
+    .navbar .nav-tabs .forums .nav-link:after {
+      content: '\f075'; }
+    .navbar .nav-tabs .account .nav-link:after {
+      content: '\f007'; }
+    .navbar .nav-tabs .pm .nav-link:after {
+      content: '\f01c'; }
+    .navbar .nav-tabs .notifications .nav-link:after {
+      content: '\f0f3';
+      font-size: 13px; }
+    .navbar .nav-tabs .mcp .nav-link:after {
+      content: '\f0e3'; }
+    .navbar .nav-tabs .acp .nav-link:after {
+      content: '\f085'; }
+    .navbar .nav-tabs .faq .nav-link:after {
+      content: '\f059'; }
+    @media (max-width: 550px) {
+      .navbar .nav-tabs .faq, .navbar .nav-tabs .faq .nav-link {
+        display: none !important; } }
+    .navbar .nav-tabs .logout .nav-link:after {
+      content: '\f08b';
+      margin-left: 1px; }
+    .navbar .nav-tabs .login .nav-link:after {
+      content: '\f090'; }
+    .navbar .nav-tabs .register .nav-link:after {
+      content: '\f234'; }
+    .navbar .nav-tabs .boardrules .nav-link:after {
+      content: '\f071'; }
+    .navbar .nav-tabs .pages .nav-link:after {
+      content: '\f0f6'; }
+  .navbar .inner.static {
+    position: fixed;
+    top: 0;
+    z-index: 50;
+    left: 0;
+    right: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    width: auto;
+    max-width: none;
+    opacity: .9;
+    transition: opacity .2s; }
+    .navbar .inner.static > .static-inner {
+      box-sizing: border-box;
+      margin: 0 auto;
+      max-width: none;
+      min-width: 625px;
+      margin: 0 12px;
+      padding-top: 0 !important;
+      padding-bottom: 0 !important; }
+    .navbar .inner.static:hover {
+      opacity: 1; }
+    .navbar .inner.static .nav-tabs {
+      border-radius: 0; }
+      .navbar .inner.static .nav-tabs .leftside .tab:first-child, .navbar .inner.static .nav-tabs .leftside .tab.first-visible, .rtl .navbar .inner.static .nav-tabs .rightside .tab:first-child, .rtl .navbar .inner.static .nav-tabs .rightside .tab.first-visible {
+        border-radius: 0; }
+      .navbar .inner.static .nav-tabs .rightside .tab:last-child, .navbar .inner.static .nav-tabs .rightside .tab.last-visible, .rtl .navbar .inner.static .nav-tabs .leftside .tab:last-child, .rtl .navbar .inner.static .nav-tabs .leftside .tab.last-visible {
+        border-radius: 0; }
+      .navbar .inner.static .nav-tabs .tab > strong {
+        position: relative;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        vertical-align: top;
+        margin-top: 8px;
+        margin-left: -7px;
+        margin-right: 5px;
+        padding-bottom: 1px;
+        pointer-events: none; }
+        .navbar .inner.static .nav-tabs .tab > strong .arrow {
+          display: none; }
+      .navbar .inner.static .nav-tabs .tab.non-zero > strong {
+        display: inline-block; }
+      .navbar .inner.static .nav-tabs .pm > .nav-link + strong {
+        margin-left: -5px; }
+
+.forabg {
+  padding: 0;
+  margin: 10px 0; }
+
+.forumbg {
+  padding: 0; }
+
+.panel {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  margin-bottom: 10px;
+  padding: 5px 10px; }
+  .panel.bg3 {
+    border-radius: 0;
+    border-width: 0;
+    box-shadow: none;
+    border-top: 3px solid transparent;
+    position: relative; }
+    .panel.bg3:before, .panel.bg3:after {
+      content: '';
+      position: absolute;
+      top: 0;
+      width: 3px;
+      height: 50px; }
+    .panel.bg3:before {
+      left: 0; }
+    .panel.bg3:after {
+      right: 0; }
+  .postform .panel.panel {
+    border-radius: 3px; }
+
+.panel > .inner > h3:first-child, .panel > h3:first-child {
+  margin: -5px -10px 5px;
+  border-radius: 2px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+  background: #525d73;
+  border: 0 solid #525d73;
+  padding: 5px;
+  text-transform: none;
+  font-size: 15px;
+  line-height: 1.4;
+  font-weight: normal;
+  color: #fff;
+  padding-left: 10px;
+  padding-right: 10px; }
+  @media (max-width: 700px) {
+    .panel > .inner > h3:first-child, .panel > h3:first-child {
+      border-radius: 0; } }
+  .panel > .inner > h3:first-child a,
+  .panel > h3:first-child a {
+    color: #fff; }
+    .panel > .inner > h3:first-child a:hover,
+    .panel > h3:first-child a:hover {
+      color: #fff; }
+  .panel-container .panel > .inner > h3:first-child,
+  .panel-container .panel > h3:first-child {
+    font-size: 15px;
+    line-height: 1.4; }
+
+.post {
+  background: #f4f4f4;
+  border: 0 solid #e0e0e0;
+  border-radius: 3px;
+  padding: 5px 10px;
+  padding: 0;
+  margin-bottom: 10px;
+  position: relative; }
+
+.post > .inner {
+  padding: 5px 10px; }
+
+.rowbg {
+  margin: 5px 5px 2px 5px; }
+
+.navbar ul.linklist {
+  padding: 2px 0; }
+
+ul.linklist {
+  display: block;
+  margin: 0; }
+
+.cp-main .panel {
+  padding: 5px 10px; }
+
+ul.linklist > li {
+  float: left;
+  font-size: 11px;
+  line-height: 2;
+  list-style-type: none;
+  margin-right: 7px;
+  padding-top: 1px;
+  width: auto; }
+  ul.linklist > li.icon-only, ul.linklist > li.rightside.icon-only {
+    text-align: center;
+    min-width: 20px; }
+
+ul.linklist > li.rightside, p.rightside, a.rightside {
+  float: right;
+  margin-right: 0;
+  margin-left: 7px;
+  text-align: right; }
+
+ul.navlinks {
+  border-top: 1px solid transparent; }
+  ul.navlinks.nav-breadcrumbs {
+    border-top-width: 0; }
+
+ul.leftside {
+  float: left;
+  margin-left: 0;
+  margin-right: 5px;
+  text-align: left; }
+
+ul.rightside {
+  float: right;
+  margin-left: 5px;
+  margin-right: -5px;
+  text-align: right; }
+
+ul.linklist li.responsive-menu {
+  position: relative;
+  margin: 0 5px; }
+
+.fa-bars:before {
+  display: none; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link {
+  display: inline-block;
+  margin: 0 5px;
+  font-size: 17px;
+  position: relative;
+  width: 17px;
+  line-height: 21px;
+  text-decoration: none; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+  content: '\f0c9';
+  font-family: FontAwesome;
+  position: absolute;
+  left: 0;
+  top: 50%;
+  margin-top: -6.5px;
+  width: 15px;
+  font-size: 13px;
+  line-height: 13px;
+  height: 13px;
+  text-align: center;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0; }
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before {
+  font-family: FontAwesome;
+  content: '\f078'; }
+
+.hasjs ul.linklist.leftside, .hasjs ul.linklist.rightside {
+  max-width: 48%; }
+
+.hasjs ul.linklist.fullwidth {
+  max-width: none; }
+
+ul.linklist .dropdown {
+  top: 22px; }
+
+ul.linklist .dropdown-up .dropdown {
+  bottom: 22px;
+  top: auto; }
+
+ul.linklist.bulletin > li:before {
+  display: inline-block;
+  content: "\2022";
+  font-size: inherit;
+  line-height: inherit;
+  padding-right: 4px; }
+
+ul.linklist.bulletin > li:first-child:before,
+ul.linklist.bulletin > li.rightside:last-child:before {
+  content: none; }
+
+ul.linklist.bulletin > li.no-bulletin:before {
+  content: none; }
+
+.responsive-menu:before {
+  display: none !important; }
+
+.header-profile {
+  display: inline-block;
+  vertical-align: top; }
+
+.header-avatar:hover {
+  text-decoration: none; }
+
+.header-avatar img {
+  margin-bottom: 2px;
+  max-height: 20px;
+  vertical-align: middle;
+  width: auto; }
+
+.header-avatar span:after {
+  content: '\f078';
+  font-family: FontAwesome;
+  display: inline-block;
+  font-size: 7px;
+  float: right;
+  padding-left: 2px;
+  font-weight: normal;
+  opacity: 0.7; }
+
+.dropdown-container {
+  position: relative; }
+
+.dropdown-container-right {
+  float: right; }
+
+.dropdown-container-left {
+  float: left; }
+
+.nojs .dropdown-container:hover .dropdown {
+  display: block !important; }
+
+.dropdown {
+  display: none;
+  position: absolute;
+  left: 0;
+  top: 1.4em;
+  z-index: 30;
+  padding: 0;
+  margin-right: -500px; }
+
+.dropdown.live-search {
+  top: auto; }
+
+.dropdown-container.topic-tools {
+  float: left; }
+
+.dropdown-up .dropdown {
+  top: auto;
+  bottom: 1.4em; }
+
+.dropdown-left .dropdown, .nojs .rightside .dropdown {
+  left: auto;
+  right: 0;
+  margin-left: -500px;
+  margin-right: 0; }
+
+.dropdown-button-control .dropdown {
+  top: 24px; }
+
+.dropdown-button-control.dropdown-up .dropdown {
+  top: auto;
+  bottom: 24px; }
+
+.dropdown .pointer, .dropdown .pointer-inner {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-top-width: 0;
+  border-bottom: 10px solid transparent;
+  border-left: 10px dashed transparent;
+  border-right: 10px dashed transparent;
+  -webkit-transform: rotate(360deg);
+  /* better anti-aliasing in webkit */
+  display: block; }
+
+.dropdown-up .pointer, .dropdown-up .pointer-inner {
+  border-bottom-width: 0;
+  border-top: 10px solid transparent; }
+
+.dropdown .pointer {
+  right: auto;
+  left: 10px;
+  top: 0;
+  z-index: 3; }
+
+.dropdown-up .pointer {
+  bottom: 0;
+  top: auto; }
+
+.dropdown-left .dropdown .pointer, .nojs .rightside .dropdown .pointer {
+  left: auto;
+  right: 10px; }
+
+.dropdown .pointer-inner {
+  top: auto;
+  bottom: -11px;
+  left: -10px; }
+
+.dropdown-up .pointer-inner {
+  bottom: auto;
+  top: -11px; }
+
+.dropdown .dropdown-contents {
+  z-index: 30;
+  overflow: hidden;
+  overflow-y: auto;
+  border: 0px solid transparent;
+  border-radius: 0 0 3px 3px;
+  border-top-width: 3px;
+  padding: 5px;
+  position: relative;
+  min-width: 40px;
+  max-height: 300px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  .notifications .dropdown .dropdown-contents {
+    min-width: 300px; }
+
+.dropdown-up .dropdown-contents {
+  border-bottom-width: 3px;
+  border-top-width: 0;
+  border-radius: 3px 3px 0 0; }
+
+.dropdown-contents > li {
+  padding-right: 15px;
+  min-width: 180px; }
+
+.dropdown-nonscroll > li {
+  padding-right: 0; }
+
+.dropdown li:first-child, .dropdown li.separator + li, .dropdown li li {
+  border-top: 0; }
+
+.dropdown li li:first-child {
+  margin-top: 4px; }
+
+.dropdown li li:last-child {
+  padding-bottom: 0; }
+
+.dropdown li li {
+  border-top: 1px dotted transparent;
+  padding-left: 18px; }
+
+#wrap .dropdown li, .dropdown.wrap li, .dropdown-extended li {
+  white-space: normal; }
+
+.dropdown li.separator {
+  border-top: 1px solid transparent;
+  margin: 4px 0;
+  padding: 0; }
+
+.dropdown li.separator:first-child, .dropdown li.separator:last-child {
+  display: none !important; }
+
+.dropdown-trigger > i.glyphicons, .dropdown-trigger > i.fa {
+  display: inline;
+  line-height: inherit;
+  top: 0;
+  vertical-align: baseline; }
+  .dropdown-trigger > i.glyphicons:before, .dropdown-trigger > i.fa:before {
+    font-size: 1.4em;
+    line-height: 1;
+    position: relative;
+    top: 1px; }
+
+.breadcrumbs .crumb {
+  float: left;
+  font-weight: bold;
+  word-wrap: normal;
+  position: relative;
+  padding-left: 13px; }
+  .rtl .breadcrumbs .crumb {
+    padding-left: 0;
+    padding-right: 13px; }
+
+.breadcrumbs .crumb:before {
+  content: '\f054';
+  font-family: FontAwesome;
+  font-weight: normal;
+  position: absolute;
+  left: 1px;
+  width: 11px;
+  top: 50%;
+  margin-top: -5.5px;
+  font-size: 7px;
+  height: 11px;
+  line-height: 11px;
+  text-align: center; }
+  .rtl .breadcrumbs .crumb:before {
+    left: auto;
+    right: 1px;
+    content: '\f053'; }
+
+.breadcrumbs .crumb:first-child {
+  padding-left: 0;
+  padding-right: 0; }
+  .breadcrumbs .crumb:first-child:before {
+    display: none; }
+
+.breadcrumbs .crumb a {
+  display: inline-block;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  vertical-align: bottom;
+  overflow: hidden; }
+
+.breadcrumbs.wrapped .crumb a {
+  letter-spacing: -.3px; }
+
+.breadcrumbs.wrapped .crumb.wrapped-medium a {
+  letter-spacing: -.4px; }
+
+.breadcrumbs.wrapped .crumb.wrapped-tiny a {
+  letter-spacing: -.5px; }
+
+.breadcrumbs .crumb.wrapped-max a {
+  max-width: 120px; }
+
+.breadcrumbs .crumb.wrapped-wide a {
+  max-width: 100px; }
+
+.breadcrumbs .crumb.wrapped-medium a {
+  max-width: 80px; }
+
+.breadcrumbs .crumb.wrapped-small a {
+  max-width: 60px; }
+
+.breadcrumbs .crumb.wrapped-tiny a {
+  max-width: 40px; }
+
+table.table1 {
+  width: 100%; }
+
+.ucp-main table.table1 {
+  padding: 2px; }
+
+table.table1 thead th {
+  background: #525d73;
+  border: 0 solid #525d73;
+  color: #fff;
+  text-transform: none;
+  line-height: 1.4;
+  font-weight: normal;
+  font-size: 13px;
+  padding: 4px; }
+  table.table1 thead th:first-child {
+    border-top-left-radius: 2px; }
+  table.table1 thead th:last-child {
+    border-top-right-radius: 2px; }
+
+table.table1 thead th span {
+  padding-left: 7px; }
+
+table.table1 tbody tr {
+  border-top: 1px solid transparent; }
+
+table.table1 td {
+  font-size: 12px;
+  line-height: 1.4; }
+
+table.table1 tbody td {
+  padding: 5px;
+  border-top: 1px solid transparent; }
+
+table.table1 tbody th {
+  padding: 5px;
+  border-bottom: 1px solid transparent;
+  text-align: left; }
+
+table.table1 .name {
+  text-align: left; }
+
+table.table1 .center {
+  text-align: center; }
+
+table.table1 .reportby {
+  width: 15%; }
+
+table.table1 .posts {
+  text-align: center;
+  width: 7%; }
+
+table.table1 .joined {
+  text-align: left;
+  width: 15%; }
+
+table.table1 .active {
+  text-align: left;
+  width: 15%; }
+
+table.table1 .mark {
+  text-align: center;
+  width: 7%; }
+
+table.table1 .info {
+  text-align: left;
+  width: 30%;
+  max-width: 200px; }
+  @media (max-width: 550px) {
+    table.table1 .info {
+      max-width: 150px; } }
+
+table.table1 .info div {
+  width: 100%;
+  white-space: normal;
+  overflow: hidden; }
+
+table.table1 .autocol {
+  line-height: 2em;
+  white-space: nowrap; }
+
+table.table1 thead .autocol {
+  padding-left: 1em; }
+
+table.table1 th.info {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+table.table1 span.rank-img {
+  float: right;
+  width: auto; }
+
+table.info td {
+  padding: 3px; }
+
+table.info tbody th {
+  padding: 3px;
+  text-align: right;
+  vertical-align: top;
+  font-weight: normal; }
+
+.forumbg table.table1 {
+  margin: 0; }
+
+.forumbg-table > .inner {
+  margin: 0 -1px; }
+
+.color_palette_placeholder table {
+  border-collapse: separate;
+  border-spacing: 1px; }
+
+.column1 {
+  float: left;
+  clear: left;
+  width: 49%; }
+
+.column2 {
+  float: right;
+  clear: right;
+  width: 49%; }
+
+.left-box {
+  float: left;
+  width: auto;
+  text-align: left;
+  max-width: 100%; }
+
+.left-box.profile-details {
+  width: 80%; }
+
+.right-box {
+  float: right;
+  width: auto;
+  text-align: right;
+  max-width: 100%; }
+
+dl.details {
+  font-size: 11px; }
+
+dl.details dt {
+  float: left;
+  clear: left;
+  width: 30%;
+  text-align: right;
+  display: block; }
+
+dl.details dd {
+  margin-left: 0;
+  padding-left: 5px;
+  margin-bottom: 5px;
+  float: left;
+  width: 65%;
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+.clearfix, fieldset dl, dl.polls {
+  overflow: hidden; }
+
+ul.topiclist dd.lastpost {
+  float: right; }
+
+fieldset.fields1 ul.recipients {
+  list-style-type: none;
+  line-height: 1.8;
+  max-height: 150px;
+  overflow-y: auto; }
+
+fieldset.fields1 dd.recipients {
+  clear: left;
+  margin-left: 1em; }
+
+fieldset.fields1 ul.recipients input.button2 {
+  font-size: 9px;
+  margin-right: 0;
+  padding: 0; }
+
+fieldset.fields1 dl.pmlist > dt {
+  width: auto !important; }
+
+fieldset.fields1 dl.pmlist dd.recipients {
+  margin-left: 0 !important; }
+
+.action-bar {
+  font-size: 11px;
+  margin: 4px 0; }
+
+.forabg + .action-bar {
+  margin-top: 10px; }
+
+.action-bar .button {
+  margin-right: 5px;
+  float: left; }
+
+.action-bar .button-search {
+  margin-right: 0; }
+
+.pagination {
+  float: right;
+  font-size: 11px;
+  text-align: right;
+  width: auto; }
+
+.action-bar.bottom .pagination {
+  margin-top: 0; }
+
+.action-bar .pagination .button {
+  margin-right: 0;
+  float: none; }
+
+.pagination > ul {
+  display: inline-block;
+  list-style: none !important;
+  margin-left: 5px; }
+
+.pagination > ul > li {
+  display: inline-block !important;
+  padding: 0;
+  font-size: 11px;
+  line-height: normal;
+  vertical-align: middle; }
+
+.pagination li a, .pagination li span {
+  border-radius: 2px;
+  padding: 2px 5px; }
+
+.pagination li.active span {
+  display: inline-block;
+  font-size: 13px;
+  font-weight: normal;
+  font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+  line-height: 1.4;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  border: 1px solid transparent; }
+
+.pagination li.ellipsis span {
+  border: none;
+  padding: 0; }
+
+.pagination li.page-jump {
+  margin-right: 5px; }
+
+.pagination li.page-jump a {
+  background: transparent none !important;
+  border-color: transparent !important;
+  padding: 0 8px; }
+
+.pagination li.page-jump a i {
+  font-size: 21px; }
+
+.pagination .arrow a {
+  padding: 2px 0; }
+
+.rtl .pagination li.previous a:after {
+  content: '\f054';
+  right: 1px;
+  left: 3px; }
+
+.rtl .pagination li.next a:after {
+  content: '\f053';
+  left: 1px;
+  right: 3px; }
+
+.row .pagination {
+  display: block;
+  margin-top: 3px;
+  margin-bottom: 3px; }
+
+.row .pagination > ul {
+  margin: 0; }
+
+.row .pagination li a, .row .pagination li span {
+  border-radius: 2px;
+  padding: 1px 3px;
+  font-size: 9px; }
+
+.phpbb_alert {
+  border: 1px solid transparent;
+  display: none;
+  left: 0;
+  padding: 0 25px 20px 25px;
+  position: fixed;
+  right: 0;
+  top: 150px;
+  z-index: 50;
+  width: 620px;
+  margin: 0 auto; }
+
+@media (max-height: 500px) {
+  .phpbb_alert {
+    top: 25px; } }
+.phpbb_alert .alert_close {
+  display: block;
+  float: right;
+  width: 24px;
+  height: 24px;
+  overflow: hidden;
+  text-decoration: none !important;
+  background: transparent none 0 0 no-repeat;
+  margin-top: -12px;
+  margin-right: -36px;
+  position: relative; }
+
+.phpbb_alert .alert_close:before,
+.phpbb_alert .alert_close:after {
+  content: '\f057';
+  font-family: FontAwesome;
+  position: absolute;
+  font-size: 18px;
+  line-height: 24px;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0;
+  text-align: center;
+  left: 0;
+  top: 0;
+  margin: 0;
+  padding: 0;
+  width: 24px;
+  height: 24px; }
+
+.phpbb_alert .alert_close:before {
+  content: '\f111';
+  font-size: 20px; }
+
+.phpbb_alert p {
+  margin: 8px 0;
+  padding-bottom: 8px; }
+
+.phpbb_alert label {
+  display: block;
+  margin: 8px 0;
+  padding-bottom: 8px; }
+
+.phpbb_alert div.alert_text > p,
+.phpbb_alert div.alert_text > label,
+.phpbb_alert div.alert_text > select,
+.phpbb_alert div.alert_text > textarea,
+.phpbb_alert div.alert_text > input {
+  font-size: 11px; }
+
+.darkenwrapper {
+  display: none;
+  position: relative;
+  z-index: 44; }
+
+.darken {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0.5;
+  z-index: 45; }
+
+.loading_indicator {
+  background: center center no-repeat;
+  border-radius: 5px;
+  display: none;
+  opacity: 0.8;
+  margin-top: -50px;
+  margin-left: -50px;
+  height: 50px;
+  width: 50px;
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  z-index: 51; }
+
+.forum-permissions {
+  float: right;
+  width: auto;
+  padding-left: 5px;
+  margin-left: 5px;
+  margin-top: 10px;
+  text-align: right; }
+
+.copyright {
+  font-size: 10px;
+  text-align: center;
+  padding: 10px; }
+
+.footer-row {
+  font-size: 10px;
+  line-height: 1.8;
+  margin: 0; }
+
+.small {
+  font-size: 0.9em !important; }
+
+.titlespace {
+  margin-bottom: 15px; }
+
+.headerspace {
+  margin-top: 20px; }
+
+.error {
+  font-weight: bold;
+  font-size: 11px; }
+
+div.rules {
+  margin: 10px 0;
+  font-size: 11px;
+  padding: 5px 10px;
+  border-radius: 3px; }
+
+div.rules ul, div.rules ol {
+  margin-left: 20px; }
+
+p.post-notice {
+  position: relative;
+  padding: 5px;
+  padding-left: 26px;
+  min-height: 14px;
+  margin-bottom: 1em;
+  font-size: 12px; }
+
+p.post-notice:before {
+  content: '';
+  display: block;
+  position: absolute;
+  top: 50%;
+  margin-top: -10px;
+  font-size: 16px;
+  height: 18px;
+  line-height: 18px;
+  text-align: center;
+  vertical-align: baseline;
+  left: 0;
+  width: 28px;
+  background: transparent none 50% 50% no-repeat;
+  pointer-events: none;
+  font-weight: normal;
+  font-style: normal;
+  text-transform: none; }
+
+form > p.post-notice strong {
+  line-height: 20px; }
+
+.jumpbox {
+  margin: 5px 0; }
+
+.jumpbox .dropdown li {
+  border-top: 1px solid transparent; }
+
+.jumpbox .dropdown-select {
+  margin: 0; }
+
+.jumpbox .dropdown-contents {
+  padding: 0;
+  text-decoration: none; }
+
+.jumpbox .dropdown-contents li {
+  padding: 0; }
+
+.jumpbox .dropdown-contents a {
+  margin-right: 20px;
+  padding: 5px 10px;
+  text-decoration: none;
+  width: 100%; }
+
+.jumpbox .spacer {
+  display: inline-block;
+  width: 0px; }
+
+.jumpbox .spacer + .spacer {
+  width: 20px; }
+
+.dropdown-contents a {
+  display: block;
+  padding: 5px; }
+
+.jumpbox .dropdown-select {
+  margin: 0; }
+
+.jumpbox .dropdown-contents a {
+  text-decoration: none; }
+
+.dropdown li {
+  display: list-item;
+  border-top: 1px dotted transparent;
+  float: none !important;
+  line-height: normal !important;
+  font-size: 1em !important;
+  list-style: none;
+  margin: 0;
+  white-space: nowrap;
+  text-align: left; }
+
+.stat-block {
+  clear: both; }
+
+.top {
+  position: absolute;
+  top: -20px; }
+
+.clear {
+  display: block;
+  clear: both;
+  font-size: 1px;
+  line-height: 1px;
+  background: transparent; }
+
+.inner:after,
+ul.linklist:after,
+.action-bar:after,
+.notification_text:after,
+.tabs-container:after,
+.tabs > ul:after,
+.minitabs > ul:after,
+.postprofile .avatar-container:after {
+  clear: both;
+  content: '';
+  display: block; }
+
+.emoji {
+  min-height: 18px;
+  min-width: 18px;
+  height: 1em;
+  width: 1em; }
+
+.hidden {
+  display: none; }
+
+.smilies {
+  vertical-align: text-bottom; }
+
+.icon-notification {
+  position: relative; }
+
+.member-search {
+  float: left;
+  margin: 0;
+  padding: 6px 10px; }
+
+.member-search strong {
+  font-size: 11px; }
+
+.dropdown-extended {
+  display: none;
+  z-index: 3; }
+
+.dropdown-extended ul {
+  max-height: 350px;
+  overflow-y: auto;
+  overflow-x: hidden;
+  clear: both; }
+
+.dropdown-extended ul li {
+  padding: 0;
+  margin: 0 !important;
+  float: none;
+  border-top: 1px solid;
+  list-style-type: none;
+  font-size: 11px;
+  clear: both;
+  position: relative; }
+
+.dropdown-extended ul li:first-child {
+  border-top: none; }
+
+.dropdown-extended ul li.no_notifications {
+  padding: 10px; }
+
+.dropdown-extended .dropdown-contents {
+  max-height: none;
+  padding: 0;
+  position: absolute;
+  width: 340px; }
+
+.nojs .dropdown-extended .dropdown-contents {
+  position: relative; }
+
+.dropdown-extended .header {
+  padding: 0 10px;
+  font-family: Arial, "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  font-weight: bold;
+  text-align: left;
+  line-height: 30px; }
+  .dropdown-down .dropdown-extended .header {
+    margin-top: -3px; }
+
+.dropdown-extended .header .header_settings {
+  float: right;
+  font-weight: normal;
+  text-transform: none; }
+
+.dropdown-extended .header .header_settings a {
+  display: inline-block;
+  padding: 0 5px; }
+
+.dropdown-extended .header:after {
+  content: '';
+  display: table;
+  clear: both; }
+
+.dropdown-extended .footer {
+  text-align: center;
+  font-size: 11px; }
+
+.dropdown-extended ul li a, .dropdown-extended ul li.no-url {
+  padding: 8px; }
+
+.dropdown-extended .footer > a {
+  padding: 5px 0; }
+
+.dropdown-extended ul li a, .notification_list dt > a, .dropdown-extended .footer > a {
+  display: block;
+  text-decoration: none; }
+
+.notification_list ul li img {
+  float: left;
+  max-height: 50px;
+  max-width: 50px;
+  width: auto !important;
+  height: auto !important;
+  margin-right: 5px; }
+
+.notification_list ul li p {
+  margin-bottom: 4px;
+  font-size: 11px; }
+
+.notification_list p.notification-reference,
+.notification_list p.notification-location,
+.notification_list li a p.notification-reason {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+.notification_list p.notification-time {
+  font-size: 10px;
+  margin: 0;
+  text-align: right; }
+
+.notification_list div.notifications {
+  margin-left: 50px;
+  padding: 5px; }
+
+.notification_list div.notifications a {
+  display: block; }
+
+.notification_list p.notifications_title {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 15px !important; }
+
+.notification_list p.notifications_title strong {
+  font-weight: 600; }
+
+.notification_list p.notifications_time {
+  font-size: 11px !important; }
+
+.notification_text {
+  margin-left: 58px;
+  white-space: normal; }
+
+.badge {
+  border-radius: 10px;
+  opacity: 0.8;
+  text-align: center;
+  white-space: nowrap;
+  font-size: 10px;
+  line-height: 1;
+  float: right;
+  display: inline-block;
+  margin-left: 3px;
+  vertical-align: baseline;
+  position: relative;
+  top: 3px;
+  padding: 4px 6px; }
+
+.badge.hidden {
+  display: none; }
+
+.linklist .quick-links {
+  margin: 0 7px 0 0; }
+
+.linklist.compact .rightside > a > span span {
+  display: none; }
+
+.dropdown-page-jump .dropdown {
+  top: 20px; }
+
+.dropdown-page-jump.dropdown-up .dropdown {
+  bottom: 20px; }
+
+.dropdown-page-jump input.tiny {
+  width: 50px; }
+
+.dropdown .clone.hidden {
+  display: none; }
+
+.dropdown .clone.hidden + li.separator {
+  display: none; }
+
+.dropdown .clone.hidden + li {
+  border-top: none; }
+
+a {
+  direction: ltr;
+  unicode-bidi: embed;
+  text-decoration: none;
+  /* we use links inline more often then not so to address several bugs with
+  IE and some other browsers we render all links as inlineblock by default */
+  display: inline-block; }
+
+.username-coloured {
+  font-weight: bold;
+  display: inline !important;
+  padding: 0 !important; }
+
+span.username-coloured {
+  margin-left: 10px; }
+
+.forumbg .header a, .forabg .header a, th a {
+  text-decoration: none; }
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+  text-decoration: underline; }
+
+.dropdown-extended a.mark_read {
+  display: block;
+  opacity: .2;
+  position: absolute;
+  z-index: 2;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 30px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  transition: opacity .2s; }
+
+.dropdown-extended li:hover a.mark_read {
+  opacity: .85; }
+
+.dropdown-extended li a.mark_read:hover {
+  opacity: 1; }
+
+.dropdown-extended a.mark_read:after {
+  width: auto;
+  left: 4px;
+  right: 0;
+  font-size: 16px; }
+
+.jumpbox-cat-link,
+.jumpbox-forum-link {
+  font-weight: bold; }
+
+a.forumtitle, a.topictitle {
+  display: inline-block;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.2;
+  font-weight: 500;
+  padding-bottom: 2px;
+  text-decoration: none; }
+  a.forumtitle:hover, a.topictitle:hover {
+    text-decoration: underline; }
+
+a.topictitle {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 15px; }
+
+a.lastsubject {
+  font-weight: bold;
+  text-decoration: none; }
+
+a.lastsubject:hover {
+  text-decoration: underline; }
+
+.postprofile a, .postprofile dt.author a {
+  font-weight: bold;
+  text-decoration: none; }
+
+.postprofile a:hover, .postprofile dt.author a:hover {
+  text-decoration: underline; }
+
+.search .postprofile a {
+  text-decoration: none;
+  font-weight: normal; }
+
+.search .postprofile a:hover {
+  text-decoration: underline; }
+
+.top {
+  font-size: 12px;
+  text-decoration: none;
+  margin-top: 10px; }
+
+.back2top {
+  clear: both; }
+  .post > .back2top {
+    position: relative;
+    right: 5px;
+    bottom: 5px; }
+    .rtl .post > .back2top {
+      right: auto;
+      left: 5px; }
+
+.back2top .top {
+  float: right;
+  margin-top: 0; }
+
+a.top, a.top2 {
+  position: relative; }
+
+a.arrow-up, a.arrow-down {
+  position: relative; }
+  a.arrow-up:after, a.arrow-down:after {
+    position: absolute;
+    top: 50%;
+    margin-top: -5px;
+    text-align: center;
+    font-family: FontAwesome;
+    font-size: 8px;
+    line-height: 10px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+
+a.arrow-up:after {
+  content: '\f077';
+  left: 0; }
+.rtl a.arrow-up:after {
+  left: auto;
+  right: 0; }
+
+a.arrow-down:after {
+  content: '\f078';
+  right: 0;
+  padding-top: 1px; }
+.rtl a.arrow-down:after {
+  right: auto;
+  left: 0; }
+
+a.arrow-up {
+  padding-left: 10px;
+  text-decoration: none;
+  border-bottom-width: 0; }
+
+a.arrow-down {
+  padding-right: 10px; }
+
+a.arrow-down:hover {
+  text-decoration: none; }
+
+a.arrow-left:hover {
+  text-decoration: none; }
+
+a.arrow-right:hover {
+  text-decoration: none; }
+
+.skiplink {
+  position: absolute;
+  left: -999px;
+  width: 990px; }
+
+a.feed-icon-forum {
+  float: right;
+  margin: 3px;
+  width: 16px;
+  height: 16px;
+  position: relative; }
+
+.topiclist.forums a.feed-icon-forum {
+  margin-top: 12px; }
+
+a.feed-icon-forum:after {
+  content: '\f09e';
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: 16px;
+  height: 16px;
+  font-family: FontAwesome;
+  font-size: 14px;
+  font-weight: normal;
+  font-style: normal;
+  line-height: 16px;
+  text-align: center; }
+
+a.top-anchor {
+  display: block; }
+
+ul.topiclist {
+  display: block;
+  list-style-type: none;
+  margin: 0; }
+
+ul.topiclist li {
+  display: block;
+  list-style-type: none;
+  margin: 0; }
+  .forabg ul.topiclist li.header, .forumbg ul.topiclist li.header {
+    margin: -5px -10px 5px;
+    border-radius: 2px;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    background: #525d73;
+    border: 0 solid #525d73;
+    padding: 5px;
+    text-transform: none;
+    font-size: 15px;
+    line-height: 1.4;
+    font-weight: normal;
+    color: #fff;
+    border-radius: 3px;
+    margin: 0;
+    position: relative; }
+    @media (max-width: 700px) {
+      .forabg ul.topiclist li.header, .forumbg ul.topiclist li.header {
+        border-radius: 0; } }
+    .forabg ul.topiclist li.header a, .forumbg ul.topiclist li.header a {
+      color: #fff; }
+      .forabg ul.topiclist li.header a:hover, .forumbg ul.topiclist li.header a:hover {
+        color: #fff; }
+    .forabg ul.topiclist li.header .forum-toggle, .forumbg ul.topiclist li.header .forum-toggle {
+      position: absolute;
+      right: 5px;
+      top: 50%;
+      margin-top: -8px;
+      height: 16px;
+      width: 16px;
+      text-decoration: none !important;
+      outline-style: none !important;
+      color: inherit;
+      transition: opacity 0.3s ease;
+      opacity: .5; }
+      .forabg ul.topiclist li.header .forum-toggle:after, .forumbg ul.topiclist li.header .forum-toggle:after {
+        content: '\f056';
+        font-family: FontAwesome;
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 16px;
+        height: 16px;
+        font-size: 12px;
+        line-height: 16px; }
+      .forabg ul.topiclist li.header .forum-toggle.toggled:after, .forumbg ul.topiclist li.header .forum-toggle.toggled:after {
+        content: '\f055'; }
+      .forabg ul.topiclist li.header .forum-toggle:hover, .forumbg ul.topiclist li.header .forum-toggle:hover {
+        opacity: 1; }
+      .rtl .forabg ul.topiclist li.header .forum-toggle, .rtl .forumbg ul.topiclist li.header .forum-toggle {
+        right: auto;
+        left: 4px; }
+
+ul.topiclist dl {
+  position: relative; }
+
+ul.topiclist li.row dl {
+  margin: 2px 0; }
+
+ul.topiclist dt, ul.topiclist dd {
+  display: block;
+  float: left; }
+
+ul.topiclist dt {
+  width: 100%;
+  margin-right: -440px;
+  font-size: 11px; }
+
+ul.topiclist.missing-column dt {
+  margin-right: -345px; }
+
+dl.elegant-row dt,
+ul.topiclist.two-long-columns dt {
+  margin-right: -250px; }
+
+ul.topiclist.two-columns dt {
+  margin-right: -80px; }
+
+ul.topiclist dt .list-inner {
+  margin-right: 440px;
+  padding-left: 5px;
+  padding-right: 5px;
+  position: relative; }
+
+ul.topiclist.missing-column dt .list-inner {
+  margin-right: 345px; }
+
+dl.elegant-row dt .list-inner,
+ul.topiclist.two-long-columns dt .list-inner {
+  margin-right: 250px; }
+
+ul.topiclist.two-columns dt .list-inner {
+  margin-right: 80px; }
+
+ul.topiclist dd {
+  border-left: 1px solid transparent;
+  padding: 4px 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+ul.topiclist dfn {
+  display: none;
+  position: absolute;
+  left: -999px;
+  width: 990px; }
+
+.forum-image {
+  float: left;
+  padding-top: 5px;
+  margin-right: 5px; }
+
+li.row {
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent; }
+  li.row:first-child {
+    border-top-width: 0;
+    padding-top: 0; }
+  li.row:last-child {
+    border-bottom-width: 0;
+    padding-bottom: 0; }
+  .forabg ul.topiclist li.row, .forumbg ul.topiclist li.row {
+    background: #f4f4f4;
+    border: 0 solid #e0e0e0;
+    border-radius: 3px;
+    padding: 5px 10px;
+    padding: 5px;
+    margin: 5px 0;
+    padding: 0; }
+    .forabg ul.topiclist li.row.reported, .forumbg ul.topiclist li.row.reported {
+      background-color: #f5e9e9; }
+  li.row .subforums-list ul {
+    list-style-type: none;
+    display: inline;
+    margin: 0; }
+  li.row .subforums-list li {
+    display: inline; }
+    li.row .subforums-list li > span {
+      display: inline; }
+  li.row .forum-mcplink {
+    right: 4px;
+    top: 4px; }
+    .rtl li.row .forum-mcplink {
+      right: auto;
+      left: 4px; }
+
+li.row strong {
+  font-weight: normal; }
+
+li.header dt, li.header dd {
+  border-left-width: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+  font-size: 12px;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  line-height: 18px; }
+
+li.header dt {
+  width: 100%;
+  margin-right: -440px; }
+  .forabg li.header dt {
+    font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+    font-weight: 500;
+    font-size: 14px; }
+  li.header dt .list-inner {
+    margin-right: 440px;
+    text-indent: 5px;
+    padding-left: 0; }
+
+li.header dd {
+  padding-left: 1px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+li.header dl dt, li.header dl dd {
+  min-height: 0; }
+
+.forabg li.header dl.row-item dt .list-inner {
+  padding-left: 0;
+  padding-right: 50px; }
+
+.row .list-inner {
+  padding: 4px 0; }
+
+dl.row-item {
+  background-position: 10px 50%;
+  background-repeat: no-repeat;
+  background-size: 36px; }
+
+dl.row-item dt {
+  background-repeat: no-repeat;
+  background-position: 5px 95%;
+  background-size: 17px; }
+
+dl.row-item dt .list-inner {
+  padding-left: 55px;
+  position: relative;
+  padding-top: 5px;
+  padding-bottom: 5px; }
+  li.header dl.row-item dt .list-inner {
+    padding-top: 0;
+    padding-bottom: 0; }
+
+dl.row-item dt .list-inner .topic-status {
+  position: absolute;
+  right: 4px;
+  top: 3px;
+  font-size: 14px;
+  pointer-events: none; }
+  .rtl dl.row-item dt .list-inner .topic-status {
+    right: auto;
+    left: 4px; }
+
+dl.row-item dt .list-inner .topic-status + .topic-status {
+  right: 20px; }
+
+dl.row-item dt, dl.row-item dd {
+  min-height: 42px; }
+
+dl.row-item dt a {
+  display: inline; }
+
+dl.row-item.with-description dt, dl.row-item.with-description dd {
+  min-height: 50px; }
+
+dl a.row-item-link {
+  display: block;
+  width: 36px;
+  height: 36px;
+  padding: 0;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  margin-top: -15px;
+  margin-left: 9px;
+  z-index: 2; }
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark {
+  width: 80px;
+  text-align: center; }
+
+dd.posts, dd.topics, dd.views, dd.extra, dd.mark, dd.lastpost.empty {
+  line-height: 34px;
+  font-size: 12px; }
+  .with-description dd.posts, .with-description dd.topics, .with-description dd.views, .with-description dd.extra, .with-description dd.mark, .with-description dd.lastpost.empty {
+    line-height: 42px; }
+
+dd.lastpost.empty br {
+  display: none; }
+
+dd.posts, dd.topics, dd.views {
+  width: 95px; }
+  .elegant-row dd.posts, .elegant-row dd.topics, .elegant-row dd.views {
+    display: none; }
+
+dl.row-item dt ol,
+dl.row-item dt ul {
+  list-style-position: inside;
+  margin-left: 1em; }
+
+dl.row-item dt li {
+  display: list-item;
+  list-style-type: inherit; }
+
+dd.lastpost, dd.redirect, dd.moderation, dd.time, dd.info {
+  width: 250px;
+  font-size: 11px; }
+
+dd.redirect {
+  line-height: 2.5em; }
+
+dd.time {
+  line-height: 200%; }
+
+dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
+  display: block;
+  padding-left: 5px; }
+
+dd.extra, dd.mark {
+  line-height: 200%; }
+
+dd.option {
+  width: 125px;
+  line-height: 200%;
+  text-align: center;
+  font-size: 11px; }
+
+.forum-description {
+  font-size: 13px;
+  padding-top: 2px; }
+
+.forum-statistics {
+  font-size: 11px;
+  padding-top: 2px; }
+
+.forum-lastpost {
+  display: none; }
+  @media (max-width: 550px) {
+    .forum-lastpost {
+      display: block !important;
+      padding-top: 2px;
+      line-height: 1.2;
+      overflow: hidden; } }
+  .forum-lastpost strong, .forum-lastpost span {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap; }
+  .forum-lastpost strong, .forum-lastpost span, .forum-lastpost a.lastsubject {
+    font-weight: normal; }
+  .forum-lastpost strong {
+    display: block;
+    float: left;
+    max-width: 200px;
+    padding-right: 5px; }
+    .rtl .forum-lastpost strong {
+      float: right;
+      padding-right: 0;
+      padding-left: 5px; }
+    @media (max-width: 400px) {
+      .forum-lastpost strong {
+        max-width: 130px; } }
+  .forum-lastpost span {
+    display: inline-block;
+    max-width: 100%; }
+    .forum-lastpost span:after {
+      content: '|';
+      display: inline-block;
+      text-align: center;
+      width: 12px; }
+    .forum-lastpost span:last-of-type:after {
+      display: none; }
+
+.subforums-list {
+  padding-top: 2px; }
+
+.forum-description.toggle {
+  display: none;
+  position: absolute;
+  font-size: 11px;
+  border-radius: 4px;
+  padding: 4px 9px;
+  max-width: 500px;
+  cursor: pointer; }
+  a.forumtitle + .forum-description.toggle, a.topictitle + .forum-description.toggle {
+    left: 55px;
+    top: 25px;
+    z-index: 30; }
+    .rtl a.forumtitle + .forum-description.toggle, .rtl a.topictitle + .forum-description.toggle {
+      left: auto;
+      right: 55px; }
+  .forum-description.toggle a {
+    background: none !important;
+    text-decoration: underline !important;
+    border-width: 0 !important; }
+  .forum-description.toggle span.arrow {
+    position: absolute;
+    line-height: 0;
+    width: 0;
+    height: 0;
+    border: 6px solid transparent;
+    border-left: 1px none transparent;
+    top: 6px;
+    left: -6px;
+    bottom: auto; }
+  .rtl .forum-description.toggle span.arrow {
+    border-left: 6px solid transparent;
+    border-right: 1px none transparent;
+    left: auto;
+    right: -6px; }
+  .forum-description.toggle.no-arrow span.arrow {
+    display: none; }
+
+.postbody {
+  padding: 0;
+  font-size: 11px;
+  line-height: 1.4; }
+  .postprofile + .postbody {
+    float: right;
+    margin-left: -160px;
+    width: 100%;
+    position: relative; }
+    .rtl .postprofile + .postbody {
+      margin-left: 0;
+      margin-right: -160px;
+      float: left; }
+    .search .postprofile + .postbody {
+      margin-left: -260px; }
+      .rtl .search .postprofile + .postbody {
+        margin-left: 0;
+        margin-right: -260px; }
+
+.postprofile + .postbody > div {
+  margin-left: 160px; }
+  .postprofile + .postbody > div:only-child:after {
+    content: ' ';
+    display: table;
+    clear: both; }
+  .rtl .postprofile + .postbody > div {
+    margin-left: 0;
+    margin-right: 160px; }
+  .search .postprofile + .postbody > div {
+    margin-left: 260px; }
+    .rtl .search .postprofile + .postbody > div {
+      margin-left: 0;
+      margin-right: 260px; }
+
+.postbody .ignore {
+  font-size: 13px;
+  line-height: 1.4; }
+
+.postbody h3 {
+  float: left;
+  font-size: 16px;
+  padding: 2px 0 0 0;
+  margin-top: 0 !important;
+  margin-bottom: 0.3em !important;
+  text-transform: none;
+  border: none;
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  line-height: 1.25; }
+  .rtl .postbody h3 {
+    float: right; }
+
+.postbody h3 img {
+  vertical-align: bottom; }
+
+.has-profile .postbody h3 {
+  float: none !important;
+  margin-right: 180px; }
+  .rtl .has-profile .postbody h3 {
+    margin-right: 0;
+    margin-left: 180px; }
+
+.postbody .content {
+  font-size: 13px;
+  line-height: 1.4;
+  overflow-x: auto; }
+
+.postbody img.postimage {
+  max-width: 100%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+
+.panel .review {
+  margin-top: 2em; }
+
+.topicreview {
+  padding-right: 5px;
+  overflow: auto;
+  height: 300px; }
+
+.topicreview .postbody {
+  width: auto;
+  float: none;
+  margin: 0;
+  height: auto; }
+
+.topicreview .post {
+  height: auto; }
+
+.topicreview h2 {
+  border-bottom-width: 0; }
+
+.post-ignore .postbody {
+  display: none; }
+
+.post_details {
+  overflow: auto;
+  max-height: 300px; }
+
+.content {
+  clear: both;
+  min-height: 3em;
+  overflow: hidden;
+  line-height: 1.4;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  padding-bottom: 1px; }
+
+.content h2, .panel h2 {
+  font-weight: normal;
+  border-bottom: 1px solid transparent;
+  font-size: 15px;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+  padding-bottom: 0.5em; }
+  .content h2.faq-title, .panel h2.faq-title {
+    margin-top: 5px; }
+
+.panel h3 {
+  margin: 0.5em 0; }
+
+.panel p {
+  font-size: 13px;
+  margin-bottom: 1em;
+  line-height: 1.4; }
+
+.content p {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  margin-bottom: 1em;
+  line-height: 1.4; }
+
+dl.faq, .content dl.faq {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  margin-top: 1em;
+  margin-bottom: 2em;
+  line-height: 1.4; }
+
+dl.faq dt, .content dl.faq dt {
+  font-family: "Droid Sans", "Open Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.25;
+  font-weight: normal;
+  margin-bottom: 5px; }
+
+.content dl.faq {
+  margin-bottom: 0.5em; }
+
+.content li {
+  list-style-type: inherit; }
+
+.content ul, .content ol {
+  margin: 0.8em 0 0.9em 3em; }
+
+.posthilit {
+  padding: 0 2px 1px 2px; }
+
+p.author {
+  margin-bottom: 0.3em;
+  padding: 0 0 5px 0;
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px;
+  line-height: 1.4;
+  clear: both; }
+
+.signature {
+  margin-top: 1.5em;
+  padding-top: 0.2em;
+  font-size: 12px;
+  border-top: 1px solid transparent;
+  clear: left;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  line-height: 1.4;
+  overflow: hidden;
+  width: 100%; }
+
+.signature.standalone {
+  border-top-width: 0;
+  margin-top: 0; }
+
+dd .signature {
+  margin: 0;
+  padding: 0;
+  clear: none;
+  border: none; }
+
+.signature li {
+  list-style-type: inherit; }
+
+.signature ul, .signature ol {
+  margin: 0.8em 0 0.9em 3em; }
+
+.notice {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: auto;
+  margin-top: 1.5em;
+  padding-top: 0.2em;
+  font-size: 13px;
+  border-top: 1px dashed transparent;
+  clear: left;
+  line-height: 1.4; }
+
+ul.searchresults {
+  list-style: none;
+  text-align: right;
+  clear: both; }
+  .rtl ul.searchresults {
+    text-align: left; }
+
+blockquote {
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  font-size: 12px;
+  margin: 8px 12px;
+  overflow: hidden;
+  padding: 5px;
+  position: relative; }
+  .rtl blockquote {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+/*blockquote:before {
+	position: absolute;
+	font-family: 'Trebuchet MS';
+	top: 5px;
+	left: 4px;
+	height: 16px;
+	font-size: 30px;
+	line-height: 30px;
+	pointer-events: none;
+}*/
+blockquote blockquote {
+  margin: 5px; }
+
+blockquote cite {
+  font-style: normal;
+  font-weight: bold;
+  display: block;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6; }
+
+blockquote cite:before, .uncited:before {
+  padding-right: 5px; }
+
+blockquote cite > div {
+  float: right;
+  font-weight: normal; }
+
+.postbody .content li blockquote {
+  overflow: inherit;
+  margin-left: 0; }
+
+.codebox {
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  margin: 8px 12px;
+  font-size: 12px;
+  word-wrap: normal; }
+  .rtl .codebox {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+.codebox p {
+  text-transform: uppercase;
+  border-bottom: 1px solid transparent;
+  margin-bottom: 3px;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px !important;
+  line-height: 1.6;
+  font-weight: bold;
+  display: block; }
+
+blockquote .codebox {
+  margin-left: 0; }
+
+.codebox code {
+  overflow: auto;
+  display: block;
+  height: auto;
+  max-height: 200px;
+  padding: 5px 3px;
+  font-family: Monaco, "Andale Mono","Courier New", Courier, mono;
+  font-size: 12px;
+  line-height: 1.3; }
+
+.attachbox {
+  float: left;
+  width: auto;
+  max-width: 100%;
+  margin: 5px 5px 5px 0;
+  padding: 6px;
+  border: 0px solid transparent;
+  border-left-width: 3px;
+  border-radius: 0px;
+  clear: left;
+  box-sizing: border-box; }
+  .rtl .attachbox {
+    border-left-width: 0;
+    border-right-width: 3px; }
+
+.attachbox dt {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6;
+  font-weight: 500; }
+
+.attachbox dd {
+  margin-top: 4px;
+  padding-top: 4px;
+  clear: left;
+  border-top: 1px solid transparent;
+  overflow-x: auto; }
+
+.attachbox dd dd {
+  border: none; }
+
+.attachbox p, .attachbox p.stats {
+  line-height: 1.4;
+  font-weight: normal;
+  clear: left; }
+
+.attach-image {
+  margin: 3px 0;
+  max-width: 100%; }
+
+.attach-image img {
+  cursor: default; }
+
+div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
+  display: block;
+  margin-bottom: 4px; }
+
+div.inline-attachment p {
+  font-size: 12px; }
+
+dl.file {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  display: block; }
+
+dl.file dt {
+  text-transform: none;
+  margin: 0;
+  padding: 0;
+  font-weight: bold;
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  line-height: 1.6; }
+
+dl.file dd {
+  margin: 0;
+  padding: 0; }
+
+dl.thumbnail img {
+  padding: 3px;
+  border: 1px solid transparent;
+  box-sizing: border-box; }
+
+dl.thumbnail dd {
+  font-style: italic;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+.attachbox dl.thumbnail dd {
+  font-size: 100%; }
+
+dl.thumbnail dt a:hover img {
+  border: 1px solid transparent; }
+
+fieldset.polls {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  font-size: 13px; }
+
+fieldset.polls dl {
+  margin: 0;
+  border: 1px solid transparent;
+  border-width: 1px 0;
+  padding: 5px 0;
+  line-height: 1.4; }
+  fieldset.polls dl:first-child {
+    border-top-width: 0; }
+  fieldset.polls dl:last-child {
+    border-bottom-width: 0; }
+
+fieldset.polls dl.voted {
+  font-weight: bold; }
+
+fieldset.polls dt {
+  text-align: left;
+  float: left;
+  display: block;
+  width: 30%;
+  border-right: none;
+  padding: 0;
+  margin: 0;
+  font-size: 13px; }
+
+fieldset.polls dd {
+  float: left;
+  width: 10%;
+  border-left: none;
+  padding: 0 5px;
+  margin-left: 0;
+  font-size: 13px; }
+
+fieldset.polls dd.resultbar {
+  width: 50%; }
+
+fieldset.polls dd input {
+  margin: 2px 0; }
+
+fieldset.polls dd div {
+  text-align: right;
+  font-family: Arial, Helvetica, sans-serif;
+  font-weight: bold;
+  font-size: .9em;
+  padding: 0 3px;
+  overflow: visible;
+  min-width: 8px;
+  border-radius: 2px; }
+
+.vote-submitted {
+  font-size: 15px;
+  font-weight: bold;
+  text-align: center; }
+
+.postprofile {
+  margin: 0;
+  padding: 5px 0;
+  min-height: 80px;
+  border: 0px solid transparent;
+  border-right-width: 1px;
+  width: 150px;
+  float: left;
+  position: relative;
+  box-sizing: border-box;
+  z-index: 2; }
+  .rtl .postprofile {
+    float: right;
+    border-width: 0;
+    border-left-width: 1px; }
+  .search .postprofile {
+    width: 250px; }
+
+.postprofile dd, .postprofile dt {
+  font-size: 11px;
+  line-height: 1.4;
+  margin-right: 8px; }
+  .rtl .postprofile dd, .rtl .postprofile dt {
+    margin-left: 8px;
+    margin-right: 0; }
+
+.postprofile dd {
+  overflow: hidden;
+  text-overflow: ellipsis; }
+
+.postprofile strong {
+  font-weight: normal; }
+
+.postprofile dt.no-profile-rank, .postprofile dd.profile-rank, .postprofile .search-result-date {
+  margin-bottom: 10px; }
+
+.postprofile .has-avatar .avatar-container {
+  margin-bottom: 3px;
+  overflow: hidden; }
+
+.postprofile .avatar {
+  display: block;
+  float: left;
+  max-width: 100%; }
+  .rtl .postprofile .avatar {
+    float: right; }
+
+.postprofile .avatar img {
+  display: block;
+  height: auto !important;
+  max-width: 100%; }
+
+.postprofile .profile-posts a {
+  font-weight: normal; }
+
+dd.profile-warnings {
+  font-weight: bold; }
+
+dd.profile-contact {
+  overflow: visible; }
+
+.profile-contact .dropdown-container {
+  display: inline-block; }
+
+.profile-contact .icon_contact {
+  vertical-align: middle; }
+
+.profile-contact .dropdown {
+  margin-right: -14px; }
+
+.online-ribbon {
+  display: block;
+  width: 70px;
+  height: 70px;
+  position: absolute;
+  overflow: hidden;
+  top: 0;
+  left: 0;
+  pointer-events: none; }
+  .rtl .online-ribbon {
+    left: auto;
+    right: 0; }
+  .online-ribbon span {
+    display: block;
+    font-weight: 500;
+    font-style: normal;
+    width: 100px;
+    font-size: 11px;
+    line-height: 18px;
+    height: 18px;
+    text-align: center;
+    position: absolute;
+    top: 17px;
+    white-space: nowrap;
+    left: -25px;
+    -webkit-transform: rotate(-45deg);
+    -ms-transform: rotate(-45deg);
+    transform: rotate(-45deg); }
+    .online-ribbon span + span {
+      opacity: .75;
+      z-index: 29; }
+    .rtl .online-ribbon span {
+      left: auto;
+      right: -25px;
+      -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+      transform: rotate(45deg); }
+
+.panel.online > .inner {
+  position: relative;
+  z-index: 2; }
+
+.no-avatar .avatar-container {
+  display: block;
+  width: 92px;
+  height: 92px;
+  background: transparent none 50% 50% no-repeat;
+  background-size: cover; }
+
+.profile-avatar img {
+  max-width: 100%; }
+
+dl.pmlist dt {
+  width: 60% !important; }
+
+dl.pmlist dt textarea {
+  width: 95%; }
+
+dl.pmlist dd {
+  margin-left: 61% !important;
+  margin-bottom: 2px; }
+
+.action-bar div.dl_links {
+  padding: 10px 0 0 10px; }
+
+div.dl_links {
+  display: inline-block;
+  text-transform: none; }
+
+.dl_links strong {
+  font-weight: bold; }
+
+.dl_links ul {
+  list-style-type: none;
+  margin: 0;
+  display: inline-block; }
+
+.dl_links li {
+  display: inline-block; }
+
+.attachment-filename {
+  width: 100%; }
+
+.ellipsis-text {
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+table.fixed-width-table {
+  table-layout: fixed; }
+
+.postbody .content::-webkit-scrollbar, .topicreview::-webkit-scrollbar, .post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+  -webkit-appearance: none;
+  border-radius: 3px; }
+
+.postbody .content::-webkit-scrollbar-thumb, .topicreview::-webkit-scrollbar-thumb, .post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+  border-radius: 3px; }
+
+#memberlist tr.inactive, #team tr.inactive {
+  font-style: italic; }
+
+a.post {
+  display: inline !important;
+  background: none !important;
+  box-shadow: none !important;
+  border: none !important; }
+
+.button {
+  display: inline-block;
+  padding: 2px 8px;
+  font-size: 14px;
+  font-weight: 600;
+  font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
+  line-height: 18px;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+  touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  border: 1px solid transparent;
+  border-radius: 4px; }
+  .button > strong {
+    font-weight: 600; }
+
+.button:focus,
+.button:hover {
+  text-decoration: none;
+  outline: none; }
+
+.caret {
+  border-left: 1px solid;
+  position: relative;
+  right: -6px; }
+
+.caret i {
+  vertical-align: top; }
+
+/* Posting page styles
+----------------------------------------*/
+.button-search,
+.button-search-end {
+  float: left;
+  border-radius: 0;
+  margin: 0;
+  padding: 2px 5px; }
+
+.button-search-end {
+  border-left-width: 0;
+  border-radius: 0 4px 4px 0; }
+
+.search-header .button-search,
+.search-header .button-search-end {
+  border-top-width: 0;
+  border-bottom-width: 0;
+  padding: 3px 5px; }
+
+.search-header .button-search-end {
+  border-right-width: 0; }
+
+.button-icon-only {
+  padding-left: 3px;
+  padding-right: 3px; }
+
+.contact-icons.dropdown-contents {
+  min-width: 0;
+  padding: 0;
+  font-size: 0; }
+
+.contact-icon {
+  position: relative;
+  display: block;
+  height: 16px;
+  width: 16px; }
+  .contact-icon:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    text-align: center;
+    font-family: FontAwesome;
+    font-size: 14px;
+    line-height: 16px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+
+.contact-icons a {
+  border-bottom: 1px dotted;
+  border-right: 1px dotted;
+  display: block;
+  float: left;
+  padding: 8px; }
+
+.contact-icons .last-cell {
+  border-right: none; }
+
+.contact-icons div:last-child a {
+  border-bottom: none; }
+
+.contact-icons div {
+  clear: left; }
+
+.pm-icon:after {
+  content: '\f086'; }
+
+.email-icon:after {
+  content: '\f0e0'; }
+
+.jabber-icon:after {
+  content: '\f0eb';
+  font-size: 16px; }
+
+.phpbb_icq-icon:after {
+  content: '\f013'; }
+
+.phpbb_wlm-icon:after {
+  content: '\f007'; }
+
+.phpbb_aol-icon:after {
+  content: '\f2bb'; }
+
+.phpbb_website-icon:after {
+  content: '\f08e'; }
+
+.phpbb_youtube-icon:after {
+  content: '\f16a'; }
+
+.phpbb_facebook-icon:after {
+  content: '\f230'; }
+
+.phpbb_googleplus-icon:after {
+  content: '\f0d5'; }
+
+.phpbb_skype-icon:after {
+  content: '\f17e'; }
+
+.phpbb_twitter-icon:after {
+  content: '\f099'; }
+
+.phpbb_yahoo-icon:after {
+  content: '\f19e'; }
+
+.post-buttons {
+  float: right;
+  list-style: none;
+  margin-top: 2px; }
+  .rtl .post-buttons {
+    float: left; }
+
+.has-profile .post-buttons {
+  float: none;
+  position: absolute;
+  margin: 0;
+  top: 5px;
+  right: 0; }
+  .rtl .has-profile .post-buttons {
+    left: 0; }
+  .rtl .has-profile .post-buttons {
+    right: auto; }
+
+.post-buttons > li {
+  float: left;
+  margin-right: 3px; }
+
+.post-buttons .button, .format-buttons .button {
+  padding-left: 3px;
+  padding-right: 3px; }
+
+.hastouch .post-buttons {
+  margin-right: 10px; }
+
+.post-buttons .button span {
+  font-size: 0; }
+
+.post-buttons .dropdown {
+  top: 20px; }
+
+.post-buttons .dropdown a {
+  display: block;
+  font-size: 12px;
+  line-height: 1.4;
+  text-align: left;
+  margin-left: 18px;
+  position: relative; }
+  .post-buttons .dropdown a:before {
+    position: absolute;
+    left: -16px;
+    top: 50%;
+    height: 12px;
+    line-height: 14px;
+    margin: -6px 0 0;
+    pointer-events: none;
+    color: inherit; }
+  .rtl .post-buttons .dropdown a {
+    text-align: right; }
+
+.hasjs .postbody .post-buttons {
+  max-width: 40%; }
+
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+/* Deprecated as of version 3.2
+-------------------------------------------------*/
+.small-icon {
+  background-position: 0 50%;
+  background-repeat: no-repeat;
+  background-image: none; }
+
+.dropdown .small-icon {
+  background-position: 5px 50%;
+  padding: 5px; }
+
+.small-icon > a {
+  padding: 0 0 0 18px; }
+
+ul.linklist.bulletin > li.small-icon:before {
+  display: none; }
+
+.dropdown .small-icon > a {
+  display: block; }
+
+.rtl .small-icon {
+  background-position: 100% 50%; }
+
+.rtl .small-icon > a {
+  padding-left: 0;
+  padding-right: 19px; }
+
+.cp-menu {
+  float: left;
+  width: 19%;
+  margin: 0 -2px;
+  padding-right: 7px;
+  box-sizing: border-box; }
+  .rtl .cp-menu {
+    float: right;
+    padding-left: 7px;
+    padding-right: 0; }
+
+.cp-main {
+  float: left;
+  width: 81%; }
+  .rtl .cp-main {
+    float: right; }
+
+.cp-main .content {
+  padding: 0; }
+
+.panel-container .panel {
+  margin-bottom: 10px; }
+
+.panel-container .panel p {
+  font-size: 13px;
+  line-height: 1.4; }
+
+.panel-container .panel ol {
+  margin-left: 2em;
+  font-size: 13px; }
+
+.panel-container .panel li.row {
+  border-bottom: 1px solid transparent;
+  border-top: 1px solid transparent; }
+
+ul.cplist {
+  margin-bottom: 5px;
+  border-top: 1px solid transparent; }
+
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+  margin-bottom: 2px; }
+
+.panel-container table.table1 {
+  margin-bottom: 1em; }
+
+.panel-container table.table1 thead th {
+  background: transparent;
+  color: inherit;
+  padding: 5px;
+  font-weight: bold;
+  font-size: inherit;
+  line-height: inherit; }
+
+.panel-container table.table1 tbody th {
+  font-style: italic;
+  background-color: transparent !important;
+  border-bottom: none; }
+
+.cp-main .pm-message {
+  border: 1px solid transparent;
+  margin: 10px 0;
+  width: auto;
+  float: none; }
+
+.pm-message h2 {
+  padding-bottom: 5px; }
+
+.cp-main .postbody h3, .cp-main .box2 h3 {
+  margin-top: 0; }
+
+.panel-container .postbody p.author {
+  font-size: 11px; }
+
+.cp-main .buttons {
+  margin-left: 0; }
+
+.cp-main ul.linklist {
+  margin: 0; }
+
+.mcp-main .postbody {
+  width: 100%; }
+
+.tabs-container h2 {
+  float: left;
+  margin-bottom: 0px; }
+
+.tabs, .minitabs {
+  line-height: normal; }
+
+.tabs > ul, .minitabs > ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  position: relative; }
+
+.tabs .tab, .minitabs .tab {
+  display: block;
+  float: left;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 26px; }
+
+.tabs .tab > a, .minitabs .tab > a {
+  display: block;
+  padding: 0 9px;
+  position: relative;
+  text-decoration: none;
+  white-space: nowrap;
+  cursor: pointer;
+  font-size: inherit;
+  line-height: inherit; }
+
+.tabs {
+  margin: 20px 0 0 7px; }
+
+.tabs .tab > a {
+  border: 1px solid transparent;
+  border-radius: 4px 4px 0 0;
+  margin: 1px 1px 0 0; }
+
+.tabs .activetab > a {
+  margin-top: 0;
+  padding-bottom: 2px; }
+
+.minitabs {
+  float: right;
+  margin: 15px 7px 0 0;
+  max-width: 50%; }
+
+.minitabs .tab {
+  float: right; }
+
+.minitabs .tab > a {
+  border-radius: 5px 5px 0 0;
+  margin-left: 2px; }
+
+.minitabs .tab > a:hover {
+  text-decoration: none; }
+
+.responsive-tab {
+  position: relative; }
+
+.responsive-tab > a.responsive-tab-link {
+  display: block;
+  font-size: 16px;
+  position: relative;
+  width: 16px;
+  line-height: 14px;
+  text-decoration: none; }
+.responsive-tab > a.responsive-tab-link:before {
+  content: '\f0c9';
+  font-family: FontAwesome;
+  position: absolute;
+  left: 10px;
+  top: 50%;
+  margin-top: -7px;
+  width: 14px;
+  font-size: 13px;
+  line-height: 15px;
+  height: 15px;
+  text-align: center;
+  font-weight: normal;
+  font-style: normal;
+  text-indent: 0; }
+.dropdown-visible.responsive-tab > a.responsive-tab-link:before, .responsive-tab > a.responsive-tab-link:hover:before {
+  font-family: FontAwesome;
+  content: '\f078'; }
+
+.tabs .dropdown, .minitabs .dropdown {
+  top: 28px;
+  margin-right: -2px;
+  font-size: 12px;
+  line-height: 1.4;
+  font-weight: normal; }
+
+.minitabs .dropdown {
+  margin-right: -4px; }
+
+.tabs .dropdown-up .dropdown, .minitabs .dropdown-up .dropdown {
+  bottom: 28px;
+  top: auto; }
+
+.tabs .dropdown li {
+  text-align: right; }
+
+.minitabs .dropdown li {
+  text-align: left; }
+
+.navigation {
+  width: 100%; }
+  .navigation hr {
+    display: none; }
+    .navigation hr + ul {
+      margin-top: 10px; }
+
+.navigation ul {
+  list-style: none; }
+
+.navigation li {
+  display: inline;
+  font-weight: bold;
+  margin: 1px 0;
+  padding: 0; }
+
+.navigation a {
+  display: block;
+  padding: 5px;
+  margin: 2px 0;
+  border-radius: 1px;
+  text-decoration: none;
+  font-size: 11px;
+  line-height: 1.4; }
+
+.navigation a:hover {
+  text-decoration: none; }
+
+.cp-main h2 {
+  border-bottom: none;
+  padding: 0;
+  margin-left: 10px; }
+
+.cp-mini {
+  margin: 10px 15px 10px 5px;
+  max-height: 200px;
+  overflow-y: auto;
+  padding: 5px 10px;
+  border-radius: 3px; }
+
+dl.mini dt {
+  font-weight: bold; }
+
+dl.mini dd {
+  padding-top: 4px; }
+
+.friend-online {
+  font-weight: bold; }
+
+.friend-offline {
+  font-style: italic; }
+
+ol.def-rules {
+  padding-left: 0; }
+
+ol.def-rules li {
+  line-height: 180%;
+  padding: 1px; }
+
+.pmlist li.bg1 {
+  padding: 0 3px; }
+
+.pmlist li.bg2 {
+  padding: 0 3px; }
+
+/* DEPRECATED 3.2.6
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+	border-left-color: transparent;
+	border-right-color: transparent;
+}
+*/
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour,
+.pmlist li.pm_marked_colour, .pm_marked_colour,
+.pmlist li.pm_replied_colour, .pm_replied_colour,
+.pmlist li.pm_friend_colour, .pm_friend_colour,
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+  padding: 0;
+  border: solid 3px transparent;
+  border-width: 0 3px; }
+
+.pm-legend {
+  border-left-width: 10px;
+  border-left-style: solid;
+  border-right-width: 0;
+  margin-bottom: 3px;
+  padding-left: 3px; }
+
+.gallery label {
+  position: relative;
+  float: left;
+  margin: 10px;
+  padding: 5px;
+  width: auto;
+  border: 1px solid transparent;
+  text-align: center; }
+
+@media (max-width: 900px) {
+  .nojs .tabs a span, .nojs .minitabs a span {
+    max-width: 40px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    letter-spacing: -.5px; }
+
+  .cp-menu, .navigation, .cp-main {
+    float: none;
+    width: auto;
+    margin: 0; }
+
+  .cp-menu:after {
+    content: ' ';
+    display: table;
+    clear: both; }
+
+  .navigation {
+    padding: 0;
+    max-width: 320px; }
+    .cp-menu .navigation {
+      margin: 0 10px;
+      float: left; } }
+    @media (max-width: 900px) and (max-width: 450px) {
+      .cp-menu .navigation {
+        float: none;
+        margin: 0 auto; } }
+@media (max-width: 900px) {
+    .navigation, .cp-menu .navigation:only-child {
+      float: none;
+      margin: 0 auto; }
+    .cp-menu .navigation + .cp-mini {
+      float: left;
+      margin: 0 10px;
+      max-width: 220px; } }
+    @media (max-width: 900px) and (max-width: 450px) {
+      .cp-menu .navigation + .cp-mini {
+        float: none;
+        margin: 10px auto 0; } }
+
+@media (max-width: 900px) {
+  .navigation a {
+    background-image: none; }
+
+  .navigation li:first-child a {
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px; }
+
+  .navigation li:last-child a {
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px; } }
+fieldset {
+  border-width: 0;
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-size: 11px; }
+
+input {
+  font-weight: normal;
+  vertical-align: middle;
+  padding: 0 3px;
+  font-size: 12px;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+select {
+  font-family: Verdana, Helvetica, Arial, sans-serif;
+  font-weight: normal;
+  cursor: pointer;
+  vertical-align: middle;
+  border: 1px solid transparent;
+  border-radius: 2px;
+  padding: 1px;
+  font-size: 12px; }
+
+select:focus {
+  outline-style: none; }
+
+option {
+  padding-right: 1em; }
+
+select optgroup option {
+  padding-right: 1em;
+  font-family: Verdana, Helvetica, Arial, sans-serif; }
+
+textarea {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: 60%;
+  padding: 2px;
+  font-size: 13px;
+  line-height: 1.4;
+  border-radius: 2px;
+  -webkit-appearance: none; }
+
+label {
+  cursor: default;
+  padding-right: 5px; }
+
+label input {
+  vertical-align: middle; }
+
+label img {
+  vertical-align: middle; }
+
+fieldset dl {
+  padding: 4px 0; }
+
+fieldset dt {
+  float: left;
+  width: 40%;
+  text-align: left;
+  display: block; }
+
+fieldset dd {
+  margin-left: 41%;
+  vertical-align: top;
+  margin-bottom: 3px; }
+
+fieldset.fields1 dt {
+  width: 15em;
+  border-right-width: 0; }
+
+fieldset.fields1 dd {
+  margin-left: 15em;
+  border-left-width: 0; }
+
+fieldset.fields1 div {
+  margin-bottom: 3px; }
+
+fieldset.fields1 .live-search div {
+  margin-bottom: 0; }
+
+fieldset.fields2 dt {
+  width: 15em;
+  border-right-width: 0; }
+
+fieldset.fields2 dd {
+  margin-left: 16em;
+  border-left-width: 0; }
+
+dt label {
+  font-weight: bold;
+  text-align: left; }
+
+dd label {
+  white-space: nowrap; }
+
+dd input, dd textarea {
+  margin-right: 3px; }
+
+dd select {
+  width: auto; }
+
+dd select[multiple] {
+  width: 100%; }
+
+dd textarea {
+  width: 85%; }
+
+.timezone {
+  width: 95%; }
+
+/* Browser-specific tweaks */
+button::-moz-focus-inner {
+  padding: 0;
+  border: 0; }
+
+fieldset.quick-login {
+  margin-top: 5px; }
+
+fieldset.quick-login input {
+  width: auto; }
+
+fieldset.quick-login input.inputbox {
+  width: 15%;
+  vertical-align: middle;
+  margin-right: 5px; }
+
+fieldset.quick-login label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.display-options {
+  text-align: center;
+  margin: 3px 0 5px 0; }
+
+fieldset.display-options label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.display-options a {
+  margin-top: 3px; }
+
+.dropdown fieldset.display-options {
+  font-size: 1em;
+  margin: 0;
+  padding: 0; }
+
+.dropdown fieldset.display-options label {
+  display: block;
+  margin: 4px;
+  padding: 0;
+  text-align: right;
+  white-space: nowrap; }
+
+.dropdown fieldset.display-options select {
+  min-width: 120px; }
+
+fieldset.display-actions {
+  text-align: right;
+  line-height: 2em;
+  white-space: nowrap;
+  padding-right: 1em; }
+
+fieldset.display-actions label {
+  white-space: nowrap;
+  padding-right: 2px; }
+
+fieldset.sort-options {
+  line-height: 2em; }
+
+fieldset.forum-selection {
+  margin: 5px 0 3px 0;
+  float: right; }
+
+fieldset.forum-selection2 {
+  margin: 13px 0 3px 0;
+  float: right; }
+
+fieldset.submit-buttons {
+  text-align: center;
+  vertical-align: middle;
+  margin: 5px 0; }
+
+fieldset.submit-buttons input {
+  vertical-align: middle; }
+
+.format-buttons {
+  margin: 15px 0 2px 0; }
+
+.format-buttons input, .format-buttons select {
+  vertical-align: middle; }
+
+.message-box {
+  width: 80%; }
+
+.message-box textarea {
+  font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
+  width: 450px;
+  height: 270px;
+  min-width: 100%;
+  max-width: 100%;
+  font-size: 13px;
+  line-height: 1.4;
+  resize: vertical;
+  outline: 3px dashed transparent;
+  outline-offset: -4px;
+  -webkit-transition: all .5s ease, height 1ms linear;
+  -moz-transition: all .5s ease, height 1ms linear;
+  -ms-transition: all .5s ease, height 1ms linear;
+  -o-transition: all .5s ease, height 1ms linear;
+  transition: all .5s ease, height 1ms linear; }
+
+.smiley-box {
+  width: 18%;
+  float: right; }
+
+.smiley-box img {
+  margin: 3px; }
+
+.inputbox {
+  border: 1px solid transparent;
+  padding: 2px;
+  border-radius: 2px;
+  -webkit-appearance: none; }
+
+.inputbox:hover, .inputbox:focus {
+  border: 1px solid transparent;
+  outline-style: none; }
+
+input.inputbox {
+  width: 85%; }
+
+input.medium {
+  width: 50%; }
+
+input.narrow {
+  width: 25%; }
+
+input.tiny {
+  width: 150px; }
+
+textarea.inputbox {
+  width: 85%; }
+
+.autowidth {
+  width: auto !important; }
+
+input[type="number"] {
+  -moz-padding-end: 0; }
+
+input[type="search"] {
+  -webkit-appearance: none;
+  -webkit-box-sizing: content-box; }
+
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
+  display: none; }
+
+input[type="search"]::-webkit-search-cancel-button {
+  cursor: pointer; }
+
+input.button1, input.button2 {
+  font-size: 13px; }
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+  width: auto !important;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
+  background: transparent none repeat-x top left;
+  line-height: 1.5;
+  border-radius: 3px;
+  font-size: 13px; }
+  .format-buttons a.button1, .format-buttons input.button1, .format-buttons input.button3, .format-buttons a.button2, .format-buttons input.button2 {
+    font-size: 12px; }
+
+a.button1, input.button1 {
+  font-weight: bold;
+  border: 1px solid transparent; }
+
+input.button3 {
+  padding: 0;
+  margin: 0;
+  line-height: 5px;
+  height: 12px;
+  background-image: none;
+  font-variant: small-caps; }
+
+input[type="button"], input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"], .search-results li {
+  cursor: pointer; }
+
+a.button2, input.button2, input.button3 {
+  border: 1px solid transparent; }
+
+a.button1, a.button2 {
+  text-decoration: none;
+  padding: 0 3px;
+  vertical-align: text-bottom; }
+
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+  border: 1px solid transparent; }
+
+input.disabled {
+  font-weight: normal; }
+
+input.button1:focus, input.button2:focus, input.button3:focus {
+  outline-style: none; }
+
+.search-box {
+  float: left; }
+
+.search-box .inputbox {
+  background-image: none;
+  border-right-width: 0;
+  border-radius: 4px 0 0 4px;
+  float: left;
+  height: 24px;
+  padding: 3px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  .rtl .search-box .inputbox {
+    border-radius: 0 4px 4px 0; }
+
+.search-header {
+  border-radius: 4px;
+  display: block;
+  border: 1px solid transparent; }
+  .navbar.with-search .search-header {
+    margin-top: 1px; }
+  .headerbar .search-header {
+    position: absolute;
+    top: 50%;
+    right: 5px;
+    margin-top: -13px; }
+
+.search-header .inputbox {
+  border: 0; }
+
+.navbar .linklist > li.responsive-search {
+  display: none; }
+
+.full {
+  width: 95%; }
+
+.medium {
+  width: 50%; }
+
+.narrow {
+  width: 25%; }
+
+.tiny {
+  width: 10%; }
+
+.icon-search-new, .icon-search-unanswered, .icon-search-unread, .icon-search-self, .icon-search, .icon-search-active, .icon-search-advanced, .icon-acp, .icon-bookmark, .icon-bump, .icon-contact, .icon-delete-cookies, .icon-download, .icon-faq, .icon-home, .icon-logout, .icon-login, .icon-mark, .icon-mcp, .icon-members, .icon-notification, .icon-pages, .icon-pm, .icon-print, .icon-profile, .icon-register, .icon-sendemail, .icon-subscribe, .icon-team, .icon-ucp, .icon-unsubscribe, .icon-new-posts, .icon-forums, .icon-chat, .icon-time, .icon-thanks, .icon-thanks_toplist {
+  position: relative;
+  background-image: none; }
+  .icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 0;
+    height: 14px;
+    margin-top: -7px;
+    text-align: center;
+    font-size: 12px;
+    line-height: 14px;
+    vertical-align: baseline;
+    font-weight: normal;
+    font-style: normal;
+    text-transform: none;
+    text-indent: 0;
+    pointer-events: none; }
+  .small-icon.icon-search-new:after, .small-icon.icon-search-unanswered:after, .small-icon.icon-search-unread:after, .small-icon.icon-search-self:after, .small-icon.icon-search:after, .small-icon.icon-search-active:after, .small-icon.icon-search-advanced:after, .small-icon.icon-acp:after, .small-icon.icon-bookmark:after, .small-icon.icon-bump:after, .small-icon.icon-contact:after, .small-icon.icon-delete-cookies:after, .small-icon.icon-download:after, .small-icon.icon-faq:after, .small-icon.icon-home:after, .small-icon.icon-logout:after, .small-icon.icon-login:after, .small-icon.icon-mark:after, .small-icon.icon-mcp:after, .small-icon.icon-members:after, .small-icon.icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .small-icon.icon-notification:after, .small-icon.icon-pages:after, .small-icon.icon-pm:after, .small-icon.icon-print:after, .small-icon.icon-profile:after, .small-icon.icon-register:after, .small-icon.icon-sendemail:after, .small-icon.icon-subscribe:after, .small-icon.icon-team:after, .small-icon.icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .small-icon.icon-ucp:after, .small-icon.icon-unsubscribe:after, .small-icon.icon-new-posts:after, .small-icon.icon-forums:after, .small-icon.icon-chat:after, .small-icon.icon-time:after, .small-icon.icon-thanks:after, .small-icon.icon-thanks_toplist:after {
+    width: 18px;
+    text-align: center; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+  font-family: FontAwesome; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after {
+  content: '\f002'; }
+
+.icon-acp:after {
+  content: '\f085'; }
+
+.icon-bookmark:after {
+  content: '\f02e';
+  margin-left: -1px;
+  margin-right: -1px; }
+
+.icon-bump:after {
+  content: '\f079'; }
+
+.icon-contact:after {
+  content: '\f0e0'; }
+
+.icon-delete-cookies:after {
+  content: '\f014'; }
+
+.icon-download:after {
+  content: '\f019'; }
+
+.icon-faq:after {
+  content: '\f059'; }
+
+.icon-home:after {
+  content: '\f015'; }
+.icon-home.breadcrumbs:after {
+  text-align: left; }
+
+.icon-logout:after {
+  content: '\f08b'; }
+
+.icon-login:after {
+  content: '\f090'; }
+
+.icon-mark:after {
+  content: '\f046'; }
+
+.icon-mcp:after {
+  content: '\f0e3'; }
+
+.icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before {
+  content: '\f007'; }
+.icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before {
+  display: block;
+  font-size: 10px;
+  padding: 0;
+  padding-left: 4px;
+  padding-top: 1px;
+  opacity: .7; }
+
+.icon-notification:after {
+  content: '\f0a2'; }
+.icon-notification.non-zero:after {
+  content: '\f0f3'; }
+
+.icon-pages:after {
+  content: '\f0c5'; }
+
+.icon-pm:after {
+  content: '\f003'; }
+.icon-pm.non-zero:after {
+  content: '\f0e0'; }
+
+.icon-print:after {
+  content: '\f02f'; }
+
+.icon-profile:after {
+  content: '\f007'; }
+
+.icon-register:after {
+  content: '\f234'; }
+
+.icon-sendemail:after {
+  content: '\f003'; }
+
+.icon-subscribe:after {
+  content: '\f05d'; }
+
+.icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before {
+  content: '\f007'; }
+.icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before {
+  display: block;
+  font-size: 10px;
+  padding: 0;
+  white-space: nowrap;
+  padding-top: 1px;
+  opacity: .7;
+  content: '\f007\f007'; }
+
+.icon-ucp:after {
+  content: '\f0ad'; }
+
+.icon-unsubscribe:after {
+  content: '\f05c'; }
+
+.icon-new-posts:after {
+  content: '\f086'; }
+
+.icon-forums:after {
+  content: '\f075'; }
+
+.icon-chat:after {
+  content: '\f086'; }
+
+.icon-time:after {
+  content: '\f017'; }
+
+.icon-thanks {
+  background-image: none !important; }
+  .icon-thanks:after {
+    content: '\f087'; }
+
+.icon-thanks_toplist {
+  background-image: none !important; }
+  .icon-thanks_toplist:after {
+    content: '\f005'; }
+
+@media (max-width: 320px) {
+  select, .inputbox {
+    max-width: 240px; } }
+/* Notifications list
+----------------------------------------*/
+@media (max-width: 350px) {
+  .dropdown-extended .dropdown-contents {
+    width: auto; } }
+@media (max-width: 430px) {
+  .action-bar .search-box .inputbox {
+    width: 120px; }
+
+  .section-viewtopic .search-box .inputbox {
+    width: 57px; }
+
+  .action-bar .search-box .inputbox ::-moz-placeholder {
+    content: "Search..."; }
+
+  .action-bar .search-box .inputbox :-ms-input-placeholder {
+    content: "Search..."; }
+
+  .action-bar .search-box .inputbox ::-webkit-input-placeholder {
+    content: "Search..."; } }
+@media (max-width: 500px) {
+  dd label {
+    white-space: normal; }
+
+  select, .inputbox {
+    max-width: 260px; }
+
+  .captcha-panel dd.captcha {
+    margin-left: 0; }
+
+  .captcha-panel dd.captcha-image img {
+    width: 100%; }
+
+  dl.details dt, dl.details dd {
+    width: auto;
+    float: none;
+    text-align: left; }
+
+  dl.details dd {
+    margin-left: 20px; }
+
+  p.responsive-center {
+    float: none;
+    text-align: center;
+    margin-bottom: 5px; }
+
+  .action-bar > div {
+    margin-bottom: 5px; }
+
+  .action-bar > .pagination {
+    float: none;
+    clear: both;
+    padding-bottom: 1px;
+    text-align: center; }
+
+  .action-bar > .pagination li.page-jump {
+    margin: 0 2px; }
+
+  p.jumpbox-return {
+    display: none; }
+
+  .display-options > label:nth-child(1) {
+    display: block;
+    margin-bottom: 5px; }
+
+  .attach-controls {
+    margin-top: 5px;
+    width: 100%; }
+
+  .quick-links .dropdown-trigger span {
+    display: none; } }
+@media (max-width: 550px) {
+  ul.topiclist.forums dt {
+    margin-right: 0; }
+
+  ul.topiclist.forums dt .list-inner {
+    margin-right: 0; }
+
+  ul.topiclist.forums dd.lastpost {
+    display: none; } }
+@media (max-width: 700px) {
+  .responsive-hide {
+    display: none !important; }
+
+  .responsive-show {
+    display: block !important; }
+
+  .responsive-show-inline {
+    display: inline !important; }
+
+  .responsive-show-inline-block {
+    display: inline-block !important; }
+
+  /* Content wrappers
+  ----------------------------------------*/
+  html {
+    height: auto; }
+
+  body {
+    padding: 0; }
+
+  #wrap {
+    border: none;
+    border-radius: 0;
+    margin: 0;
+    padding: 0 5px; }
+
+  .page-width, .navbar .inner.static > .static-inner {
+    min-width: 290px;
+    margin: 0; }
+
+  .navbar .inner.static > .static-inner,
+  #wrap .navbar .inner.static > .static-inner {
+    padding: 0; }
+
+  .forabg, .forumbg, .post, .panel {
+    border-radius: 0;
+    margin-left: -5px;
+    margin-right: -5px; }
+
+  .headerbar, .navbar {
+    border-radius: 0; }
+
+  #wrap .headerbar, #wrap .navbar {
+    margin-left: -5px;
+    margin-right: -5px; }
+
+  .cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
+    border-radius: 0; }
+
+  .navbar.tabbed .nav-tabs, .navbar.tabbed .nav-tabs .tab {
+    border-radius: 0 !important; }
+
+  .site-description {
+    float: none;
+    width: auto;
+    text-align: center; }
+
+  .logo {
+    float: none;
+    margin: 0 auto;
+    padding: 10px; }
+    .logo img {
+      margin: 0 auto; }
+
+  .site-description h1, .site-description p, .site-description p.sitename {
+    text-align: inherit;
+    float: none;
+    margin: 5px;
+    line-height: 1.2em;
+    overflow: hidden;
+    text-overflow: ellipsis; }
+
+  .site-description p, .headerbar .search-header {
+    display: none; }
+
+  .responsive-search {
+    display: block !important; }
+
+  ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
+    margin-right: 0 !important;
+    padding-right: 0; }
+
+  ul.topiclist li.header dd {
+    display: none !important; }
+
+  ul.topiclist dt, ul.topiclist dt .list-inner,
+  ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
+  ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
+  ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
+    margin-right: 0; }
+
+  ul.topiclist dt .list-inner.with-mark {
+    padding-right: 34px; }
+
+  ul.topiclist dt .list-inner {
+    min-height: 28px; }
+
+  ul.topiclist li.header dt .list-inner {
+    min-height: 0; }
+
+  ul.topiclist dd {
+    display: none; }
+
+  ul.topiclist dd.mark {
+    display: block; }
+
+  /* Forums and topics lists
+  ----------------------------------------*/
+  ul.topiclist.forums dt {
+    margin-right: -250px; }
+
+  ul.topiclist dd.mark {
+    display: block;
+    position: absolute;
+    right: 5px;
+    top: 0;
+    margin: 0;
+    width: auto;
+    min-width: 0;
+    text-align: left; }
+
+  ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
+    position: relative;
+    left: 0;
+    width: auto;
+    display: inline;
+    font-weight: normal; }
+
+  li.row .responsive-show strong {
+    font-weight: bold;
+    color: inherit; }
+
+  ul.topiclist li.row dt a.subforum {
+    vertical-align: bottom;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 100px; }
+
+  /* Pagination
+  ----------------------------------------*/
+  .pagination > ul {
+    margin: 5px 0 0; }
+
+  .row .pagination .ellipsis + li {
+    display: none !important; }
+
+  /* Responsive tables
+  ----------------------------------------*/
+  table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
+    display: block; }
+
+  table.responsive thead, table.responsive th {
+    display: none; }
+
+  table.responsive.show-header thead, table.responsive.show-header th:first-child {
+    display: block;
+    width: auto !important;
+    text-align: left !important;
+    border-radius: 0; }
+
+  table.responsive.show-header th:first-child span.rank-img {
+    display: none; }
+
+  table.responsive tr {
+    margin: 2px 0; }
+
+  table.responsive td {
+    width: auto !important;
+    text-align: left !important;
+    padding: 4px; }
+
+  table.responsive td.empty {
+    display: none !important; }
+
+  table.responsive td > dfn {
+    display: inline-block !important; }
+
+  table.responsive td > dfn:after {
+    content: ':';
+    padding-right: 5px; }
+
+  table.responsive span.rank-img {
+    float: none;
+    padding-right: 5px; }
+
+  table.responsive.memberlist td:first-child input[type="checkbox"] {
+    float: right; }
+
+  /* Forms
+  ----------------------------------------*/
+  fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
+    width: auto;
+    float: none; }
+
+  fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
+    margin-left: 0px; }
+
+  textarea, dd textarea, .message-box textarea {
+    width: 100%;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box; }
+
+  dl.pmlist dt {
+    width: auto !important;
+    margin-bottom: 5px; }
+
+  dl.pmlist dd {
+    display: inline-block;
+    margin-left: 0 !important; }
+
+  dl.pmlist dd:first-of-type {
+    padding-left: 20px; }
+
+  .smiley-box, .message-box {
+    float: none;
+    width: auto; }
+
+  .smiley-box {
+    margin-top: 5px; }
+
+  .bbcode-status {
+    display: none; }
+
+  .colour-palette, .colour-palette tbody, .colour-palette tr {
+    display: block; }
+
+  .colour-palette td {
+    display: inline-block;
+    margin-right: 2px; }
+
+  .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
+    display: none; }
+
+  fieldset.quick-login label {
+    display: block;
+    margin-bottom: 5px;
+    white-space: normal; }
+
+  fieldset.quick-login label > span {
+    display: inline-block;
+    min-width: 100px; }
+
+  fieldset.quick-login input.inputbox {
+    width: 85%;
+    max-width: 300px;
+    margin-left: 20px; }
+
+  fieldset.quick-login label[for="autologin"] {
+    display: inline-block;
+    text-align: right;
+    min-width: 50%; }
+
+  /* User profile
+  ----------------------------------------*/
+  .column1, .column2, .left-box.profile-details {
+    float: none;
+    width: auto;
+    clear: both; }
+
+  /* Polls
+  ----------------------------------------*/
+  fieldset.polls dt {
+    width: 90%; }
+
+  fieldset.polls dd.resultbar {
+    padding-left: 20px; }
+
+  fieldset.polls dd.poll_option_percent {
+    width: 20%; }
+
+  fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
+    margin-top: 5px; }
+
+  /* Post
+  ----------------------------------------*/
+  .postbody {
+    position: inherit; }
+
+  .postprofile + .postbody {
+    float: none;
+    position: inherit;
+    width: auto; }
+
+  .postprofile, .postbody, .search .postbody {
+    display: block;
+    width: auto;
+    float: none;
+    padding: 0;
+    min-height: 0; }
+
+  .post .postprofile {
+    width: auto;
+    border-width: 0 0 1px 0;
+    padding-bottom: 5px;
+    margin: 0;
+    margin-bottom: 5px;
+    min-height: 40px;
+    overflow: hidden;
+    z-index: auto !important; }
+
+  .postprofile dd {
+    display: none; }
+
+  .postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
+    display: block;
+    margin: 0; }
+
+  .postprofile .has-avatar .avatar-container,
+  .postprofile .no-avatar .avatar-container {
+    margin: 0;
+    overflow: inherit;
+    float: left;
+    padding-right: 5px; }
+
+  .postprofile .avatar-container:after {
+    clear: none; }
+
+  .postprofile .avatar, .postprofile .no-avatar .avatar-container {
+    margin-right: 5px; }
+
+  .postprofile .avatar img {
+    width: auto !important;
+    height: auto !important;
+    max-height: 32px; }
+
+  .no-avatar .avatar-container {
+    width: 32px;
+    height: 32px; }
+
+  .has-profile .postbody h3 {
+    margin-left: 0 !important;
+    margin-right: 0 !important; }
+
+  .has-profile .post-buttons {
+    right: 10px;
+    top: 10px; }
+    .rtl .has-profile .post-buttons {
+      right: auto;
+      left: 10px; }
+
+  .online-ribbon {
+    width: 35px;
+    height: 35px;
+    top: 0;
+    left: 0; }
+    .rtl .online-ribbon {
+      left: auto;
+      right: 0; }
+    .online-ribbon span {
+      width: 50px;
+      font-size: 6px;
+      line-height: 10px;
+      height: 10px;
+      text-align: center;
+      position: absolute;
+      top: 8px;
+      white-space: nowrap;
+      left: -12px; }
+      .rtl .online-ribbon span {
+        left: auto;
+        right: -12px; }
+
+  h2 {
+    margin-top: .5em; }
+
+  p {
+    margin-bottom: .5em;
+    overflow: hidden; }
+
+  p.rightside {
+    margin-bottom: 0; }
+
+  fieldset.display-options label {
+    display: inline-block;
+    clear: both;
+    margin-bottom: 5px;
+    letter-spacing: -.3px; }
+
+  dl.mini dd.pm-legend {
+    float: left;
+    min-width: 200px; }
+
+  .topicreview {
+    margin: 0 -5px;
+    padding: 0 5px; }
+
+  fieldset.display-actions {
+    white-space: normal; }
+
+  .phpbb_alert {
+    width: auto;
+    margin: 0 5px; }
+
+  .attach-comment dfn {
+    width: 100%; } }
+@media (min-width: 700px) {
+  .postbody {
+    width: 70%; } }
+@media (min-width: 850px) {
+  .postbody {
+    width: 76%; } }
+@media (min-width: 701px) and (max-width: 950px) {
+  ul.topiclist dt {
+    margin-right: -410px; }
+
+  ul.topiclist dt .list-inner {
+    margin-right: 410px; }
+
+  ul.topiclist dd.lastpost {
+    float: right; }
+
+  dd.posts, dd.topics, dd.views {
+    width: 80px; } }
+html, body {
+  color: #141414;
+  background-image: url("./images/pattern.png");
+  background-color: #e0e0e0; }
+
+h1, p.sitename {
+  color: #141414; }
+
+h2 {
+  color: #525d73; }
+
+h3 {
+  color: #525d73; }
+  .post h3 {
+    color: #575f6e; }
+  h3 a {
+    color: inherit; }
+    h3 a:hover {
+      color: #d03c3c; }
+
+hr {
+  border-color: #fafafa;
+  border-top-color: #c7c7c7; }
+
+/* Post body links */
+.postlink {
+  border-bottom-color: #525d73;
+  color: #525d73; }
+
+.postlink:visited {
+  border-bottom-color: #868686;
+  color: #868686; }
+
+.postlink:hover {
+  background-color: #dbdbdb;
+  color: #d03c3c; }
+
+.signature a, .signature a:hover {
+  background-color: transparent; }
+
+.search-box .inputbox,
+.search-box .inputbox:hover,
+.search-box .inputbox:focus,
+.search-box .button:hover {
+  border-color: #c6c6c6; }
+
+.search-box .button, .search-box .button:hover {
+  background-color: #f4f4f4 !important;
+  border-color: #c6c6c6 !important; }
+.search-box .button, .search-box .button:before, .search-box .button:after {
+  color: #525d73; }
+.search-box .button:hover, .search-box .button:hover:before, .search-box .button:hover:after {
+  color: #d03c3c !important; }
+
+.search-header {
+  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
+  .navbar.with-search .search-header {
+    box-shadow: none; }
+  .search-header .inputbox, .search-header .button {
+    background: #f4f4f4 !important;
+    border-color: #f4f4f4 !important; }
+  .navbar.with-search .search-header .button, .navbar.with-search .search-header .button:before, .navbar.with-search .search-header .button:after {
+    color: #525d73; }
+  .search-header .inputbox:hover, .search-header .inputbox:focus {
+    background-color: #f8f8f8 !important;
+    color: #000 !important;
+    border-color: #f4f4f4 !important; }
+  .search-header .button:hover, .search-header .button:hover:before, .search-header .button:hover:after, .search-header .button:focus, .search-header .button:focus:before, .search-header .button:focus:after {
+    background-color: #d03c3c !important;
+    color: #fff !important;
+    border-color: #d03c3c !important; }
+
+.headerbar {
+  color: #141414; }
+
+.breadcrumbs .crumb:before {
+  color: #868686; }
+
+.navbar {
+  background-image: none; }
+  .navbar.secondary {
+    color: #525d73; }
+    .navbar.secondary > ul > li:hover, .navbar.secondary > ul > li:hover:after, .navbar.secondary > ul > li:hover:before,
+    .navbar.secondary > ul > li.dropdown-visible,
+    .navbar.secondary > ul > li.dropdown-visible:after,
+    .navbar.secondary > ul > li.dropdown-visible:before {
+      color: #d03c3c; }
+    .navbar.secondary .dropdown {
+      color: #141414; }
+  .navbar .nav-tabs {
+    background-color: #525d73; }
+    .navbar .nav-tabs .tab {
+      color: #fff; }
+      .navbar .nav-tabs .tab.selected {
+        color: #525d73;
+        background-color: #f4f4f4; }
+      .navbar .nav-tabs .tab:hover, .navbar .nav-tabs .tab.dropdown-visible {
+        color: #d03c3c;
+        background-color: #f4f4f4; }
+      .navbar .nav-tabs .tab > strong {
+        color: #fff;
+        background-color: #d03c3c;
+        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
+        .navbar .nav-tabs .tab > strong .arrow {
+          border-top-color: #d03c3c; }
+      .navbar .nav-tabs .tab .dropdown {
+        color: #141414; }
+
+.panel {
+  background-color: #f4f4f4;
+  color: #141414; }
+
+.post:target .content {
+  color: #000; }
+
+.post:target h3 a {
+  color: #000; }
+
+.bg1 {
+  background-color: #f4f4f4; }
+
+table.zebra-list tr:nth-child(odd) td, ul.zebra-list li:nth-child(odd) {
+  background-color: #f4f4f4; }
+
+.bg2 {
+  background-color: #f6f6f6; }
+
+table.zebra-list tr:nth-child(even) td, ul.zebra-list li:nth-child(even) {
+  background-color: #f6f6f6; }
+
+.bg3 {
+  background-color: #f8f8f8; }
+  .bg3.panel {
+    background: transparent none;
+    background-color: rgba(224, 224, 224, 0.3);
+    border-top-color: #f8f8f8; }
+    .bg3.panel:before, .bg3.panel:after {
+      background: -webkit-linear-gradient(to bottom, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%);
+      background: linear-gradient(to bottom, #f8f8f8 0%, rgba(248, 248, 248, 0) 100%); }
+  .section-posting .bg3.panel {
+    background-color: #f4f4f4; }
+    .section-posting .bg3.panel:before, .section-posting .bg3.panel:after {
+      background: transparent; }
+
+ul.navlinks {
+  border-top-color: #e7e7e7; }
+
+.forum_unread .forumtitle, .forum_unread_subforum .forumtitle, .forum_unread_locked .forumtitle {
+  color: #d03c3c; }
+
+.global_unread .topictitle, .global_unread_mine .topictitle, .announce_unread_mine .topictitle, .announce_unread .topictitle, .global_unread_mine .topictitle, .announce_unread_mine .topictitle, .global_unread_locked .topictitle, .global_unread_locked_mine .topictitle, .announce_unread_locked_mine .topictitle, .announce_unread_locked .topictitle, .global_unread_locked_mine .topictitle, .announce_unread_locked_mine .topictitle, .announce_unread .topictitle, .announce_unread_mine .topictitle, .announce_unread_locked .topictitle, .announce_unread_locked_mine .topictitle, .sticky_unread .topictitle, .sticky_unread_mine .topictitle, .sticky_unread_locked .topictitle, .sticky_unread_locked_mine .topictitle, .topic_unread .topictitle, .sticky_unread .topictitle, .pm_unread .topictitle, .topic_unread_mine .topictitle, .sticky_unread_mine .topictitle, .topic_unread_locked .topictitle, .sticky_unread_locked .topictitle, .topic_unread_locked_mine .topictitle, .sticky_unread_locked_mine .topictitle, .topic_unread_hot .topictitle, .topic_unread_hot_mine .topictitle {
+  color: #d03c3c; }
+
+.forum-statistics {
+  color: #868686; }
+
+.forum-lastpost {
+  color: #868686; }
+  .forum-lastpost span:before {
+    opacity: .5; }
+
+.forum-description.toggle {
+  color: #fff;
+  background-color: rgba(61, 61, 61, 0.8); }
+  .forum-description.toggle a {
+    color: inherit !important; }
+  .forum-description.toggle span.arrow {
+    border-right-color: rgba(61, 61, 61, 0.8); }
+  .rtl .forum-description.toggle span.arrow {
+    border-right-color: transparent;
+    border-left-color: rgba(61, 61, 61, 0.8); }
+
+.forum-statistics .value {
+  color: #000; }
+
+table.table1 thead th {
+  color: #fff; }
+
+table.table1 tbody tr {
+  border-color: #e7e7e7; }
+
+table.table1 tbody tr:hover, table.table1 tbody tr.hover {
+  background-color: #f8f8f8;
+  color: #000; }
+
+table.table1 td {
+  color: #141414; }
+
+table.table1 tbody td {
+  border-top-color: #e7e7e7; }
+
+table.table1 tbody th {
+  border-bottom-color: #e7e7e7;
+  color: #000;
+  background-color: #e0e0e0; }
+
+table.info tbody th {
+  color: #000; }
+
+dl.details dt {
+  color: #000; }
+
+dl.details dd {
+  color: #636363; }
+
+.sep {
+  color: #525d73; }
+
+/* Icon styles
+---------------------------------------- */
+.icon.icon-blue, a:hover .icon.icon-blue {
+  color: #196db5; }
+
+.icon.icon-green, a:hover .icon.icon-green {
+  color: #1b9A1B; }
+
+.icon.icon-red, a:hover .icon.icon-red {
+  color: #BC2A4D; }
+
+.icon.icon-orange, a:hover .icon.icon-orange {
+  color: #FF6600; }
+
+.icon.icon-bluegray, a:hover .icon.icon-bluegray {
+  color: #536482; }
+
+.icon.icon-gray, a:hover .icon.icon-gray {
+  color: #777777; }
+
+.icon.icon-lightgray, a:hover .icon.icon-lightgray {
+  color: #999999; }
+
+.icon.icon-black, a:hover .icon.icon-black {
+  color: #333333; }
+
+.alert_close .icon:before {
+  background-color: #FFFFFF; }
+
+/* Jumpbox */
+.jumpbox .dropdown li {
+  border-top-color: #525d73; }
+
+.jumpbox-cat-link {
+  background-color: #525d73;
+  color: #fff; }
+
+.jumpbox-cat-link:hover {
+  background-color: #d03c3c;
+  border-top-color: #d03c3c;
+  color: #fff; }
+
+.jumpbox-forum-link {
+  background-color: #f4f4f4; }
+
+.jumpbox-forum-link:hover {
+  background-color: #e0e0e0; }
+
+.jumpbox .dropdown .pointer-inner {
+  border-color: #f4f4f4 transparent; }
+
+.jumpbox-sub-link {
+  background-color: #f4f4f4; }
+
+.jumpbox-sub-link:hover {
+  background-color: #e0e0e0; }
+
+.pagination li a {
+  color: #525d73;
+  background-color: #f4f4f4;
+  border-color: #e7e7e7; }
+
+.pagination li.ellipsis span {
+  background-color: transparent;
+  color: #000; }
+
+.pagination li.active span {
+  color: #fff;
+  background-color: #525d73;
+  border-color: #525d73; }
+
+.pagination li a:hover, .pagination .dropdown-visible a.dropdown-trigger, .nojs .pagination .dropdown-container:hover a.dropdown-trigger {
+  border-color: #d03c3c;
+  background-color: #d03c3c;
+  color: #fff; }
+
+.pagination li.page-jump a:after {
+  color: #525d73; }
+
+.pagination li.page-jump a:hover:after {
+  color: #d03c3c; }
+
+.copyright {
+  color: #868686; }
+
+.error {
+  color: #d03c3c; }
+
+.reported {
+  background-color: #f5e9e9; }
+  .reported .postprofile, .reported .signature {
+    border-color: #f0dede; }
+
+li.reported:hover {
+  background-color: #f5e9e9; }
+
+div.rules {
+  background-color: #dec7c7;
+  color: #d03c3c; }
+
+p.post-notice {
+  background-color: #efd8d8;
+  color: #d03c3c;
+  background-image: none; }
+
+p.post-notice.deleted:before, p.post-notice.unapproved:before, p.post-notice.reported:before, p.post-notice.error:before {
+  font-family: FontAwesome; }
+
+p.post-notice.deleted:before {
+  content: '\f057';
+  color: #d03c3c; }
+
+p.post-notice.unapproved:before {
+  content: '\f059';
+  color: #d03c3c; }
+
+p.post-notice.reported:before, p.post-notice.error:before {
+  content: '\f071';
+  color: #d03c3c; }
+
+.topic-status.sticky {
+  color: #868686; }
+
+a {
+  color: #525d73; }
+
+a:hover {
+  color: #d03c3c; }
+
+a.time {
+  color: #9d9d9d; }
+  a.time:hover {
+    color: #d03c3c; }
+
+.forumbg .header a, .forabg .header a, th a {
+  color: #fff; }
+
+.forumbg .header a:hover, .forabg .header a:hover, th a:hover {
+  color: #fff; }
+
+.dropdown-extended a.mark_read {
+  background-color: #f4f4f4; }
+
+a.top, a.top2 {
+  color: #868686; }
+  a.top:hover, a.top2:hover {
+    color: #d03c3c; }
+
+a.feed-icon-forum:after {
+  color: #bdbdbd; }
+
+a.feed-icon-forum:hover:after {
+  color: #d03c3c; }
+
+ul.topiclist li {
+  color: #141414; }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  ul.topiclist li.row dt a.subforum.read {
+    background-size: 11px 9px; } }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  ul.topiclist li.row dt a.subforum.unread {
+    background-size: 11px 9px; } }
+
+li.row {
+  border-top-color: white;
+  border-bottom-color: #e7e7e7; }
+  li.row .forum-lastpost strong,
+  li.row .subforums-list strong {
+    color: #868686; }
+
+li.row strong {
+  color: #000; }
+
+.icon-link + .list-inner > a.forumtitle, .icon-link + .list-inner > a.topictitle,
+.pm_unread .topictitle,
+a.subforum.unread {
+  color: #d03c3c; }
+
+.postbody {
+  color: #141414; }
+
+.content {
+  color: #141414; }
+
+.content h2, .panel h2 {
+  color: #494949;
+  border-bottom-color: #e7e7e7; }
+
+dl.faq dt, .content dl.faq dt {
+  color: #141414; }
+
+.posthilit {
+  background-color: #f5e9e9;
+  color: #af2a2a; }
+
+.signature {
+  border-top-color: #e7e7e7; }
+
+.notice {
+  border-top-color: #e7e7e7; }
+
+blockquote {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #df7a7a; }
+  .rtl blockquote {
+    border-left-color: #ededed;
+    border-right-color: #df7a7a; }
+
+blockquote blockquote, blockquote .codebox, blockquote .attachbox {
+  background-color: #f4f4f4;
+  background-color: rgba(196, 196, 196, 0.1);
+  border-left-color: #969696; }
+  .rtl blockquote blockquote,
+  .rtl blockquote .codebox,
+  .rtl blockquote .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #969696; }
+
+blockquote blockquote blockquote, blockquote blockquote .codebox, blockquote blockquote .attachbox {
+  background-color: #fff;
+  border-left-color: #df7a7a; }
+  .rtl blockquote blockquote blockquote,
+  .rtl blockquote blockquote .codebox,
+  .rtl blockquote blockquote .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #df7a7a; }
+
+blockquote:before {
+  color: #868686; }
+
+.codebox {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #969696; }
+  .rtl .codebox {
+    border-left-color: #ededed;
+    border-right-color: #969696; }
+
+.codebox p {
+  border-bottom-color: #f2f2f2; }
+
+.codebox code {
+  color: #527356; }
+
+.attachbox {
+  background-color: #fff;
+  border-color: #ededed;
+  border-left-color: #969696; }
+  .rtl .attachbox {
+    border-left-color: #ededed;
+    border-right-color: #969696; }
+
+.attachbox dd {
+  border-top-color: #f2f2f2; }
+
+.attachbox p {
+  color: #666; }
+
+.attachbox p.stats {
+  color: #666; }
+
+dl.file dd {
+  color: #666; }
+
+dl.thumbnail img {
+  border-color: #f2f2f2;
+  background-color: #f4f4f4; }
+
+dl.thumbnail dd {
+  color: #666; }
+
+fieldset.polls dl {
+  border-top-color: white;
+  border-bottom-color: #e7e7e7;
+  color: #141414; }
+
+fieldset.polls dl.voted {
+  color: #000; }
+
+fieldset.polls dd div {
+  color: #fff; }
+
+.pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
+  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.2); }
+
+.pollbar1 {
+  background-color: #ac6060; }
+
+.pollbar2 {
+  background-color: #b25a5a; }
+
+.pollbar3 {
+  background-color: #b85454; }
+
+.pollbar4 {
+  background-color: #c44848; }
+
+.pollbar5 {
+  background-color: #d03c3c; }
+
+.postprofile {
+  color: #141414;
+  border-color: #e7e7e7; }
+
+.postprofile strong {
+  color: #000; }
+
+.online-ribbon span {
+  background-color: #d03c3c;
+  color: #fff; }
+
+dd.profile-warnings {
+  color: #BC2A4D; }
+
+.no-avatar .avatar-container {
+  background-image: url("./images/no_avatar.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .no-avatar .avatar-container {
+      background-image: url("./images/no_avatar_hd.png"); } }
+
+.postbody .content::-webkit-scrollbar, #topicreview::-webkit-scrollbar, #post_details::-webkit-scrollbar, .codebox code::-webkit-scrollbar, .attachbox dd::-webkit-scrollbar, .attach-image::-webkit-scrollbar, .dropdown-extended ul::-webkit-scrollbar {
+  background: rgba(0, 0, 0, 0.1); }
+
+.postbody .content::-webkit-scrollbar-thumb, #topicreview::-webkit-scrollbar-thumb, #post_details::-webkit-scrollbar-thumb, .codebox code::-webkit-scrollbar-thumb, .attachbox dd::-webkit-scrollbar-thumb, .attach-image::-webkit-scrollbar-thumb, .dropdown-extended ul::-webkit-scrollbar-thumb {
+  background: rgba(0, 0, 0, 0.3); }
+
+.button, .buttons > .button.locked-icon {
+  border-color: #626c80;
+  background-color: #626c80;
+  color: #fff;
+  box-shadow: none; }
+.buttons > .button.locked-icon {
+  color: #fff; }
+  .buttons > .button.locked-icon:after, .buttons > .button.locked-icon:before {
+    color: #fff !important; }
+  .buttons > .button.locked-icon:hover {
+    box-shadow: none; }
+.buttons > .button, .button.report-icon, .button.delete-icon {
+  border-color: #525d73;
+  background-color: #525d73;
+  color: #fff; }
+  .buttons > .button:after, .buttons > .button:before, .button.report-icon:after, .button.report-icon:before, .button.delete-icon:after, .button.delete-icon:before {
+    color: #e5e7ea !important; }
+.button.report-icon, .button.delete-icon {
+  border-color: #d03c3c;
+  background-color: #d03c3c; }
+  .button.report-icon:after, .button.report-icon:before, .button.delete-icon:after, .button.delete-icon:before {
+    color: #f8e2e2 !important; }
+
+.buttons > .dropdown-select {
+  color: #868686; }
+
+.dropdown-select:after {
+  border-color: #949aa6; }
+
+.dropdown-select:hover {
+  border-color: #626c80; }
+
+.dropdown-select:hover:after, .dropdown-visible .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:after {
+  border-color: #d24c4c; }
+
+.dropdown-visible .dropdown-select, .dropdown-visible .dropdown-select:hover, .nojs .dropdown-container:hover .dropdown-select,
+.buttons > .button:hover,
+.button:hover, .dropdown-visible .dropdown-select, .nojs .dropdown-container:hover .dropdown-select {
+  border-color: #d03c3c !important;
+  background-color: #d03c3c;
+  color: #fff; }
+  .dropdown-visible .dropdown-select:after, .dropdown-visible .dropdown-select:before, .dropdown-visible .dropdown-select:hover:after, .dropdown-visible .dropdown-select:hover:before, .nojs .dropdown-container:hover .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:before,
+  .buttons > .button:hover:after,
+  .buttons > .button:hover:before,
+  .button:hover:after,
+  .button:hover:before, .dropdown-visible .dropdown-select:after, .dropdown-visible .dropdown-select:before, .nojs .dropdown-container:hover .dropdown-select:after, .nojs .dropdown-container:hover .dropdown-select:before {
+    color: #fff !important; }
+
+.contact-icons a {
+  border-color: #e7e7e7; }
+
+.jabber-icon:after {
+  color: #c90000; }
+
+.phpbb_icq-icon:after {
+  color: #60ff00;
+  text-shadow: 0 0 1px #000, 0 0 2px #000; }
+
+.phpbb_wlm-icon:after {
+  color: #79add0; }
+
+.phpbb_aol-icon:after {
+  color: #ffd800;
+  text-shadow: 0 0 1px #000, 0 0 2px #000; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after, .icon-search-self:after, .icon-search:after, .icon-search-active:after, .icon-search-advanced:after, .icon-acp:after, .icon-bookmark:after, .icon-bump:after, .icon-contact:after, .icon-delete-cookies:after, .icon-download:after, .icon-faq:after, .icon-home:after, .icon-logout:after, .icon-login:after, .icon-mark:after, .icon-mcp:after, .icon-members:after, .icon-members:before, ul.linklist.bulletin > li.small-icon.icon-members:before, .icon-notification:after, .icon-pages:after, .icon-pm:after, .icon-print:after, .icon-profile:after, .icon-register:after, .icon-sendemail:after, .icon-subscribe:after, .icon-team:after, .icon-team:before, ul.linklist.bulletin > li.small-icon.icon-team:before, .icon-ucp:after, .icon-unsubscribe:after, .icon-new-posts:after, .icon-forums:after, .icon-chat:after, .icon-time:after, .icon-thanks:after, .icon-thanks_toplist:after {
+  color: #525d73; }
+.icon-search-new:hover:after, .icon-search-unanswered:hover:after, .icon-search-unread:hover:after, .icon-search-self:hover:after, .icon-search:hover:after, .icon-search-active:hover:after, .icon-search-advanced:hover:after, .icon-acp:hover:after, .icon-bookmark:hover:after, .icon-bump:hover:after, .icon-contact:hover:after, .icon-delete-cookies:hover:after, .icon-download:hover:after, .icon-faq:hover:after, .icon-home:hover:after, .icon-logout:hover:after, .icon-login:hover:after, .icon-mark:hover:after, .icon-mcp:hover:after, .icon-members:hover:after, .icon-members:hover:before, ul.linklist.bulletin > li.small-icon.icon-members:hover:before, .icon-notification:hover:after, .icon-pages:hover:after, .icon-pm:hover:after, .icon-print:hover:after, .icon-profile:hover:after, .icon-register:hover:after, .icon-sendemail:hover:after, .icon-subscribe:hover:after, .icon-team:hover:after, .icon-team:hover:before, ul.linklist.bulletin > li.small-icon.icon-team:hover:before, .icon-ucp:hover:after, .icon-unsubscribe:hover:after, .icon-new-posts:hover:after, .icon-forums:hover:after, .icon-chat:hover:after, .icon-time:hover:after, .icon-thanks:hover:after, .icon-thanks_toplist:hover:after {
+  color: #d03c3c; }
+
+.icon-search-new:after, .icon-search-unanswered:after, .icon-search-unread:after {
+  color: #d03c3c; }
+
+.icon-search-self:after {
+  color: #9d9d9d; }
+
+.icon-home.breadcrumbs:after {
+  color: #525d73; }
+
+.icon-notification.non-zero:after, .icon-pm.non-zero:after {
+  color: #d03c3c; }
+
+.icon-time:after {
+  color: #9d9d9d; }
+
+/* Profile & navigation icons */
+.pm-icon {
+  background-position: 0 0; }
+
+.email-icon {
+  background-position: -21px 0; }
+
+.jabber-icon {
+  background-position: -80px 0; }
+
+.phpbb_icq-icon {
+  background-position: -61px 0; }
+
+.phpbb_wlm-icon {
+  background-position: -182px 0; }
+
+.phpbb_aol-icon {
+  background-position: -244px 0; }
+
+.phpbb_website-icon {
+  background-position: -40px 0; }
+
+.phpbb_youtube-icon {
+  background-position: -98px 0; }
+
+.phpbb_facebook-icon {
+  background-position: -119px 0; }
+
+.phpbb_googleplus-icon {
+  background-position: -140px 0; }
+
+.phpbb_skype-icon {
+  background-position: -161px 0; }
+
+.phpbb_twitter-icon {
+  background-position: -203px 0; }
+
+.phpbb_yahoo-icon {
+  background-position: -224px 0; }
+
+.global_read, .global_read_mine, .announce_read_mine, .announce_read {
+  background-image: url("./images/announce_read.png"); }
+
+.global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked {
+  background-image: url("./images/announce_read_locked.png"); }
+
+.global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread {
+  background-image: url("./images/announce_unread.png"); }
+
+.global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked {
+  background-image: url("./images/announce_unread_locked.png"); }
+
+.forum_link {
+  background-image: url("./images/forum_link.png"); }
+
+.forum_read {
+  background-image: url("./images/forum_read.png"); }
+
+.forum_read_locked {
+  background-image: url("./images/forum_read_locked.png"); }
+
+.forum_read_subforum {
+  background-image: url("./images/forum_read_subforum.png"); }
+
+.forum_unread {
+  background-image: url("./images/forum_unread.png"); }
+
+.forum_unread_locked {
+  background-image: url("./images/forum_unread_locked.png"); }
+
+.forum_unread_subforum {
+  background-image: url("./images/forum_unread_subforum.png"); }
+
+.topic_moved {
+  background-image: url("./images/topic_moved.png"); }
+
+.topic_read, .sticky_read, .pm_read {
+  background-image: url("./images/topic_read.png"); }
+
+.topic_read_mine, .sticky_read_mine {
+  background-image: url("./images/topic_read_mine.png"); }
+
+.topic_read_hot {
+  background-image: url("./images/topic_read_hot.png"); }
+
+.topic_read_hot_mine {
+  background-image: url("./images/topic_read_hot_mine.png"); }
+
+.topic_read_locked, .sticky_read_locked {
+  background-image: url("./images/topic_read_locked.png"); }
+
+.topic_read_locked_mine, .sticky_read_locked_mine {
+  background-image: url("./images/topic_read_locked_mine.png"); }
+
+.topic_unread, .sticky_unread, .pm_unread {
+  background-image: url("./images/topic_unread.png"); }
+
+.topic_unread_mine, .sticky_unread_mine {
+  background-image: url("./images/topic_unread_mine.png"); }
+
+.topic_unread_hot {
+  background-image: url("./images/topic_unread_hot.png"); }
+
+.topic_unread_hot_mine {
+  background-image: url("./images/topic_unread_hot_mine.png"); }
+
+.topic_unread_locked, .sticky_unread_locked {
+  background-image: url("./images/topic_unread_locked.png"); }
+
+.topic_unread_locked_mine, .sticky_unread_locked_mine {
+  background-image: url("./images/topic_unread_locked_mine.png"); }
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+  .global_read, .global_read_mine, .announce_read_mine, .announce_read, .global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked, .global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread, .global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked,
+  .forum_link, .forum_read, .forum_read_locked, .forum_read_subforum, .forum_unread, .forum_unread_locked, .forum_unread_subforum,
+  .topic_moved, .topic_read, .sticky_read, .pm_read, .topic_read_mine, .sticky_read_mine, .topic_read_hot, .topic_read_hot_mine, .topic_read_locked, .sticky_read_locked, .topic_read_locked_mine, .sticky_read_locked_mine,
+  .topic_unread,
+  .sticky_unread,
+  .pm_unread, .topic_unread_mine, .sticky_unread_mine, .topic_unread_hot, .topic_unread_hot_mine, .topic_unread_locked, .sticky_unread_locked, .topic_unread_locked_mine, .sticky_unread_locked_mine {
+    background-size: 36px 36px; }
+
+  .global_read, .global_read_mine, .announce_read_mine, .announce_read {
+    background-image: url("./images/announce_read_hd.png"); }
+
+  .global_read_locked, .global_read_locked_mine, .announce_read_locked_mine, .announce_read_locked {
+    background-image: url("./images/announce_read_locked_hd.png"); }
+
+  .global_unread, .global_unread_mine, .announce_unread_mine, .announce_unread {
+    background-image: url("./images/announce_unread_hd.png"); }
+
+  .global_unread_locked, .global_unread_locked_mine, .announce_unread_locked_mine, .announce_unread_locked {
+    background-image: url("./images/announce_unread_locked_hd.png"); }
+
+  .forum_link {
+    background-image: url("./images/forum_link_hd.png"); }
+
+  .forum_read {
+    background-image: url("./images/forum_read_hd.png"); }
+
+  .forum_read_locked {
+    background-image: url("./images/forum_read_locked_hd.png"); }
+
+  .forum_read_subforum {
+    background-image: url("./images/forum_read_subforum_hd.png"); }
+
+  .forum_unread {
+    background-image: url("./images/forum_unread_hd.png"); }
+
+  .forum_unread_locked {
+    background-image: url("./images/forum_unread_locked_hd.png"); }
+
+  .forum_unread_subforum {
+    background-image: url("./images/forum_unread_subforum_hd.png"); }
+
+  .topic_moved {
+    background-image: url("./images/topic_moved_hd.png"); }
+
+  .topic_read, .sticky_read, .pm_read {
+    background-image: url("./images/topic_read_hd.png"); }
+
+  .topic_read_mine, .sticky_read_mine {
+    background-image: url("./images/topic_read_mine_hd.png"); }
+
+  .topic_read_hot {
+    background-image: url("./images/topic_read_hot_hd.png"); }
+
+  .topic_read_hot_mine {
+    background-image: url("./images/topic_read_hot_mine_hd.png"); }
+
+  .topic_read_locked, .sticky_read_locked {
+    background-image: url("./images/topic_read_locked_hd.png"); }
+
+  .topic_read_locked_mine, .sticky_read_locked_mine {
+    background-image: url("./images/topic_read_locked_mine_hd.png"); }
+
+  .topic_unread, .sticky_unread, .pm_unread {
+    background-image: url("./images/topic_unread_hd.png"); }
+
+  .topic_unread_mine, .sticky_unread_mine {
+    background-image: url("./images/topic_unread_mine_hd.png"); }
+
+  .topic_unread_hot {
+    background-image: url("./images/topic_unread_hot_hd.png"); }
+
+  .topic_unread_hot_mine {
+    background-image: url("./images/topic_unread_hot_mine_hd.png"); }
+
+  .topic_unread_locked, .sticky_unread_locked {
+    background-image: url("./images/topic_unread_locked_hd.png"); }
+
+  .topic_unread_locked_mine, .sticky_unread_locked_mine {
+    background-image: url("./images/topic_unread_locked_mine_hd.png"); } }
+.panel-container .panel li.header dd, .panel-container .panel li.header dt {
+  color: #000; }
+
+.panel-container table.table1 thead th {
+  color: #141414;
+  border-bottom-color: #e7e7e7; }
+
+#cp-main .pm-message {
+  border-color: #e0e0e0;
+  background-color: #f4f4f4; }
+
+#tabs .tab > a {
+  background: #f4f4f4;
+  color: #636363; }
+
+#tabs .tab > a:hover {
+  background: #f8f8f8;
+  color: #d03c3c; }
+
+#tabs .activetab > a,
+#tabs .activetab > a:hover {
+  background: #f8f8f8;
+  box-shadow: 0 5px 5px -5px #f8f8f8;
+  border-color: #f8f8f8;
+  color: #2b2b2b; }
+
+#minitabs .tab > a {
+  background-color: #f6f6f6; }
+
+#minitabs .activetab > a,
+#minitabs .activetab > a:hover {
+  background-color: #F9F9F9;
+  color: #333333; }
+
+.responsive-tab .responsive-tab-link:before {
+  color: #636363; }
+
+#navigation a {
+  color: #141414;
+  background: #f4f4f4;
+  box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.1); }
+
+#navigation a:hover {
+  background: #f6f6f6;
+  color: #d03c3c; }
+
+#navigation #active-subsection a {
+  background: #525d73;
+  color: #fff; }
+
+#navigation #active-subsection a:hover {
+  background-color: #d03c3c; }
+
+#navigation > hr {
+  border-top-color: #f6f6f6; }
+
+.panel-container h2 {
+  color: #141414; }
+
+.panel-container .panel {
+  background: #eaeaea;
+  box-shadow: none;
+  border-width: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
+  .panel-container .panel > .inner > h3:first-child {
+    background-color: transparent;
+    color: #525d73;
+    background-image: none; }
+    .panel-container .panel > .inner > h3:first-child a {
+      color: #525d73; }
+      .panel-container .panel > .inner > h3:first-child a:hover {
+        color: #d03c3c; }
+  .panel-container .panel:before, .panel-container .panel:after {
+    background: transparent; }
+
+#cp-main .pm {
+  background-color: #f4f4f4; }
+
+.cp-mini {
+  background-color: #f6f6f6; }
+
+.current {
+  color: #000 !important; }
+
+.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
+  border-left-color: #BC2A4D;
+  border-right-color: #BC2A4D; }
+
+.pmlist li.pm_marked_colour, .pm_marked_colour {
+  border-color: #ff1100; }
+
+.pmlist li.pm_replied_colour, .pm_replied_colour {
+  border-color: #aab8c2; }
+
+.pmlist li.pm_friend_colour, .pm_friend_colour {
+  border-color: #5D8FBD; }
+
+.pmlist li.pm_foe_colour, .pm_foe_colour {
+  border-color: #000000; }
+
+#gallery label {
+  background: #f6f6f6;
+  border-color: #e7e7e7; }
+
+#gallery label:hover {
+  background-color: #f8f8f8; }
+
+select {
+  border-color: #c6c6c6;
+  background-color: #fff;
+  color: #141414; }
+
+label {
+  color: #141414; }
+
+option.disabled-option {
+  color: #868686; }
+
+dd label {
+  color: #141414; }
+
+fieldset.fields1 {
+  background-color: transparent; }
+
+fieldset dl:hover dt label {
+  color: #000; }
+
+fieldset.fields2 dl:hover dt label {
+  color: inherit; }
+
+#message-box textarea {
+  color: #141414; }
+
+#message-box textarea.drag-n-drop {
+  outline-color: rgba(157, 157, 157, 0.5); }
+
+#message-box textarea.drag-n-drop-highlight {
+  outline-color: rgba(134, 134, 134, 0.5); }
+
+.inputbox, select {
+  background-color: #fff;
+  border-color: #c6c6c6;
+  color: #141414; }
+
+.inputbox::-moz-placeholder {
+  color: #5b5b5b; }
+.inputbox::-webkit-input-placeholder {
+  color: #5b5b5b; }
+.inputbox:-ms-input-placeholder {
+  color: #5b5b5b; }
+
+.inputbox:hover, select:hover {
+  background-color: #fff;
+  border-color: #d03c3c;
+  color: #141414; }
+
+.inputbox:focus, select:focus {
+  background-color: #fff;
+  border-color: #525d73;
+  color: #141414; }
+
+.inputbox:hover::-moz-placeholder {
+  color: #141414; }
+.inputbox:hover::-webkit-input-placeholder {
+  color: #141414; }
+.inputbox:hover:-ms-input-placeholder {
+  color: #141414; }
+
+.inputbox:focus::-moz-placeholder {
+  color: transparent; }
+.inputbox:focus::-webkit-input-placeholder {
+  color: transparent; }
+.inputbox:focus:-ms-input-placeholder {
+  color: transparent; }
+
+a.button1, input.button1, input.button3, a.button2, input.button2 {
+  color: #fff;
+  border-color: #626c80;
+  background-color: #626c80; }
+
+a.button1, input.button1 {
+  border-color: #525d73;
+  background-color: #525d73;
+  color: #fff; }
+
+input.button3 {
+  background-image: none; }
+
+a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, input.button3:hover {
+  border-color: #d03c3c;
+  background-color: #d03c3c;
+  color: #fff; }
+
+input.button1:focus, input.button2:focus, input.button3:focus {
+  border-color: #d03c3c;
+  background-color: #d03c3c;
+  color: #fff; }
+
+input.disabled {
+  color: #868686; }
+
+.phpbb_alert {
+  background-color: #e0e0e0;
+  border-color: #e7e7e7; }
+
+.phpbb_alert .alert_close:before {
+  color: #525d73; }
+
+.phpbb_alert .alert_close:hover:before {
+  color: #d03c3c; }
+
+.phpbb_alert .alert_close:after {
+  color: #e0e0e0; }
+
+.darken {
+  background-color: #000; }
+
+.loading_indicator {
+  background-color: #000;
+  background-image: url("./images/loading.gif"); }
+
+.dropdown-extended ul li {
+  border-top-color: #e7e7e7; }
+
+.dropdown-extended ul li:hover {
+  background-color: #f6f6f6;
+  color: #000; }
+
+.dropdown-extended .header, .dropdown-extended .footer {
+  border-color: #e7e7e7;
+  color: #000; }
+
+.dropdown-extended .footer {
+  border-top-style: solid;
+  border-top-width: 1px; }
+
+.dropdown-extended .header {
+  background: #525d73;
+  color: #fff; }
+  .dropdown-extended .header a {
+    color: #fff; }
+    .dropdown-extended .header a:hover {
+      color: #fff; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:before {
+  color: #525d73; }
+
+ul.linklist li.responsive-menu a.responsive-menu-link:hover:before, ul.linklist li.responsive-menu.visible a.responsive-menu-link:before {
+  color: #d03c3c; }
+
+.dropdown .dropdown-contents {
+  background: #f4f4f4;
+  border-color: #525d73;
+  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.5); }
+
+.dropdown-up .dropdown-contents {
+  box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5); }
+
+.dropdown li, .dropdown li li {
+  border-color: #dbdbdb; }
+
+.dropdown li.separator {
+  border-color: #dbdbdb; }
+
+.notification_list li.notification-reported strong, .notification_list li.notification-disapproved strong {
+  color: #d03c3c; }
+.notification_list li.dropdown-notification {
+  background-color: #f4f4f4;
+  color: #525d73; }
+  .notification_list li.dropdown-notification, .panel-container .notification_list li.dropdown-notification {
+    border-top-color: white;
+    border-bottom-color: #dbdbdb; }
+  .notification_list li.dropdown-notification strong {
+    color: #161616; }
+  .notification_list li.dropdown-notification a {
+    color: inherit; }
+  .notification_list li.dropdown-notification p.notification-time, .notification_list li.dropdown-notification p.notifications_time {
+    color: #8f8f8f; }
+  .notification_list li.dropdown-notification a.mark_read {
+    background-color: white; }
+    .notification_list li.dropdown-notification a.mark_read, .notification_list li.dropdown-notification a.mark_read:after {
+      color: #161616; }
+      .notification_list li.dropdown-notification a.mark_read:hover, .notification_list li.dropdown-notification a.mark_read:after:hover {
+        color: #525d73; }
+.notification_list li.bg3 {
+  background-color: #ded0d0;
+  color: #d03c3c; }
+  .notification_list li.bg3, .panel-container .notification_list li.bg3 {
+    border-top-color: #f3eeee;
+    border-bottom-color: #c9b2b2; }
+  .notification_list li.bg3 strong {
+    color: #000; }
+  .notification_list li.bg3 a {
+    color: inherit; }
+  .notification_list li.bg3 p.notification-time, .notification_list li.bg3 p.notifications_time {
+    color: #bc8080; }
+  .notification_list li.bg3 a.mark_read {
+    background-color: white; }
+    .notification_list li.bg3 a.mark_read, .notification_list li.bg3 a.mark_read:after {
+      color: #000; }
+      .notification_list li.bg3 a.mark_read:hover, .notification_list li.bg3 a.mark_read:after:hover {
+        color: #d03c3c; }
+.notification_list li.dropdown-notification:hover {
+  background-color: #f6f6f6;
+  color: #525d73; }
+  .notification_list li.dropdown-notification:hover, .panel-container .notification_list li.dropdown-notification:hover {
+    border-top-color: white;
+    border-bottom-color: #dddddd; }
+  .notification_list li.dropdown-notification:hover strong {
+    color: #161616; }
+  .notification_list li.dropdown-notification:hover a {
+    color: inherit; }
+  .notification_list li.dropdown-notification:hover p.notification-time, .notification_list li.dropdown-notification:hover p.notifications_time {
+    color: #8f8f8f; }
+  .notification_list li.dropdown-notification:hover a.mark_read {
+    background-color: white; }
+    .notification_list li.dropdown-notification:hover a.mark_read, .notification_list li.dropdown-notification:hover a.mark_read:after {
+      color: #161616; }
+      .notification_list li.dropdown-notification:hover a.mark_read:hover, .notification_list li.dropdown-notification:hover a.mark_read:after:hover {
+        color: #525d73; }
+
+.imageset.icon_post_target {
+  background-image: url("./images/icon_post_target.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .imageset.icon_post_target {
+      background-image: url("./images/icon_post_target_hd.png"); } }
+
+.imageset.icon_post_target_unread {
+  background-image: url("./images/icon_post_target_unread.png"); }
+  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 1.5dppx) {
+    .imageset.icon_post_target_unread {
+      background-image: url("./images/icon_post_target_unread_hd.png"); } }
+
+.imageset.icon_topic_attach:after {
+  color: #868686; }
+
+.imageset.icon_topic_poll:after {
+  color: gray; }
+
+/* --------------------------------------------------------------
+	$Icons
+-------------------------------------------------------------- */
+/* Global module setup
+--------------------------------*/
+/* Renamed version of .fa class for agnostic usage of icon fonts.
+ * Just change the name of the font after the 14/1 to the name of
+ * the font you wish to use.
+ */
+.icon, .button .icon, blockquote cite:before, .uncited:before {
+  display: inline-block;
+  font-weight: normal;
+  font-style: normal;
+  font-variant: normal;
+  font-family: FontAwesome;
+  font-size: 14px;
+  line-height: 1;
+  text-rendering: auto;
+  /* optimizelegibility throws things off #1094 */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+.icon:before {
+  padding-right: 2px; }
+
+.button .icon:before {
+  padding-right: 0; }
+
+/* Icon size classes - Default size is 14px, use these for small variations */
+.icon.icon-xl {
+  font-size: 20px; }
+
+.icon.icon-lg {
+  font-size: 16px; }
+
+.icon.icon-md {
+  font-size: 10px; }
+
+.icon.icon-sm {
+  font-size: 8px; }
+
+/* icon modifiers */
+.icon-tiny {
+  width: 12px;
+  transform: scale(0.65, 0.75);
+  vertical-align: text-bottom;
+  font-size: 16px; }
+
+.arrow-left .icon {
+  float: left; }
+
+.arrow-left:hover .icon {
+  margin-left: -5px;
+  margin-right: 5px; }
+
+.arrow-right .icon {
+  float: right; }
+
+.arrow-right:hover .icon {
+  margin-left: 5px;
+  margin-right: -5px; }
+
+.post-buttons .dropdown-contents .icon {
+  float: right;
+  margin-left: 5px; }
+
+.alert_close .icon:before {
+  padding: 0;
+  border-radius: 50%;
+  width: 11px;
+  display: block;
+  line-height: .9;
+  height: 12px; }
+
+blockquote cite:before, .uncited:before {
+  content: '\f10d';
+  /* Font Awesome quote-left */ }
+
+.rtl blockquote cite:before, .rtl .uncited:before {
+  content: '\f10e';
+  /* Font Awesome quote-right */ }
+
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ *    without disabling user zoom.
+ */
+html {
+  font-family: sans-serif;
+  /* 1 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */ }
+
+/**
+ * Remove default margin.
+ */
+body {
+  margin: 0; }
+
+/* HTML5 display definitions
+	 ========================================================================== */
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block; }
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  /* 1 */
+  vertical-align: baseline;
+  /* 2 */ }
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+audio:not([controls]) {
+  display: none;
+  height: 0; }
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+[hidden],
+template {
+  display: none; }
+
+/* Links
+	 ========================================================================== */
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+a {
+  background-color: transparent; }
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+a:active,
+a:hover {
+  outline: 0; }
+
+/* Text-level semantics
+	 ========================================================================== */
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+b,
+strong {
+  font-weight: bold; }
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+dfn {
+  font-style: italic; }
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0; }
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+mark {
+  background: #ff0;
+  color: #000; }
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+small {
+  font-size: 80%; }
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -0.5em; }
+
+sub {
+  bottom: -0.25em; }
+
+/* Embedded content
+	 ========================================================================== */
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+img {
+  border: 0; }
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+svg:not(:root) {
+  overflow: hidden; }
+
+/* Grouping content
+	 ========================================================================== */
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+figure {
+  margin: 1em 40px; }
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+hr {
+  box-sizing: content-box;
+  height: 0; }
+
+/**
+ * Contain overflow in all browsers.
+ */
+pre {
+  overflow: auto; }
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+/* Forms
+	 ========================================================================== */
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+/**
+ * 1. Correct color not being inherited.
+ *    Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit;
+  /* 1 */
+  font: inherit;
+  /* 2 */
+  margin: 0;
+  /* 3 */ }
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+button {
+  overflow: visible; }
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+button,
+select {
+  text-transform: none; }
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button;
+  /* 2 */
+  cursor: pointer;
+  /* 3 */ }
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+button[disabled],
+html input[disabled] {
+  cursor: default; }
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+input {
+  line-height: normal; }
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  box-sizing: content-box;
+  /* 2 */ }
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+legend {
+  border: 0;
+  /* 1 */
+  padding: 0;
+  /* 2 */ }
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+textarea {
+  overflow: auto; }
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+optgroup {
+  font-weight: bold; }
+
+/* Tables
+	 ========================================================================== */
+/**
+ * Remove most spacing between table cells.
+ */
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+td,
+th {
+  padding: 0; }
+
+/* --------------------------------------------------------------
+	$Utilities
+-------------------------------------------------------------- */
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto; }
+
+.clearfix:before,
+.clearfix:after,
+.container:before,
+.container:after,
+.container-fluid:before,
+.container-fluid:after,
+.row:before,
+.row:after {
+  content: " ";
+  display: table; }
+
+.clearfix:after,
+.container:after,
+.container-fluid:after,
+.row:after {
+  clear: both; }
+
+.center-block {
+  display: block;
+  margin-left: auto;
+  margin-right: auto; }
+
+.pull-right {
+  float: right !important; }
+
+.pull-left {
+  float: left !important; }
+
+.hide {
+  display: none !important; }
+
+.show {
+  display: block !important; }
+
+.invisible {
+  visibility: hidden; }
+
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0; }
+
+.hidden {
+  display: none; }
+
+.affix {
+  position: fixed; }
diff --git a/simplicity_steelblue/theme/stylesheet.scss b/simplicity_steelblue/theme/stylesheet.scss
new file mode 100644
index 0000000..d6de161
--- /dev/null
+++ b/simplicity_steelblue/theme/stylesheet.scss
@@ -0,0 +1,35 @@
+//
+//	stylesheet.css replacement
+//
+//	This file requires SASS compiler.
+//	You can find instructions here: http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+//
+//	If you have any questions please visit support forum at:
+//		http://www.artodia.com/forums/
+//
+//	Set your custom configuration variables in _custom_config.scss
+//	Add your custom code to _custom.scss
+//	
+//	After editing any .scss file you must recompile stylesheet.
+//
+/*!
+	DO NOT EDIT stylesheet.css!
+
+	Edit .scss files instead. See http://www.artodia.com/phpbb-31-tutorials/compile-theme/
+	If you have any questions, please ask on support forum at http://www.artodia.com/forums/
+*/
+@import "custom_config";
+@import "style_config";
+@import "common/common";
+@import "common/links";
+@import "common/content";
+@import "common/buttons";
+@import "common/cp";
+@import "common/forms";
+@import "common/imageset";
+@import "common/responsive";
+@import "colours";
+@import "custom";
+@import "common/icons";
+@import "common/normalize";
+@import "common/utilities";
diff --git a/simplicity_steelblue/theme/tweaks.css b/simplicity_steelblue/theme/tweaks.css
new file mode 100644
index 0000000..820faa4
--- /dev/null
+++ b/simplicity_steelblue/theme/tweaks.css
@@ -0,0 +1,7 @@
+/* Style Sheet Tweaks
+
+These style definitions are IE 8 & 9 only.
+They are required due to the poor CSS support in IE browsers.
+------------------------------------------------------------------------------*/
+
+@import "../../simplicity/theme/tweaks.css";
\ No newline at end of file